Сіздің сайтыңызды жасамас бұрын ескеретін 2016 веб-сайтты құру тенденциялары

dk new media 1-сайт

Веб-сайт қолданушылары үшін таза, қарапайым тәжірибеге ұмтылатын көптеген компанияларды көрдік. Сіз дизайнер болсаңыз да, жасаушы болсаңыз да, сіз жай ғана веб-сайттарды жақсы көретін болсаңыз да, оны қалай жасап жатқанына қарап, бір нәрсе біле аласыз. Шабыттануға дайын бол!

  1. Анимация

Желіде жыпылықтайтын гифтермен, анимациялық жолақтармен, түймелермен, белгішелермен және билейтін хомяктармен қаныққан Интернеттің ерте, қарапайым күндерін қалдырып, анимация бүгінде әңгіме құруды жақсартатын және пайдаланушының бай тәжірибесін беретін интерактивті, жауап беретін әрекеттерді жасауды білдіреді.

Бай анимацияның мысалына анимацияларды жүктеу, навигация мен мәзірлер, анимацияларды, галереялар мен слайдшоуларды, қозғалыс анимациясын, айналдыру және фондық анимациялар мен бейнелерді жүктеу жатады. Осы сайтты ұсыныстарды басқару платформасынан Beagle-дан қараңыз:

Beagle анимациялық веб-сайты

Сіз олардың сайтында жылжытқан кезде Beagle-дің керемет JavaScript және CSS анимациясын көру үшін басыңыз.

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

GIF анимациялары (қуанышты ма?) Қайта жанданды және оларды әртүрлі мақсаттарда, соның ішінде комедияны, демонстрацияны, тіпті безендіру үшін де пайдалануға болады.

  1. материалдық Дизайн

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

Материалдық дизайн көлеңкені, қозғалысты және тереңдікті қолдана отырып, UX-ны тым көп қоңырау мен ысқырықсыз оңтайландыруға бағытталған таза, заманауи эстетиканы ұсынады.

Материалдық безендірудің басқа мысалдары: шетінен кескінге, ауқымды типографияға және ақ кеңістікті қамтиды.

Youtube Android Material Design қайта құру тұжырымдамасы

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

Материалдық дизайн минимализм тұжырымдамасына бір көзқарас ұсынса, жазық дизайн таза сызықтарды ұнататындар үшін классикалық таңдау болып қала береді. Яғни, жалпақ дизайн көбінесе шынайы, шынайы және ыңғайлы сандық көрініс ретінде көрінеді.

Ғарыштық игла

Ақ кеңістіктің, анықталған шеттердің, қанық түстердің және 2D - немесе «жалпақ» суреттердің принциптеріне сүйене отырып, жалпақ дизайн сызықтық иконография және ұзын көлеңкелер сияқты тәсілдерді жиі қолданатын жан-жақты стиль ұсынады.

Lander

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

Жарнамалайтын екі бірдей маңызды бағыт болған кезде немесе фотосуреттермен немесе медиамен қатар мазмұн ұсынғыңыз келсе, экрандардың экраны - бұл қызықты әрі батыл пайдаланушылық тәжірибе ұсынудың тамаша әдісі.

бөлінген экран

Пайдаланушыларға өздерінің мазмұны мен тәжірибесін таңдауға мүмкіндік беру арқылы сіз кірушілерді қызықтыратын портал түріндегі тәжірибе жасай аласыз.

экрандалған-мұхит

  1. Хромды түсіру

Хром бамперлері мен классикалық автомобильдердегі әшекейлерді қоспағанда, «хром» веб-сайттың контейнерлеріне жатады - мәзірлер, колонтитулдар, төменгі колонтитулдар мен шекаралар - бұл негізгі мазмұнды қамтиды.

хром-уақыт

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

алға қарай алға

 

  1. Бүктеуді ұмытыңыз

«Қаптың үстінде» - газеттің алдыңғы бетінің жоғарғы жартысына арналған газет жаргоны. Газеттер көбінесе бүктеліп, қораптар мен дисплейлерге орналастырылатындықтан, ықтимал оқырманға (және олардың әмиянына) ие болуға ең жақсы мүмкіндік беру үшін ең тартымды мазмұн қатпардан жоғары болады.

Веб-сайттың дизайны жылжыту ауыр болды деген қағида бойынша бүктеме идеясын бұрыннан қолданып келеді. Жақында толық экрандағы кескіндер мен мазмұн пайдаланушымен амандасады және қосымша, неғұрлым терең мазмұнды ашуға айналдыруды ұсынады.

тұқым дақтары

  1. Толық экранды бейне

Видео келушілердің назарын аударудың керемет тәсілі бола алады, және бұл көбінесе визуалды немесе мәтіннен гөрі тиімді. Apple-дің Apple Watch үшін қолданған видеоларын ілмектеу - бұл үнді орнатудың және келушілерді тартудың ерекше тәсілі.

DK New Media

Көру үшін нұқыңыз DK New MediaОлардың басты бетіндегі бейне

Веб-дизайн туралы айтатын болсақ, көптеген нақты компоненттерді сіздің салаңыз, тауашаларыңыз, мақсатты нарықтарыңыз және мазмұныңыз талап етеді. Сіздің орналасуыңыз келушілердің жауап беруіне және сіздің хабарламаңыз үшін неғұрлым мағыналы болатынына байланысты болады. Бірақ осы трендтермен бірге сізге қажет нәрсені жасайтын және заман ағымына ілесуді білетіндігіңізді көрсететін тартымды веб-сайт жасау үшін сізге қажет нәрсе бар.

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.