Сайттын дизайнынын үлгүлөрү

Мазмуну:

Сайттын дизайнынын үлгүлөрү
Сайттын дизайнынын үлгүлөрү
Anonim

Сандарга жана эсептөөлөргө барбайлы, анткени Интернетте канча сайт бар экенин аныктоо мүмкүн эмес. Күн сайын миңдеген, болбосо жүз миңдеген сайттар иштен чыгып, алардын ордуна жаңылары пайда болот. Мүмкүнчүлүктөрдүн себеби эмнеде? Эмне үчүн адамдар сайтка кирип, дароо чыгып кетишет? Жооп жөнөкөй жана көз алдыңызда - бул сайттын дизайны.

Атракцион эффект

Макул, ар бир адам күн сайын кирген белгилүү сайттарга ээ. Белгиленгендердин көбү тасмалар, китептер, жаңылыктар, оюндар ж.б. камтылган сүйүктүү сайттар экенине ишенем. Эмне үчүн бир сайтты тапкандан кийин, биз башка окшош сайтты табууга аракет кылбайбыз, бул андан да жакшыраак болушу мүмкүн? Жооп жөнөкөй! Биз кыстарган сайттар колдонууга ыңгайлуу – мындай сайттар адатта элементтердин, категориялардын ыңгайлуу жайгашуусу жана көздүн кыжырын келтирбеген жагымдуу дизайнга ээ. Бул "тартуучу эффект" болуп саналат, туура иштелип чыккан сайтка бир жолу баруу - аны таштапмындан ары каалабайм.

Соода платформасынын мисалын карап көрөлү эки сайт:

Мисал сайттар
Мисал сайттар

Талашсыз жана талашсыз, №1 сайт тезирээк жабылгысы келет, ал эми №2 сайт, тескерисинче, созулуп кеткиси келет. Эмне үчүн бул болуп жатат? Биринчи сайтта, туш келди жайгашкан продукт тышкары, экинчи сайт жөнүндө айтууга мүмкүн эмес, ошондой эле түстүү oversaturation бар. “Кийими менен жолугат, акылы менен узатышат” деген сонун макал бар, бул сайттарга да тиешелүү, кийимдин ордуна дизайн, акылдын ордуна навигация түзүмү бар. Сайтка кирген конок эң биринчи түс схемасын көрөт, андан кийин гана ички навигацияга жана сайттын структурасына көңүл бурат.

Түстү кабыл алуу

Түстөрдү тандоодо негизги эреже - ашыкча кылбоо. Кээде эки же үч туура тандалган түстөр жетиштүү, мунун ачык мисалы - fb.ru сайты. Көптөгөн веб-дизайнерлор html сайтын долбоорлоо үчүн "коопсуз" түстөр таблицасын колдонушат.

Коопсуз түстөр таблицасы
Коопсуз түстөр таблицасы

Коопсуз деп аталат, анткени бул жерде көрсөтүлгөн бардык түстөр бардык колдонуучулар тарабынан бирдей түрдө өткөрүлөт. Бул түстөрдү сайтта дизайн түзүүдө стандарттуу деп айтууга болот.

Түстүн шайкештиги

Ар бир түстүн өзүнүн "достук" түсү бар - бул эң жакшы шайкеш келген түс. Дөңгөлөктү кайра ойлоп табуунун жана тандоо менен эксперимент жүргүзүүнүн кажети жок, бардыгы эчак эле ойлоп табылган жана коомдук доменде. Түстүү дөңгөлөктөр түстөрдү тандоо үчүн колдонулат. Itten. Төмөнкү сүрөттө дал келген 2 түскө дал келген түс дөңгөлөктөрү көрсөтүлгөн.

Кошумча түстөрдүн айкалышы
Кошумча түстөрдүн айкалышы

Т. б.а. тегеректин ичиндеги карама-каршы түс эң туура деп эсептелет. 3 дал келген түстү тандоо керек болсо, түс дөңгөлөк да колдонулат, бир гана түстөрдү жайгаштыруу сызыгы мурунтан эле өзгөрөт.

Триада - 3 түстүн айкалышы
Триада - 3 түстүн айкалышы

Жана мындай чөйрөлөр көп, сиз көбүрөөк дал келген түстөрдү тандай аласыз. Мисалы, төрт.

Tetrad - төрт түстөрдүн айкалышы
Tetrad - төрт түстөрдүн айкалышы

Иттендин тегерекчелери аркылуу түстөрдү ушинтип тандоо, түстөрдүн максималдуу айкалышына жетишип, сайттын визуалдык жагымдуу дизайнына ээ болот. Көбүрөөк түстүү чөйрөлөрдү интернеттен тапса болот. Негизги темадан бир аз четтейли, анткени мен сизге билдиргим келет, бул Itten түстүү дөңгөлөктөрүн мода дүйнөсүнүн профессионал дизайнерлери да колдонушат, б.а., дизайнердик кийимдерди түзүүдө бул түстү дал келтирүү ыкмасы колдонулат.

Сайттын ички түзүмү

Эгерде аздыр-көптүр баары түстү кабыл алуу менен айкын болуп калса, анда сайттын ички түзүмү же башкача айтканда дагы бир маанилүү көрсөткүч - "колдонуучулук" бойдон калууда. Сайттан туура түстөрдү тандоо жетиштүү эмес, практика көрсөткөндөй - сайттын кооз дизайнында сиз алыска барбайсыз. Сайттын туура түзүлүшү үйдүн каркасы сыяктуу, эгер ал туура пландаштырылбаса, анда анын айланасында чабыттоо ыңгайсыз болуп калат.

Баардык навигация элементтерин алдын ала ойлонуштуруп, андан да жакшыраак - жазып коюу керек. СтруктураСайт, биринчи кезекте, коноктор үчүн түшүнүктүү жана ыңгайлуу болушу керек. Көптөгөн сайттар өз конокторун жоготуп коюшат, анткени акыркысы сайтка киргенде кайда жана эмне жайгашканын түшүнбөйт. Көптөгөн баскычтар менен баш аламандык кылуунун жана бир топ функцияларды илип коюунун кереги жок. Сиз ар дайым келүүчүнүн көзү менен карашыңыз керек, эгерде колдонуучу кандайдыр бир функцияга муктаж болбосо, анда аны алып салганыңыз жакшы. Дагы бир жолу, веб-сайттын дизайнынын жаркын жана туура мисалы - Fb.ru веб-сайты, анын бардык бөлүмдөрү коноктор үчүн түшүнүктүү жана ыңгайлуу жайгаштырылган.

Эң чоң ката

Орточо анализге ылайык, 15-30 секунддун ичинде сайттан керектүү бөлүмдү же маалыматты таба албаган колдонуучу бул бөлүм же маалымат сайтта жок деп эсептейт жана ресурстан чыгып кетет. Көпчүлүк учурларда түбөлүккө. Коркунучтуу навигациясы бар сайттын эң сонун мисалы:

Сайттын навигациясы начар
Сайттын навигациясы начар

Сиздин оюңузча, издөөдөн эмес, жөн гана башкы бетке өтүү менен ушундай ресурс боюнча керектүү маалыматты табуу мүмкүнбү? Жок деп ойлойм. Дагы бир жолу, түстөрдүн каныккандыгы жана түшүнүксүз навигациянын көптүгү, бул ар бир келүүчүнү таң калып, таң калтырат. Мындай каталарды болтурбоо үчүн, бардык бөлүмдөрдү топтоштуруп, аларды өзүнчө навигация менюсуна коюу керек, бул ар бир келүүчү үчүн түшүнүктүү болот.

Каттоо формасы

Сайттагы дагы бир маанилүү жана коркунучтуу фактор – бул каттоо формасы. Кээ бирлери каттоо терезесинде чоң эненин дайындарын чогултууга аракет кылышат.

Каттоо формасы туура эмес
Каттоо формасы туура эмес

Мындай каттоо формаларыИнтернет үйлөрдө гана пайда боло баштаганда мода болчу. Бүгүнкү күндө интернет колдонуучу өзүнө керектүү маалыматты мүмкүн болушунча тезирээк тапкысы келет жана сайттын эң сонун дизайнына карабастан, узун каттоо формалары 99% четке кагат. Бүгүнкү стандарттар боюнча идеалдуу каттоо формасы төмөндө көрсөтүлгөн.

Туура каттоо формасы
Туура каттоо формасы

Бул маалымат жетишсиз болсо да, каттоодон өткөндөн кийин, эч ким келген адамдан аны кийинчерээк талап кылбайт. Бул ыкма жумушка арыздын формасына окшош болгон каттоо формасына караганда ишенимдүү жана достук деп эсептелет.

Вебсайт үлгүлөрү

Учурда көптөгөн сайттар сайттын дизайнын акысыз камсыз кылган заманбап CMS системаларында түзүлүүдө. Бирок бекер дизайн (шаблондор) эч кандай визуалдык дизайнды камтыбайт, андыктан сайттын ээси аны кандайдыр бир жол менен өзгөртүүгө аракет кылбаса, анда мындай сайт издөөдө жок болот.

Ошондой эле алардын негизинде өз веб-сайтыңызды жайылтууну сунуш кылган бүтүндөй интернет-порталдарды айта кетели. Бул учурда, жакшы да, жаман да жактары бар:

  • Биринчи жана балким жалгыз плюс - бул жөнөкөйлүк. Сайттын кадры буга чейин эле, эреже катары, тажрыйбалуу дизайнерлер тарабынан ушундай ресурстар боюнча моделделип, сайттын дизайны белгилүү бир талаптарга жана эрежелерге ылайык келтирилген. Аны тематикалык материал менен толтуруу жана биринчи келгендерди күтүү гана калды. Ошондуктан, мындай кызматтардын жөнөкөйлүгү жана ыңгайлуулугу үйрөнчүктөрдү өзүнө тартат. Бирок сайт олуттуу өнүктүрүү жана атаандаштык үчүн түзүлгөн болсоиздөө системаларында топ-1 болсо, анда мындай кызматтан баш тартуу жакшы.
  • Минустарынан - берилген калыптарды көпчүлүк учурларда түзөтүү же өзгөртүү мүмкүн эмес, сиз берилгенди ар дайым колдонууга туура келет. Ар бир сайт индивидуалдуу болушу керек жана башкалардан сырткы көрүнүшү менен айырмаланып турушу керек, анткени монотондук - бул биз башында сөз кылган негизги кемчилик. Көптөгөн чектөөлөр, аларды сүрөттөп айтуу мүмкүн эмес, анткени ар бир мындай кызматтын өзүнчө.

Акыркы бөлүк

Бул материалда сүрөттөлгөн нерселердин баары "негизги нускама" болуп көрүнбөйт, сиз ар дайым жана ал тургай баарын өзүңүздүн жолуңуз менен жасашыңыз керек - бул эң кеңири таралган эрежелердин жана каталардын жыйындысы. Бирок бул жерде түстүү кабылдоо жана сайттын ички түзүмү түрүндө сүрөттөлгөн эң маанилүү пункттар сайтты долбоорлоонун стандарты болуп саналат. Туура эмес тандалган түстөр сайтка жаңыдан кирген конокторду чочутат, ал эми категориялардын жана сайт элементтеринин сабатсыз дизайны ага багыттоого жана керектүү маалыматты табууга мүмкүндүк бербейт. Бул пункттарга максималдуу көңүл буруу керек жана жогоруда айтылгандай, сиз ар дайым каалаган сайтты иштеп чыгуучунун көзү менен эмес, коноктордун көзү менен карашыңыз керек.

Сунушталууда: