Үзэгчийн нүдийг зурахын тулд анхаарлаа хандуулаарай
Вэб хуудсын дизайныг онцлон тэмдэглэсэн хуудас нь тухайн хуудасны гол зорилго болох бүс буюу обьектыг үүсгэдэг. Энэ нь дизайны нэг элементийг үүсгэх нэг арга юм. Төвлөрсөн цэг нь дизайны бусад элементээс ч илүү том байж болох бөгөөд аль аль нь нүдийг ихэвчлэн татах хандлагатай байдаг. Вэб хуудсыг зохиохдоо та үг, хэллэгийг сонгох, өнгө, үсгийн хэмжээ, хэмжээг нь оновчтой болгоход онцгой анхаарч болох боловч дизайнд онцгой анхаарал хандуулах олон арга зам бий.
Дизайнуудад онцгой ач холбогдол өгөхийг ашиглах
Хамгийн том алдаа гаргагчдын нэг нь дизайныг бүтээх бүх зүйлийг хийх оролдлого юм. Бүх зүйл адил тэгш байх үед загвар дизайныг завгүй, төөрөлдүүлэх эсвэл бүр доройтуулж, уйтгартай, тааламжгүй байдаг. Вэб дизайны гол цэгийг бий болгохын тулд дараах зүйлсийг ашиглахаа бүү мартаарай:
- Хэмжээ: Ялгаа нь онцлон тэмдэглэ. Хэрвээ хэд хэдэн элемент хэвтээ байвал нэг босоо элемент нь анхаарлын төв болдог.
- Өнгө: Хэрэв дизайны ихэнх элементүүд харанхуй эсвэл дуугүй бол өнгө бүхий аливаа зүйл нүдэнд татагддаг.
- Материал: Ихэнх хэлбэрүүд нь жигд биш байвал геометрийн хэлбэр дүрслэгддэг.
- Ойролцоо: Зарим зүйлсийг бүлэглэхэд бүлэг нь тусдаа байдаг ба нүд нь нэг зүйл рүү шилжинэ.
- Байршил: Хэдийгээр үл хамаарах зүйлүүд байдаг боловч дизайны төвд элемент байрлуулсан элемент нүдэнд тусдаг.
- Жин: Хүнд элемент нь үзэгчийн анхаарлыг татдаг.
- Давтах: Элементийг бичих энгийн график давтан давтан элементийг төвлөрсөн цэг рүү дагана.
- Тодруулга: Хэмжээ, бүтэц, фонтын өөрчлөлтөөр өнгө, шугамаар үүсгэсэн тодосгогчоос гадна тодруулж болно. Энэ өөрчлөлт нь фокус элементийг тодорхойлдог.
- Цагаан зай: Цагаан (эсвэл хоосон) зайгаар хүрээлэгдсэн элемент нь фокусын цэг болдог.
Веб дизайн дахь шатлал
Агуулга нь хэмжээнээс хамааран дизайны элементүүдийн харааны зохицуулалт юм. Хамгийн том элемент бол хамгийн чухал зүйл юм; бага чухал элементүүд бага байна. Вэб дизайныхаа харааны шатлалыг бий болгоход анхаарах. Хэрвээ та HTML тэмдэглэгээтэй семантик урсгалыг бий болгохын тулд ажиллаж байсан бол таны вэб хуудас хэдийн шаталсан шатанд байгаа учраас энэ нь амар хялбар юм. Таны хийсэн бүх дизайн хийхэд H1 гарчиг гэх мэт зөв элементийг онцлон тэмдэглэе.
Тэмдэглэгээний шаталбартай зэрэгцэн, зочны нүдэн дээр Зүүн зүүн өнцгөөс эхлэн Z загварт веб хуудас харагдана гэдгийг хүлээн зөвшөөр. Энэ нь компаний лого зэрэг чухал зүйл болох хуудасны зүүн дээд буланд маш сайн байр суурьтай болгодог. Баруун дээд буланд байгаа чухал мэдээлэлийн хоёр дахь хамгийн шилдэг байрлал.
Вэб дизайныг хэрхэн онцлох вэ?
Вэб дизайнд онцгой ач холбогдол өгөхүйц олон аргаар хэрэгжиж болно:
- Ямар ч загваргүйгээр онцлон тэмдэглэхийн тулд семантик тэмдэглэгээг ашигла.
- Фонт эсвэл зурагны хэмжээг өөрчлөхийн тулд дизайныг онцолж, анхаарч үзээрэй.
- Онцгой анхаарал тавихын тулд өөр өөр өнгө хэрэглэ.
- Хэмжээ. Хуудас эсвэл дэлгэцэн дээр асар том үг даруй анхаарал хандуулдаг.
- Цагаан орон зайгаар хүрээлэгдсэн гол цэгийг тойрон хүрээл.
- Анхааруулахын тулд үг, дүрсийг давт.
Ёс суртахууны зохицуулалт хаана байдаг вэ?
Дэд зохицуулалт нь бусад элементүүдийг загварчлалд байрлуулах үед анхаарлаа төвлөрүүлэхэд хүргэдэг. Нэг жишээ бол хар ба цагаан дэвсгэрийн зурган дээр байрладаг график дүрслэлтэй. Үүнтэй адил нөлөөлөл нь зогссон өнгө буюу өнгө оруулагчийг арын фонтны цаана нь хольсон өнгө үүсгэх үед үүсдэг.