Erabili azpimarra ikustailearen begia marrazteko
Web orrialde baten diseinuaren azpimarrapen orri edo gune baten ardatza den objektu edo objektua sortzen du. Elementu bat nabarmentzen da diseinuan. Fokatzeak diseinuaren beste elementu batzuk edo kolore biziko koloreak baino handiagoak izan daitezke. Biak begia marrazteko joera dute. Webgune bat diseinatzen ari zarenean, azpimarratu egin dezakezu hitza edo esaldi bat aukeratuz eta nabarmentzen duen kolorea, letra-tipoa edo tamaina esleituz, baina zure diseinuan arreta berezia jarri behar da.
Diseinuaren azpimarratzea
Diseinuko akatsik handienetako batek egin dezakeen guztia diseinuan nabarmentzea da. Denek azpimarratzen dutenean, diseinua lanpetuta eta nahasgarria edo okerragoa eta aspergarria agertzen dira. Web diseinuan ardatz bat sortzeko, ez ahaztu zer erabilera:
- Lerroak: Kontrastea nabarmentzen du. Elementu batzuk horizontalak badira, elementu bertikala ardatz bihurtzen da.
- Kolorea: Diseinuko elementu gehienak ilunak edo isilarazten badira, koloreko objektuak begia erakartzen du.
- Formak: forma gehienak irregularrak direnean, forma geometrikoa nabarmentzen da.
- Hurbiltasuna: Hainbat elementu taldekatzen direnean eta taldetik bereizita, begia elementu bakar batera doa.
- Placement: Salbuespenak badira ere, diseinuaren erdian jartzen den elementu batek begia marrazten du.
- Pisua: Elementu astun batek ikuslearen arreta erakartzen du.
- Errepikapena: elementu motzerako grafiko sinplea errepikatzen denean, begiak errepikatutako elementua fokatzeaz batera jarraitzen du.
- Kontrastea: koloreak eta lerroak sortutako kontrasteez gain, tamaina, testura edo letra-tipoen aldaketak sor ditzakete kontrasteak. Aldaketa nabarmentzeko fokatze elementua eragiten du.
- Espazio zuria: zuri (edo hutsik) espazioarekin inguratutako elementua ardatz bihurtzen da.
Web Diseinuetan hierarkia
Hierarkia tamaina garrantziaren adierazgarri diren diseinu elementuen bisualizazioa da. Elementu nagusia garrantzitsuena da; elementu gutxiagokoak txikiagoak dira. Ikus ezazu zure hierarkiaren ikusizko diseinua zure web diseinuetan. Flasha semantikoa sortzeko zure HTML markup-a sortzeko lan egin baduzu, hau erraza da zure web orriak dagoeneko hierarkia bat duelako. Zure diseinu guztiak egin beharra azpimarratzen du elementu zuzena (esate baterako, H1 titularra).
Marka batean hierarkia batera, aitortu bisitariaren begiak pantailaren goiko ezkerreko izkinan hasitako Z ardatzaren web orri bat ikusten duela. Horrek orriaren goiko ezkerreko izkinan leku ona ematen du elementu garrantzitsu baterako, adibidez, enpresaren logotipoa. Goiko eskuineko izkina informazio garrantzitsuena da.
Nola diseinu Webean azpimarratu beharra dago
Web diseinuaren esparruan hainbat modu garatu daiteke:
- Erabili markatze semantikoa, nahiz eta estilo ezberdinetan azpimarratu.
- Letra-tipoen edo irudien tamaina aldatu diseinuan azpimarratu edo azpimarratu.
- Erabili kolore kontrastatuak enfasia emateko.
- Tamaina zenbatzen. Orrialde edo pantailako hitz erraldoiak berehalako arreta jasotzen du.
- Zuriune zentrorik gabe inguratzen da.
- Errepikatu hitz bat edo irudia arreta erakartzeko.
Nora doa menpekotasuna?
Subordinazioa gertatzen denean fokatze-popa egiteko beste elementu bat behera tonatzen duzunean. Adibide bat kolore biziko koloreko grafiko bat dago atzeko planoko zuri-beltzean. Efektu berdina fokatze atzean dagoen atzeko planoarekin nahasten diren koloreak edo koloreak erabiltzen dituzunean gertatzen da.