Ang diin sa isang disenyo ng webpage ay lumilikha ng isang lugar o bagay na ang 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 - 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 pagkakamali ng mga taga-disenyo ng web ay gumawa ng pagtatangka upang gawin ang lahat ng bagay sa disenyo. Kapag ang lahat ng bagay ay may pantay na diin, ang disenyo ay lilitaw na abala at nakalilito o mas masahol pa - nakapagpapagaling 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, ang anumang bagay na may kulay ay umaakit sa mata.
- Mga Hugis: Kapag ang karamihan sa mga hugis ay hindi regular, isang geometric na hugis ay nakatayo.
- Proximity: Kapag ang ilang mga item ay naka-grupo, at ang isa ay hiwalay sa grupo, ang mata ay napupunta sa nag-iisang item.
- Placement: Kahit na may mga eksepsiyon, ang isang elemento na inilagay sa gitna 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 upang i-type ang elemento ay paulit-ulit, sinusunod ng mata ang paulit-ulit na elemento sa focal point.
- Contrast: Bilang karagdagan sa mga contrast na nilikha sa pamamagitan ng kulay at mga linya, ang kaibahan ay maaaring mabuo sa pamamagitan ng laki, teksture o pagbabago ng font. Ang pagbabago ay nagiging sanhi ng focal element, o diin, upang tumayo.
- White Space: Ang isang sangkap na napapalibutan ng puting (o walang laman) na espasyo ay 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, na nagiging sanhi ito upang tumayo.
