Зорилго нь таны үзэгчийн нүдийг нэг элементээс нөгөө рүү чиглүүлдэг
Сайн хуудас дизайны элементүүд-хэвлэх эсвэл вэбсайт нь хөдөлгөөнтэй нягт уялдаатай чиглэлийн үзэл баримтлал юм. Хуудасны элементүүд нь үзэгчийн нүдийг нэг хуудаснаас нөгөө рүү чиглүүлэхийг санаатайгаар удирддаг. Нүдэнд чиглүүлэхэд хэрэглэгддэг загварын гурван чиглэл нь:
- Хэвтээ - Хуудас эсвэл дэлгэцийг талаасаа тал руу нь эсвэл бусад элементтэй хуваавал, хэвтээ тэнхлэгийн дагуу хэсэг рүү шилжихээсээ өмнө нүдэнд шилжихээсээ өмнө нүдэн дээр нь нүд тус бүрт шилжих болно. .
- Босоо - Хэрэв та хоёр урт урт, текстийн текст, хоёр урт нарийхан зураг эсвэл график элементтэй бол босоо чиглэлийн загвартай болно. Нүднийх нь нэг баганын оройгоос доошоо урсаж, хоёр дахь баганын орой руу шилждэг.
- Диагональ - Хэрэв та дизайны диаграмм эсвэл гурвалжинг хэрэглэж байгаа бол, нүд нь ялангуяа олон диагоналийн чиглэлийг харахгүй вэб дээр нүд баригддаг.
Хуудасны загвар бүр голлох элементүүдийг байршуулах замаар тогтсон давамгайлах чиглэлтэй байдаг.
Дизайны чиглэлийг ашиглах нь
Вэб дизайн хийхэд чиглэлийг ихэнхдээ хуудсан дээрх зургаар тодорхойлдог боловч хуудсан дээрх төрөл, график элементүүд, мөрүүд, ялангуяа тэдгээр нь тэдгээр дээр байгаа сумнууд дээр байрлах чиглэлийг зааж өгдөг.
Хэвлэх болон вэб дизайны чиглэлийг хэрхэн яаж оруулах вэ
Вэб дизайндаа чиглэлийг чиглэлтэй болгох:
- Асуудал ямар чиглэлийн тулгарч байгаа чиглэлийг тодорхойлохын тулд таны зургийг хар. Хэрэв зурган дээр байгаа хүмүүс баруун тийшээ харж байвал хуудасны зүүн талд байгаа зургийг тавина уу. Үгүй бол зураг дээрх нүд нь уншигчийн нүдийг хуудаснаас шууд удирдан чиглүүлэх болно. Та хуудасны талаас хэн нэгэн хүн харахыг хүсэхгүй байна.
- Өөрийн байршлыг ашиглан чиглэлийг санал болгох. Хэвтээ, босоо, диагональ шугаманд байршсан шиг элементүүд. Хэт элементүүд, текст шиг, тэдгээрийг тойрон хүрээл.
- Зураас, зураг эсвэл Хүний нөөцийн шошго ашиглан хөдөлгөөн, чиглэлийг санал болгох. Хэвтээ шугам нь нам гүм бөгөөд нүдийг зүүнээс баруун тийш тэгш өнцөгт шилжүүлдэг. Босоо шугам нь дээд рүүгээ чиглүүлэхийг санал болгодог бөгөөд диагональ шугам нь хуудасны нэг талбараас нөгөө рүү шилжих хөдөлгөөнийг хүчтэй харуулдаг.
- Тэгш бус байдлын элементүүд нь чиглэл болон хөдөлгөөнийг харуулдаг.
Зорилго ба хөдөлгөөнд нөлөөлөх байрлалын онцлог шинж
Нүд нь ихэвчлэн хуудсанд хамгийн том элемент рүү очдог. Энэ нь том зураг эсвэл том гарчиг байж болно. Дараагийн алхам нь дизайны чиглэлийн функц юм. Сайн дизайнаар, нүдний дараагийн нүд нь хуудас хүргэхийг оролдож байгаа захианы чухал хэсэг рүү хөтөлдөг. Эхний том обьектыг дараагийн чухал обьект руу шилжүүлэх нь хэд хэдэн зүйлээр нөлөөлж болно:
- Өнгө. Гялалзсан өнгө нь нүдийг төвийг сахисан өнгөөр илүү хурдан татдаг.
- График. Гарын хуруу буюу сум нь нүдийг тодорхой чиглэлд хайхад хүргэдэг.
- Хэлбэр. Хуудас хэлбэрээр урсан өнгөрч буй хэлбэр эсвэл тасархай шугам нь нэг элементээс нөгөө рүү шилжин хөдөлж буй хэлбэр нь нүднийхээ дагуух нүдийг дагуулдаг.
Зорилгыг хэрхэн тодорхойлох
Хэрвээ та хуудсаа удирдамж зааж өгөхийг хүсэхгүй байгаа бол вэб хуудсаа хайж, нүдэндээ хаана очиж, хаана очиж байгааг танихын тулд нийтлэлүүдийг хэвлэ. Дараа нь шалтгааныг хайж ол. Нэг элементээс нөгөөд шилжихэд хүргэдэг дизайны элементүүдийг таньсны дараа та эдгээр элементүүдийг өөрийн загварт ашиглаж болно.