Izmantojiet uzsvaru, lai pievērstu skatītāju acu
Uzsvars tīmekļa lapas dizains rada teritoriju 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 spilgtās krāsās - 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 dizaineri, ir mēģināt padarīt visu dizainu izceltu. Ja 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: veidojiet 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, jebkuram objektam ar krāsu piesaista aci.
- Formas: kad 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 pievērš uzmanību.
- Svars: smags elements piesaista skatītāja uzmanību.
- Atkārtošanās: ja tiek atkārtots vienkāršs grafiskais un tipa elements, acs seko atkārtotajam elementam uz fokusa punktu.
- Kontrasts: Papildus kontrastiem, ko rada krāsa un līnijas, kontrastu var radīt lielums, faktūra vai fontu izmaiņas. Izmaiņas izraisa fokusa elementa izcelšanos.
- Balta telpa: elements, ko ieskauj balta (vai tukša) telpa, kļūst par fokusa punktu.
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 projektam 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.