Uzsvars a tīmekļa lapu dizains izveido apgabalu vai objektu, kas ir lapas centrālais punkts. Tas ir veids, kā dizainā izcelt vienu elementu. Fokusa punkts var būt lielāks nekā citi dizaina elementi vai spilgtas krāsas - abiem ir tendence pievērst uzmanību. Veidojot tīmekļa lapu, varat pievienot uzsvaru, izvēloties vārdu vai frāzi un piešķirot tam a krāsa, fonts vai izmērs, kas to izceļ, taču ir daudz citu veidu, kā izmantot uzsvaru dizains.
Uzsvaru izmantošana dizainā
Viena no lielākajām kļūdām, ko var pieļaut tīmekļa dizaineri, ir mēģināt visu dizainā izcelt. Kad visam ir vienāds uzsvars, dizains šķiet aizņemts un mulsinošs vai vēl sliktāk - garlaicīgs un nepievilcīgs. Lai izveidotu galveno punktu tīmekļa dizainā, neaizmirstiet par:
- Līnijas: Izveidojiet uzsvaru pretēji. Ja vairāki elementi ir horizontāli, par vertikālo punktu kļūst viens vertikāls elements.
- Krāsa: Ja lielākā daļa dizaina elementu ir tumši vai izslēgti, acis piesaista jebkurš objekts ar krāsu.
- Formas: Kad lielākā daļa formu ir neregulāras, izceļas ģeometriskā forma.
- Tuvums: Kad vairāki vienumi ir sagrupēti un viens ir atsevišķi no grupas, acs iet uz vienu vienumu.
- Izvietojums: Lai gan ir izņēmumi, parasti uzmanību pievērš elements, kas ievietots dizaina centrā.
- Svars: Skatītāja uzmanību piesaista smags elements.
- Atkārtojums: Atkārtojot vienkāršu grafiski ierakstāmu elementu, acs seko atkārtotajam elementam līdz fokusa punktam.
- Kontrasts: Papildus krāsu un līniju radītajiem kontrastiem kontrastu var ģenerēt pēc izmēra, faktūras vai fonta izmaiņām. Pārmaiņas izceļ fokusa elementu jeb uzsvaru.
- Baltā telpa: Elements, ko ieskauj balta (vai tukša) telpa, kļūst par fokusa punktu.
Hierarhija tīmekļa dizainos
Hierarhija ir dizaina elementu vizuālais izvietojums, kas norāda uz nozīmi pēc lieluma. Lielākais elements ir vissvarīgākais; mazāk svarīgi elementi ir mazāki. Koncentrējieties uz vizuālās hierarhijas izveidošanu savos tīmekļa dizainos. Ja esat strādājis, lai izveidotu semantisku plūsmu savā HTML iezīmēšana, tas ir viegli, jo jūsu tīmekļa lapai jau ir hierarhija. Viss, kas jums jādara, ir uzsvērt pareizo elementu - piemēram, H1 virsrakstu -, lai iegūtu vislielāko uzsvaru.
Kopā ar hierarhija iezīmējumos, atzīstiet, ka apmeklētāja acs tīmekļa lapu skata Z zīmē, kas sākas ekrāna augšējā kreisajā stūrī. Tas padara lapas augšējo kreiso stūri par labu vietu svarīgiem priekšmetiem, piemēram, uzņēmuma logotipam. Augšējais labais stūris ir otrā labākā izvietojuma pozīcija svarīgai informācijai.
Kā iekļaut uzsvaru Web dizainos
Uzsvaru tīmekļa dizainā var īstenot dažādos veidos:
- Izmantojiet semantisko marķējumu, lai nodrošinātu uzsvaru pat bez stiliem.
- Mainiet fontu vai attēlu lielumu, lai tos akcentētu vai mazinātu dizainā.
- Izmantot kontrastējošas krāsas lai uzsvērtu.
- Lielums ir svarīgs. Tūlītēja uzmanība tiek pievērsta milzīgam vārdam lapā vai ekrānā.
- Apkārt fokusa punktam ar atstarpi.
- Atkārtojiet vārdu vai attēlu, lai pievērstu uzmanību.
Kur iederas pakļautība?
Pakārtotība rodas, kad tiek nolaisti citi dizaina elementi, lai fokusa punkts kļūtu pops. Viens piemērs ir spilgtas krāsas grafika, kas novietota pret melnbaltu fona fotoattēlu. Tas pats efekts rodas, ja izmantojat izslēgtas krāsas vai krāsas, kas sajaucas ar fonu aiz fokusa punkta, izraisot tā izcelšanos.