Сайтын дизайны дээж

Агуулгын хүснэгт:

Сайтын дизайны дээж
Сайтын дизайны дээж
Anonim

Интернэт дээр хэдийнэ хэдэн сайт байгааг тодорхойлох боломжгүй тул тоо, тооцоололд орохоо больё. Өдөр бүр олон мянган, эсвэл хэдэн зуун мянган сайтууд бүтэлгүйтэж, оронд нь шинэ сайтууд гарч ирдэг. Алдаа дутагдлын шалтгаан юу вэ? Хүмүүс яагаад сайт руу ороод шууд орхидог вэ? Хариулт нь энгийн бөгөөд таны нүдний өмнө - энэ бол сайтын дизайн юм.

Таталцлын нөлөө

Зөвшөөрч байна, хүн бүр өдөр бүр зочилдог тодорхой сайтуудтай байдаг. Хавчуургатай хүмүүсийн ихэнх нь кино, ном, мэдээ, тоглоом гэх мэт дуртай сайтууд гэдэгт би итгэлтэй байна. Яагаад бид нэг сайтыг олсныхоо дараа өөр ижил төстэй сайт хайхыг оролддоггүй юм бэ, энэ нь бүр илүү байж болох юм? Хариулт нь энгийн! Бидний хавчуурга тавьсан сайтуудыг ашиглахад тохиромжтой байдаг - ийм сайтууд нь ихэвчлэн элементүүд, категориудын тохиромжтой зохион байгуулалттай, нүдийг цочроодоггүй тааламжтай загвартай байдаг. Энэ бол "таталцлын нөлөө" бөгөөд зөв зохион бүтээсэн сайтад нэг удаа зочилж, түүнийг орхих явдал юмхүсэхгүй байна.

Хоёр сайтын арилжааны платформын жишээг харцгаая:

Жишээ сайтууд
Жишээ сайтууд

Маргаашгүй бөгөөд маргаангүй 1-р сайтыг аль болох хурдан хаахыг, харин 2-р сайтыг эсрэгээр нь хойшлуулахыг хүсч байна. Яагаад ийм зүйл болж байна вэ? Эхний сайт дээр санамсаргүй байдлаар байрлуулсан бүтээгдэхүүнээс гадна өнгөт хэт ханалт байдаг бөгөөд үүнийг хоёр дахь сайтын талаар хэлэх боломжгүй юм. "Хувцасаараа уулздаг, харин ухаанаар нь үддэг" гэсэн ийм сайхан зүйр үг байдаг, энэ нь сайтуудад ч хамаатай, зөвхөн хувцасны оронд загвар, оюун ухааны оронд навигацийн бүтэц байдаг. Сайт руу нэвтэрсэн зочин хамгийн түрүүнд өнгөний схемийг хардаг бөгөөд зөвхөн дараа нь дотоод навигаци болон сайтын бүтцэд анхаарлаа хандуулдаг.

Өнгөт ойлголт

Өнгийг сонгохдоо гол дүрэм бол хэтрүүлж болохгүй. Заримдаа хоёр, гурван зөв сонгосон өнгө нь хангалттай байдаг бөгөөд үүний тод жишээ бол fb.ru сайт юм. Олон вэб дизайнерууд html сайтаа зохиохдоо "аюулгүй" өнгөний хүснэгтийг ашигладаг.

Аюулгүй өнгөний хүснэгт
Аюулгүй өнгөний хүснэгт

Аюулгүй гэж нэрлэдэг бөгөөд учир нь энд үзүүлсэн бүх өнгийг бүх хэрэглэгчид ижил байдлаар дамжуулах болно. Эдгээр өнгийг сайт дээр дизайн хийхэд стандарт гэж хэлж болно.

Өнгөний нийцтэй байдал

Өнгө бүр өөрийн гэсэн "найрсаг" өнгөтэй байдаг - энэ нь хамгийн сайн тохирох өнгө юм. Дугуйг шинээр зохион бүтээж, сонголт хийх туршилт хийх шаардлагагүй, бүх зүйл эртнээс зохион бүтээгдсэн бөгөөд олон нийтийн эзэмшилд байдаг. Өнгөний дугуйг өнгө сонгоход ашигладаг. Иттен. Доорх зурагт тохирох 2 өнгийг тааруулах өнгөт дугуйг харуулж байна.

Нэмэлт өнгөний хослол
Нэмэлт өнгөний хослол

Т. өөрөөр хэлбэл тойрог доторх эсрэг өнгө нь хамгийн нийцтэй гэж тооцогддог. Хэрэв та тохирох 3 өнгийг сонгох шаардлагатай бол өнгөний дугуйг мөн ашиглах бөгөөд зөвхөн өнгөний зохицуулалтын шугамыг өөрчлөх болно.

Triad - 3 өнгөний хослол
Triad - 3 өнгөний хослол

Тийм дугуйлангууд зөндөө байгаа тул өөрт тохирсон өнгө сонгох боломжтой. Жишээ нь дөрөв.

Тетрад - дөрвөн өнгөний хослол
Тетрад - дөрвөн өнгөний хослол

Иттенийн дугуйлангаар өнгийг ингэж сонгосноор өнгөний дээд хослолыг хангаж, сайтын үзэмжтэй дизайнтай болно. Илүү олон өнгийн дугуйланг онлайнаар олж болно. Гол сэдвээсээ бага зэрэг хазайя, учир нь эдгээр Itten өнгөт дугуйг загварын ертөнцийн мэргэжлийн дизайнерууд хүртэл ашигладаг, өөрөөр хэлбэл загвар зохион бүтээгчийн хувцас бүтээхдээ өнгө тааруулах аргыг ашигладаг гэдгийг дуулгамаар байна.

Сайтын дотоод бүтэц

Хэрэв өнгөний мэдрэмжээр бүх зүйл тодорхой болсон бол сайтын дотоод бүтэц, өөрөөр хэлбэл "ашиглах чадвар" гэсэн өөр нэг чухал үзүүлэлт хэвээр байна. Дадлагаас харахад сайт дээр зөв өнгийг сонгох нь хангалттай биш юм - сайтын үзэсгэлэнтэй дизайн дээр та хол явахгүй. Сайтын зөв бүтэц нь байшингийн хүрээтэй адил бөгөөд хэрэв үүнийг зөв төлөвлөөгүй бол түүнийг тойрон явахад тохиромжгүй болно.

Бүх навигацийн элементүүдийг урьдчилан бодож, бүр илүү сайн бичих хэрэгтэй. БүтэцСайт нь юуны түрүүнд зочдод ойлгомжтой, тохиромжтой байх ёстой. Маш олон сайтууд сайт руу орохдоо хаана, юу байрлаж байгааг ойлгодоггүйгээс болж зочдоо алддаг. Олон тооны товчлууруудаар үймүүлж, олон функцийг өлгөх шаардлагагүй. Та үргэлж зочны нүдээр харах хэрэгтэй, хэрэв хэрэглэгч ямар нэгэн функц шаардлагагүй бол үүнийг арилгах нь дээр. Дахин хэлэхэд вэбсайт дизайны тод бөгөөд зөв жишээ бол Fb.ru вэбсайт бөгөөд бүх хэсгүүд нь зочдод ойлгомжтой, тохиромжтой байдлаар байрладаг.

Хамгийн том алдаа

Дундаж дүн шинжилгээгээр 15-30 секундын дотор сайтаас шаардлагатай хэсэг, мэдээллийг олж чадаагүй хэрэглэгч энэ хэсэг, мэдээлэл сайтад байхгүй гэж үзэн эх сурвалжаа орхидог. Ихэнх тохиолдолд үүрд. Аймшигтай навигацитай сайтын тод жишээ:

Сайтын навигаци муу байна
Сайтын навигаци муу байна

Та хайлтаас биш зүгээр л үндсэн хуудас руу орсноор ийм эх сурвалжаас шаардлагатай мэдээллийг олох боломжтой гэж та бодож байна уу? Үгүй гэж бодож байна. Дахин хэлэхэд өнгөний ханасан байдал, үл ойлгогдох навигацийн элбэг дэлбэг байдал нь ямар ч зочдыг эргэлзэж, эргэлзэхэд хүргэдэг. Ийм алдаа гаргахгүйн тулд бүх хэсгүүдийг бүлэглэж, тусдаа навигацийн цэсэнд оруулах шаардлагатай бөгөөд энэ нь зочдод ойлгомжтой байх болно.

Бүртгэлийн маягт

Сайт дээрх бас нэг чухал бөгөөд аймшигтай хүчин зүйл бол бүртгэлийн хуудас юм. Зарим нь бүртгэлийн цонхонд бараг элэнц эмээгийн мэдээллийг цуглуулахыг оролддог.

Буруу бүртгэлийн маягт
Буруу бүртгэлийн маягт

Ийм бүртгэлийн маягтИнтернэт зөвхөн айлд гарч эхлэх үед моод байсан. Өнөөдөр интернет хэрэглэгч өөрт хэрэгтэй мэдээллээ аль болох хурдан олохыг хүсч байгаа бөгөөд сайтын маш сайн дизайнтай хэдий ч урт бүртгэлийн маягтууд нь 99% -ийг эсэргүүцэх магадлалтай. Өнөөдрийн стандартын дагуу хамгийн тохиромжтой бүртгэлийн маягтыг доор харуулав.

Зөв бүртгэлийн маягт
Зөв бүртгэлийн маягт

Хэдийгээр энэ мэдээлэл хангалтгүй байсан ч хэн ч бүртгүүлсний дараа зочдоос үүнийг шаардахгүй. Энэ аргыг бүртгэлийн маягтаас илүү үнэнч, найрсаг гэж үздэг бөгөөд энэ нь ажилд орох өргөдлийн маягттай адил юм.

Вэб сайтын загвар

Одоо олон сайтыг орчин үеийн CMS-систем дээр бүтээж байгаа бөгөөд энэ нь сайтын дизайныг үнэ төлбөргүй олгодог. Гэхдээ үнэ төлбөргүй дизайн (загвар) нь ямар ч визуал дизайныг агуулдаггүй тул сайтын эзэн үүнийг өөрчлөхийг оролдохгүй бол хайлтанд ийм сайт алга болно.

Түүнд тулгуурлан өөрийн вэбсайтыг байршуулахыг санал болгодог бүхэл бүтэн интернет порталуудыг дурдах нь зүйтэй. Энэ тохиолдолд давуу болон сул талууд бий:

  • Анхны бөгөөд магадгүй цорын ганц давуу тал нь энгийн байдал юм. Сайтын хүрээ нь аль хэдийн, дүрмээр бол, туршлагатай дизайнеруудын ийм нөөц дээр загварчлагдсан, сайтын дизайныг тодорхой шаардлага, дүрмийн дагуу авчирдаг. Үүнийг сэдэвчилсэн материалаар дүүргэж, анхны зочдыг хүлээхэд л үлддэг. Тиймээс ийм үйлчилгээний энгийн, тав тухтай байдал нь эхлэгчдэд татагддаг. Гэхдээ сайтыг ноцтой хөгжүүлж, өрсөлдөөнд зориулж тохируулсан болХайлтын системд эхний байранд орсон бол ийм үйлчилгээнээс татгалзах нь дээр.
  • Сөрөг талуудаас - ихэнх тохиолдолд өгөгдсөн загваруудыг засах эсвэл өөрчлөх боломжгүй тул та үргэлж өгөгдсөн загварыг ашиглах хэрэгтэй болно. Монотони бол сайт бүр хувь хүн байх ёстой бөгөөд гадаад төрхөөрөө бусдаас ялгаатай байх ёстой тул бидний хамгийн эхэнд ярьсан гол сул тал юм. Үйлчилгээ бүр өөрийн гэсэн байдаг тул тайлбарлах боломжгүй маш олон хязгаарлалтууд байдаг.

Төгсгөлийн хэсэг

Энэ материалд тайлбарласан бүх зүйл нь "үндсэн заавар" мэт дүр эсгэдэггүй, та үргэлж бүх зүйлийг өөрийнхөөрөө хийх боломжтой бөгөөд бүр шаардлагатай байдаг - энэ бол зөвхөн хамгийн нийтлэг дүрэм, алдааны багц юм. Гэхдээ өнгөний мэдрэмж, сайтын дотоод бүтэц хэлбэрээр энд тайлбарласан хамгийн чухал цэгүүд нь сайтыг төлөвлөх стандарт юм. Буруу сонгосон өнгө нь сайтад дөнгөж нэвтэрсэн аливаа зочдыг айлгах бөгөөд категори, сайтын элементүүдийн бичиг үсэг тайлагдаагүй загвар нь түүнийг чиглүүлэх, шаардлагатай мэдээллийг олох боломжийг олгодоггүй. Эдгээр зүйлд хамгийн их анхаарал хандуулах ёстой бөгөөд дээр дурьдсанчлан аливаа сайтыг хөгжүүлэгчийн нүдээр биш харин зочны нүдээр харах хэрэгтэй.

Зөвлөмж болгож буй: