5 шилдэг Сайтын Вэб дизайн зөвлөмжүүд
Энэ вэб дизайн ирэхэд, нь таны вэб сайт явж болно маш олон өөр өөр хэв маяг, чиглэл байдаг: Энэ нь хаана ч minimalistic нь classy нь байж болно, зүггүй болон гялалзсан, орчин үеийн эрчимтэй нь.
Таны эцсийн харагдах ба мэдрэх таны хувийн хэв маяг exude байх естой боловч, ажлын шугам,, брэнд таних, үргэлж хэрэглэж байгаа хэд хэдэн газрын дүрэм байдаг.
Их вэб дизайн таны хэрэглэгчийн туршлага, үйл ажиллагаанд тэжээл, анх харахад ойлгоход хялбар байх үед. Доор бид таны сайтыг үр дүнтэй, сэтгэл татам болгоход туслах таван энгийн вэбсайтын дизайны зөвлөмжийг цуглуулсан болно:
Шилдэг вэб сайт вэб дизайн зөвлөмжүүд
Нүүр хуудсаа минималист, чимээ шуугиангүй байлгах
Оюун ухаанд харааны шатлал бүхий дизайн
Вэбсайтын агуулгыг уншихад хялбар болгох
Таны сайт жолоодож хялбар байдаг хангах
Гар ээлтэй бай
01. Нүүр хуудсаа минималист, чимээ шуугиангүй байлгах
Таны вэбсайтын нүүр хуудас таны үндсэн мессежийг шуурхай дамжуулах естой. Эцсийн эцэст бид вэбсайт дээрх үг бүрийг унших нь ховор байдаг. Үүний оронд бид хуудсыг хурдан сканнердаж, түлхүүр үг, өгүүлбэр, зургийг сонгож авдаг. Эдгээр мэдэгдэж буй зан үйлийг анхаарч үзвэл үгийн тооноос илүү сэтгэл хөдлөлд хандах нь дээр.
Сайтын зочдод унших, дарах, санах шаардлагагүй байх тусам таны агуулгыг боловсруулж, үнэлэх боломжтой болно. Анхаарал хандуулах хугацааг багасгах дизайн хийснээр хэрэглэгчид таны хийх гэж буй зүйлийг хийх магадлал өндөр байна.
Вэбсайтыг хэрхэн зохион бүтээх талаар сурахдаа эдгээр энгийн вэбсайтын дизайны зөвлөмжүүд нь таны агуулгыг эвдэж, танилцуулах, урих Нүүр хуудасны дизайныг гаргахад туслах болно:
Дахин дээрх чухал агуулгыг байлга: Жуулчид Таны вэб сайт нь бүх талаар аль болох хурдан гэж юу болохыг ойлгох хэрэгтэй, гүйлгэж эсвэл хаана ч товшино хийлгүйгээр.
Таны агуулга гарч зай: элементүүдийн хооронд зай алба. Зарим газрыг хоосон үлдээснээр та дизайныг илүү өргөн, тэнцвэртэй мэдрэмжийг өгөх болно. Бичвэрийнхээ тухайд хазалтын хэмжээтэй, ойлгомжтой догол мөрөөр бичээрэй.
Зураглалыг нэмэх: үзэсгэлэнт гэрэл зураг, вектор урлаг эсвэл дүрс гэх мэт өндөр чанартай медиа шинж чанарууд нь таны цэгийг харилцах өөр арга зам болох гайхамшгуудыг хийх болно.
Дуудлага хийх үйлдлийг оруулах: худалдан авалт хийхээс эхлээд гарын үсэг зурах хүртэл сайтын зочдыг сайтынхаа нүүр хуудсанд call-to-action (CTA) товчийг байрлуулснаар таны төлөвлөсөн үйлдлийг гүйцэтгэхэд түлхэц болно.
02. Оюун ухаанд харааны шатлал бүхий дизайн
Шатлал нь таны агуулгыг тодорхой, үр дүнтэй байдлаар харуулахад тусалдаг дизайны чухал зарчим юм. Шатлалыг зөв ашиглах замаар та сайтын зочдын анхаарлыг хамгийн чухал хэсгээс эхлэн тэргүүлэх дарааллаар тодорхой хуудасны элементүүдэд хүргэх боломжтой болно.
Харааны шатлалын үндсэн бүрэлдэхүүн хэсгүүд нь:
Хэмжээ, жин: бизнесийн нэр, лого гэх мэт шилдэг хөрөнгөө илүү том, үзэмжтэй болгож тодруулаарай. Уншигчид байгалийн эхлээд том, тод гарчиг руу жингээр хандлагатай байдаг, Зөвхөн Дараа нь жижиг хэсэг текст дээр шилжих.
Элемент байрлуулах: зочдын нүдийг зөв чиглэлд чиглүүлэхийн тулд зөв вэбсайтын байршлыг ашиглана уу. Жишээ нь:, та дэлгэцийн хамгийн төвд чухал дуудлага-тулд-үйл ажиллагааны товчийг байрлуулж болно, эсвэл толгой нь таны логог байрлуулах.
Хэрэв та өөрийн мэдээллийг тодорхой шатлалыг бий болгох дараа, уншигчид тусалж чадахгүй ч ойлгоогүй та тэдний төлөө үлдсэн breadcrumbs дагах. Дараа нь, өнгө хэрэглэнэ, тодосгогч,, цаашид accentuation нь хоорондын зай, хамгийн их анхаарал татаж байгаа юу санаж үлдсэн бөгөөд энэ нь үргэлж санаатай байгаа эсэхийг гаргах.
Харааны хүчтэй шатлалд хүрэхэд туслах зарим хүчирхэг вэб дизайны элементүүд нь WIX Pro Галерей гэх мэт тууз эсвэл сүлжээний байрлал юм. Илүү их санаа, урам зориг авахын тулд манай дизайнерын хийсэн вэбсайтын загваруудыг шалгаж үзээрэй.
03. Вэбсайтын агуулгыг уншихад хялбар болгох
“Унших чадвар” нь хүмүүст үг, өгүүлбэр, хэллэгийг таних нь хэр хялбар болохыг хэмждэг. Таны сайтын унших чадвар өндөр байх үед хэрэглэгчид үүгээр дамжуулан хүндрэлгүйгээр скан хийх, эсвэл ским унших боломжтой болно. Ингэснээр мэдээллийг авах нь хүчин чармайлтгүй болдог.
Вэбсайтын унших чадварт хүрэх нь харьцангуй хялбар байдаг; эдгээр гол дүрмүүдийг туршиж үзээрэй:
Тодосгогч нь гол түлхүүр юм: таны текстийн өнгө ба арын өнгөний хооронд хангалттай ялгаа нь унших чадвар, түүнчлэн вэбсайтын хүртээмжийн хувьд чухал юм. Таны вэбсайтын өнгөний схем нь таны брэндийн өнгөний төлөөлөл байх магадлалтай боловч таны элементүүдийн хооронд хангалттай ялгаа байгаа эсэхийг шалгаарай. Ингэхийн тулд Contrast Checker гэх онлайн хэрэгслийг ашиглаад үзээрэй.
Том үсгийн хэмжээ: ихэнх хүмүүс жижиг фонтуудыг харж тэмцэнэ. Вэб дизайны эрхий хурууны ердийн дүрэм бол таны биеийн текстийг дор хаяж 16pt байлгах явдал юм. Энэ бол эхлэхэд тохиромжтой газар, Гэхдээ энэ тоо нь таны вэбсайтад сонгосон фонтуудаас бүрэн хамаарна гэдгийг санаарай.
Үсгийн төрөл: typography дэлхийн бидний мэдэлд үсгийн олон төрлийн санал болгож байна. Та serif үсгийн хооронд сонгож болно (тэр захидал үзүүрт бага зэрэг төлөвлөх шугам байна, Times New Roman шиг) sans serifs нь, ямар утгаараа serif ямар “гэсэн утгатай.”
Sans serif үсгийн маягууд нь ихэвчлэн урт онлайн эх бичвэрийг хамгийн сайн сонголт байх болно-та одоо уншиж байгаа нэг адил. Та мөн эдгээр өөр өөр төрлийг хооронд нь холих замаар сонирхолтой үсгийн пайзыг үүсгэж болно.
Гараар бичсэн харагддаг скрипт фонт гэх мэт гоел чимэглэлийн тал дээр илүү олон дэлгэцийн фонтууд байдаг. Хэрэв та эдгээрийн аль нэгэнд нь явж байгаа бол хэт их нөлөө үзүүлэхгүйн тулд үүнийг ашиглахгүй байх хэрэгтэй.
Фонтын тоог хязгаарлах: нэг вэбсайт даяар гурваас дээш өөр үсгийн алдааг бүү ашигла. Зарим төслүүд илүү нарийн үсгийн хослол дуудаж болно, гэхдээ хэтэрхий олон төрлийн үсгийн алдаа нь ихэвчлэн гоемсог гарч ирэх, Таны брэнд баримжаа нь саад.
Текстийн сэдвийг ашиглах: тодорхой шатлалыг бий болгохын тулд таны бичсэн вэбсайтын агуулга нь хэмжээ, жингийн хувьд ялгаатай байгаа эсэхийг шалгаарай – том гарчиг, жижиг дэд гарчиг, бүр жижиг параграф эсвэл биеийн текст хүртэл. Энэ нь уран Вэб дизайн зөвлөгөө уншигчдын анхаарлыг татаж ямар нэг зүйл үргэлж байдаг гэдгийг баталгаажуулах болно.
04. Таны сайт жолоодож хялбар байдаг хангах
Энэ нь хэвийг эвдэх нь таны мөн чанар байж болох юм, Харин вэб сайт навигацийн авангард байх газар биш юм. Эцсийн эцэст та хэрэглэгчид хайж буй зүйлээ хялбархан олохыг хүсч байна. Үүнээс гадна, хатуу навигаци бүхий сайт нь хайлтын системд хэрэглэгчийн туршлагыг ихээхэн сайжруулахын зэрэгцээ таны агуулгыг индексжүүлэхэд тусалдаг:
Нүүр хуудас нь таны логог Link: энэ вэб дизайн зөвлөгөө таны зочид хүлээж байх болно нийтлэг практик юм, тэдэнд зарим нэг үнэт үзээд хэмнэх. Хэрэв танд аль хэдийн байхгүй бол брендийн хүчин чармайлтын нэг хэсэг болгон өөрийн логог бий болгохыг зөвлөж байна.
Таны цэс Mind: сонгодог хэвтээ жагсаалт татгалзах эсэх, гамбургер цэс, эсвэл өөр ямар нэгэн зүйл, таны вэб сайт цэс нэр хүндтэй, олоход хялбар байх естой. Үүнээс гадна, энэ нь хэсэг тус бүрийн ач холбогдлын дагуу бүтэцтэй гэдгийг мартуузай.
Зарим босоо навигацийг санал болго: Хэрэв таны сайт нэг хуудас вэбсайт гэх мэт урт гүйлгэх янз бүрийн хэлбэртэй бол зангуу цэсийг ашиглана уу. Нэг товшилтоор үзэгчид сайтын аль ч хэсэгт хурдан үсрэх боломжтой болно. Анхаарах өөр нэг сонголт бол’ Back to Top ‘ товчлуур бөгөөд зочдыг танай сайт дээр хаана ч байсан хуудасны дээд хэсэгт хүргэдэг.
Таны footer дээр ажиллах: таны вэб сайт footer магадгүй таны сайт дээр харж байх хамгийн сүүлийн зүйл юм, бөгөөд энэ нь тэнд таны чухал холбоосууд бүх байрлуулах нь зүйтэй юм. Энэ нь таны холбоо барих мэдээлэл оруулж болно, нийгмийн хэвлэл мэдээллийн дүрс, таны цэс нь богиносгосон хувилбар, эсвэл зочид хэрэгтэй байж болох бусад холбогдох холбоосууд.
Вэб дизайн зөвлөмжүүд: вэб сайт navigationWebsite дизайн зөвлөмжүүд: вэб сайт навигацийн
05. Гар ээлтэй бай
Таны сайтын бүх зочид үзэж байгаа төхөөрөмжөөс үл хамааран таны мэргэжлийн вэбсайтыг хамгийн сайн үзэх боломжтой байх естой. Вэбсайтыг зохион бүтээхдээ Wix нь таны сайтын гар утсанд ээлтэй хувилбарыг автоматаар үүсгэдэг бөгөөд ингэснээр та улам бүр хөдөлгөөнт ертөнцөд хурдтай байх болно.
Хэрэглэгчийн байрлалд өөрийгөө тавьж байхдаа өөрийн сайтын гар утасны хувилбар дээгүүр явж, хуудас, хэрэглэгчийн үйлдэл, товчлуур бүрийг туршиж үзээрэй.
Таны гар утасны вэбсайт таны ширээний хувилбараас илүү цэвэр, гоемсог байх естой тул хуудасны элементүүдийг багасгах, цэс шиг зарим хөрөнгийг өргөжүүлэх талаар бодож үзээрэй. Хэрэв та өөрийн гар утасны загварыг нэмэгдүүлэх ашиглаж болно өвөрмөц гар утасны онцлог бас байдаг.