Gamitin ang Emphasis upang iguhit ang mata ng viewer
Ang diin sa isang disenyo ng pahina ng web ay lumilikha ng isang lugar o bagay na siyang focal point para sa pahina. Ito ay isang paraan upang gumawa ng isang elemento tumayo out sa disenyo. Ang focal point ay maaaring mas malaki kaysa sa iba pang mga elemento ng disenyo o maliwanag na kulay-na parehong may posibilidad na gumuhit ng mata. Kapag nagdidisenyo ka ng isang webpage, maaari kang magdagdag ng diin sa pamamagitan ng pagpili ng isang salita o parirala at italaga ito ng isang kulay, font, o sukat na nakapagpapalabas, ngunit maraming iba pang mga paraan upang gamitin ang diin sa iyong disenyo.
Paggamit ng Pagtutulak sa Disenyo
Ang isa sa mga pinakamalaking designer ng pagkakamali ay maaaring gumawa ay upang subukang gumawa ng lahat ng bagay sa disenyo stand out. Kapag ang lahat ng bagay ay may pantay na diin, ang disenyo ay lilitaw na abala at nakalilito o mas masahol pa-mayamot at hindi kaakit-akit. Upang lumikha ng isang focal point sa isang web design, huwag pansinin ang paggamit ng:
- Mga Linya: Lumikha ng diin sa pamamagitan ng kaibahan. Kung ang ilang mga elemento ay pahalang, ang isang vertical elemento ay nagiging focal point.
- Kulay: Kung ang karamihan sa mga elemento sa disenyo ay madilim o naka-mute, anumang bagay na may kulay ay umaakit sa mata.
- Mga Hugis: Kapag ang karamihan sa mga hugis ay hindi regular, ang isang geometriko na hugis ay nakatayo.
- Proximity: Kapag ang ilang mga item ay naka-grupo, at ang isa ay hiwalay mula sa grupo, ang mata ay papunta sa nag-iisang item.
- Pagkakalagay: Kahit na may mga eksepsiyon, ang isang elemento na inilagay sa sentro ng isang disenyo ay kadalasang nakakakuha ng mata.
- Timbang: Ang isang mabibigat na elemento ay umaakit sa atensyon ng viewer.
- Pag-uulit: Kapag ang isang simpleng graphic na uri ng elemento ay paulit-ulit, ang mata ay sumusunod sa paulit-ulit na elemento sa focal point.
- Contrast: Bilang karagdagan sa mga contrast na nilikha ng kulay at mga linya, ang kaibahan ay maaaring mabuo sa pamamagitan ng mga pagbabago sa laki, texture o font. Ang pagbabago ay nagiging sanhi ng focal element upang tumayo.
- White Space: Isang sangkap na napapalibutan ng puting (o walang laman) na espasyo ang nagiging focal point.
Hierarchy sa Web Designs
Ang hirarkiya ay ang visual na pag-aayos ng mga elemento ng disenyo na nagpapahiwatig ng kahalagahan ayon sa sukat. Ang pinakamalaking elemento ay ang pinakamahalaga; ang mas kaunting mahalagang elemento ay mas maliit. Tumutok sa paglikha ng isang visual na hierarchy sa iyong mga disenyo ng web. Kung nagtrabaho ka upang lumikha ng isang semantiko daloy sa iyong HTML markup, madali ito dahil ang iyong web page ay mayroon nang hierarchy. Ang lahat ng iyong disenyo na kailangang gawin ay bigyang-diin ang tamang elemento-tulad ng isang H1 headline-para sa pinaka-diin.
Kasama ng hierarchy sa markup, kilalang nakikita ng mata ng isang bisita ang isang webpage sa isang pattern ng Z na nagsisimula sa itaas na kaliwang sulok ng screen. Iyon ay gumagawa ng itaas na kaliwang sulok ng pahina ng isang magandang lugar para sa isang mahalagang item tulad ng isang logo ng kumpanya. Ang kanang itaas na sulok ay ang ikalawang pinakamahusay na posisyon ng pagkakalagay para sa mahalagang impormasyon.
Kung Paano Isama ang Ihambing sa Mga Disenyo sa Web
Ang diin sa disenyo ng web ay maaaring ipatupad sa maraming paraan:
- Gumamit ng semantiko markup upang magbigay ng diin kahit na walang anumang mga estilo.
- Baguhin ang laki ng mga font o mga imahe upang bigyan ng diin o de-diin ang mga ito sa disenyo.
- Gumamit ng mga contrasting na kulay upang magbigay ng diin.
- Mga bilang ng laki. Ang isang malaking salita sa pahina o screen ay makakakuha ng agarang pansin.
- Palibutan ang focal point na may puting espasyo.
- Ulitin ang isang salita o imahen upang maakit ang pansin.
Saan Nakasalalay ang Subordination?
Ang pangyayari ay nangyayari kapag hinawakan mo ang iba pang mga elemento sa isang disenyo upang gawin ang focal point pop. Ang isang halimbawa ay isang maliwanag na kulay na graphic na nakaposisyon laban sa isang itim at puting background na larawan. Ang parehong epekto ay nangyayari kapag ginamit mo ang mga naka-mute na kulay o kulay na timpla sa background sa likod ng focal point, nagiging sanhi ito upang tumayo.