Tīmekļa lapas dizaina uzsvars rada vietu vai objektu, kas ir lapas galvenais punkts. Tas ir veids, kā padarīt vienu elementu izceļas ar dizainu. Fokusa punkts var būt lielāks par citiem dizaina elementiem vai spilgti krāsainu - abiem ir tendence pievērst uzmanību. Veidojot tīmekļa vietni, varat pievienot uzsvaru, izvēloties vārdu vai frāzi un piešķirot tai krāsu, fontu vai lielumu, kas to izceļas, taču ir daudz citu veidu, kā uzsvērt jūsu dizainu.
Izceltā dizaina izmantošana
Viena no lielākajām kļūdām, ko var radīt web dizaineri, ir mēģināt padarīt visu dizainu izceltu. Kad viss ir vienāds uzsvars, dizains šķiet aizņemts un neskaidrs vai sliktāk - garlaicīgs un nepievilcīgs. Lai izveidotu kontaktpunktu tīmekļa dizains, neaizmirstiet izmantot:
- Līnijas: Izveidojiet uzsvaru pretēji. Ja vairāki elementi ir horizontāli, viens vertikālais elements kļūst par fokusa punktu.
- Krāsa: Ja lielākā daļa dizaina elementu ir tumši vai izslēgti, jebkas krāsains objekts piesaista aci.
- Formas: Ja lielākā daļa formu ir neregulāras, izceļas ģeometriskā forma.
- Tuvums: Ja ir sagrupēti vairāki vienumi un viens no tiem ir atsevišķs no grupas, acis nonāk vienotā objektā.
- Izvietojums: Lai gan ir izņēmumi, dizaina centrā novietots elements parasti vērš uzmanību.
- Svars: Smags elements piesaista skatītāja uzmanību.
- Atkārtojums: Kad atkārtojas vienkāršs grafiskais un tipa elements, acs pēc fokusa punkta seko atkārtotajam elementam.
- Kontrasts: Papildus kontrastiem, ko rada krāsa un līnijas, kontrastu var radīt lielums, faktūra vai fontu izmaiņas. Izmaiņas izraisa galveno elementu vai uzsvaru.
- Balta telpa: Elements, ko ieskauj balta (vai tukša) telpa.
Tīmekļa dizaina hierarhija
Hierarhija ir dizaina elementu vizuālais izvietojums, kas norāda lielumu pēc lieluma. Lielākais elements ir vissvarīgākais; mazāk svarīgākie elementi ir mazāki. Koncentrējieties uz vizuālās hierarhijas izveidi savā tīmekļa dizainā. Ja esat strādājis, lai izveidotu semantisku plūsmu uz HTML marķējumu, tas ir viegli, jo jūsu tīmekļa lapā jau ir hierarhija. Visam jūsu dizainam ir jādara, ir uzsvērt pareizo elementu - piemēram, H1 virsrakstu - vislielākajam uzsvaram.
Līdz ar hierarhiju iezīmēšanas laikā atzīstiet, ka apmeklētājs acu skatā Web lapu Z modeļa sākumā ekrāna augšējā kreisajā stūrī. Tādējādi lapas augšējais kreisais stūris ir laba vieta svarīgam objektam, piemēram, uzņēmuma logotipam. Augšējais labais stūrītis ir otrā labākā izvietojuma pozīcija svarīgai informācijai.
Kā iekļaut Web dizaina uzsvaru
Uzmanību web dizains var īstenot daudzos veidos:
- Izmantojiet semantisko atzīmi, lai piešķirtu uzsvaru pat bez stiliem.
- Mainiet fontu vai attēlu lielumu, lai tos uzsvērtu vai de-emphasizētu dizainā.
- Izmantojiet kontrastējošas krāsas, lai piešķirtu uzsvaru.
- Lieluma skaits. Liels vārds lapā vai ekrānā saņem tūlītēju uzmanību.
- Aptveriet fokusa punktu ar balto laukumu.
- Lai pievērstu uzmanību, atkārtojiet vārdu vai attēlu.
Kur atrodas subordinācija?
Subordinācija rodas, ja jūs noskaņojat citus dizaina elementus, lai izveidotu fokusa punktu pop. Viens piemērs ir spilgtas krāsas grafiks, kas novietots pret melnbaltu fona fotoattēlu. Tas pats efekts rodas, ja izmantojat pieskaņotas krāsas vai krāsas, kas sajaucas ar fonu aiz fokusa punkta, tādējādi izceļot to.
