Сайтыңызды түзүүдөн мурун 2016-жылдагы Дизайн Дизайн Тренддери

dk new media сайт 1

Вебсайттын колдонуучулары үчүн таза, жөнөкөй тажрыйбага умтулган көптөгөн компанияларды көрдүк. Дизайнериңизби, иштеп чыгуучусузбу же жөн эле веб-сайттарды сүйөсүзбү, алардын кандайча иштеп жатканына көз чаптырып, бир нерсени үйрөнсөңүз болот. Шыктанууга даярданыңыз!

  1. жандуулук

Жаркылдаган гифтер, анимациялык тилкелер, баскычтар, иконалар жана бийлеген хомяктар көп жайнаган вебдин алгачкы, татаал күндөрүн калтырып, анимация бүгүнкү күндө окуяларды баяндоону өркүндөтүп, колдонуучунун бай тажрыйбасын камсыз кылган интерактивдүү, жооптуу иш-аракеттерди жасоону билдирет.

Бай анимациянын мисалына жүктөө анимациялары, навигация жана менюлар, анимациялар, галереялар жана слайдшоулар, кыймылдуу анимация, жылдыруу жана фондук анимациялар менен видеолор кирет. Бул сайтты Beagle, сунуштарды башкаруу платформасынан карап көрүңүз:

Beagle анимацияланган сайты

Биглдин JavaScript жана CSS анимациясын көрүү үчүн, алардын сайтынан ылдый жылдырсаңыз, аны чыкылдатыңыз.

Бай анимацияны микро өз ара аракеттенүүдөн дагы көрүүгө болот. Мисалы, LinkedInде колдонуучу карточканын үстүнө калкып чыгып, параметрлердин тымызын менюсун ачып, андан кийин окуяны өткөрүп жиберүүнү же башка аракеттерди жасоону тандай алат.

GIF анимациялары (кубанычтуубу?) Кайрадан жанданды жана ар кандай максаттарда, анын ичинде комедия, демонстрация, жада калса жасалгалоо үчүн да колдонсо болот.

  1. материалдык жасалга

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

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

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

Youtube Android Материал Дизайнын Кайра Дизайн Концепциясы

  1. Жалпак дизайн

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

Space ийне

Ак мейкиндиктин принциптерине, жандуу түстөргө жана 2D - же "жалпак" сүрөттөрүнө таянып, жалпак дизайн ар тараптуу стилди сунуштайт, ал сызык иконографиясы жана узун көлөкө сыяктуу ыкмаларды көп колдонот.

алкагында

  1. Экрандарды бөлүү

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

бөлүнгөн экран

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

экрандуу-океан

  1. Chrome түшүрүлүүдө

Классикалык автоунаалардагы хром бамперлерин жана жасалгаларын эске албаганда, "хром" веб-сайттын контейнерлерин билдирет - меню, баш, колонтитулдар жана чек аралар, негизги мазмунду камтыйт.

хром-убакыт

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

хром-алдыга

 

  1. Бүктөмдү унут

“Бүктөн өйдө” - гезиттин биринчи бетинин жогорку жарымына арналган гезит жаргону. Гезиттер көбүнчө бүктөлүп, кутучаларга жана дисплейлерге жайгаштырылгандыктан, потенциалдуу окурманды (жана алардын капчыгын) тартып алуу мүмкүнчүлүгүн берүү үчүн эң кызыктуу мазмун бүктөмдүн жогору жагына өтөт.

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

үрөн жери

  1. Толук экрандагы видео

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

Highbridge

Көрүү үчүн чыкылдатыңыз HighbridgeАлардын үй баракчасында видео

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

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.