Тэндэнцыі дызайну веб-сайтаў у 2016 годзе, якія трэба ўлічваць перад стварэннем вашага сайта

dk new media сайт 1

Мы бачылі, як шмат кампаній рухаецца да больш чыстага і простага вопыту для карыстальнікаў вэб-сайтаў. Незалежна ад таго, вы дызайнер, распрацоўшчык ці вы проста любіце вэб-сайты, вы можаце даведацца нешта, зірнуўшы на тое, як яны гэта робяць. Прыгатуйцеся натхняцца!

  1. анімацыя

Пакідаючы пасля сябе першыя, яркія дні Інтэрнэту, які быў на адным узроўні з мігатлівымі гіфкамі, аніміраванымі барамі, кнопкамі, абразкамі і танцуючымі хамякамі, сёння анімацыя азначае стварэнне інтэрактыўных, спагадных дзеянняў, якія ўзмацняюць апавяданне і забяспечваюць багаты карыстацкі досвед.

Прыклады багатай анімацыі ўключаюць загрузку анімацыі, навігацыі і меню, навядзенне анімацыі, галерэй і слайд-шоў, анімацыю руху, пракрутку і фонавую анімацыю і відэа. Праверце гэты сайт ад Бігля, платформы кіравання прапановамі:

Аніміраваны сайт "Бігль"

Націсніце, каб убачыць дзіўную анімацыю JavaScript і CSS Бігля пры пракручванні сайта.

Багатую анімацыю можна ўбачыць і ў мікраўзаемадзеянні. Напрыклад, у LinkedIn карыстальнік можа навесці курсор мышы на карту для тонкага ўсплываючага меню опцый, а затым выбраць, каб прапусціць гісторыю альбо зрабіць іншыя дзеянні.

GIF-анімацыя (радасна?) Узрасла і можа быць выкарыстана для мноства розных мэт, уключаючы камедыі, дэманстрацыі і нават проста для ўпрыгожвання.

  1. матэрыял Дызайн

матэрыял Дызайн, мова дызайну, распрацаваная Google, абапіраецца на элементы дызайну на аснове друку - тыпаграфіку, сетку, прастору, маштаб, колер і выкарыстанне малюнкаў, а таксама рэагуюць на анімацыю і пераходы, абіўку і глыбінныя эфекты, такія як асвятленне і цені. забяспечыць больш рэалістычны, цікавы і інтэрактыўны карыстацкі досвед.

Матэрыяльны дызайн выкарыстоўвае цень, рух і глыбіню, каб прапанаваць чыстую, сучасную эстэтыку з акцэнтам на аптымізацыю UX без занадта вялікай колькасці наваротаў.

Іншыя прыклады матэрыяльнага дызайну ўключаюць выявы ад краю да краю, шырокамаштабную тыпаграфіку і наўмыснае прабел.

Канцэпцыя рэдызайну матэрыяльнага дызайну Youtube для Android

  1. плоскі дызайн

У той час як Material Design прапануе адзін падыход да канцэпцыі мінімалізму, плоскі дызайн застаецца класічным выбарам для аматараў чыстых ліній. Гэта значыць плоскі дызайн часта разглядаецца як больш рэалістычны, сапраўдны і зручны лічбавы выгляд.

Касмічная іголка

Заснаваны на прынцыпах белага прасторы, пэўных краёў, яркіх колераў і 2D-альбо "плоскіх" ілюстрацый, плоскі дызайн прапануе ўніверсальны стыль, які часта выкарыстоўвае такія прыёмы, як іканаграфія ліній і доўгія цені.

спушчальны апарат

  1. Раздзеленыя экраны

Лепш за ўсё выкарыстоўваць, калі ў вас ёсць дзве аднолькава важныя вобласці для прасоўвання альбо вы хочаце прапаноўваць кантэнт разам з фотаздымкамі альбо сродкамі масавай інфармацыі, падзеленыя экраны - выдатны новы спосаб забяспечыць вясёлы і смелы карыстацкі досвед.

падзелены экран

Дазваляючы карыстальнікам выбіраць змест і досвед, вы можаце стварыць вопыт парталу, які заклікае наведвальнікаў увайсці.

падзелены экран-акіян

  1. Падзенне Chrome

Намякаючы на ​​храмаваныя бамперы і ўпрыгажэнні на класічных аўтамабілях, "хром" адносіцца да кантэйнераў вэб-сайта - меню, загалоўкаў, калонтытулаў і межаў, якія ўключаюць асноўны змест.

хром-час

Гэта можа адцягнуць увагу, і многія кампаніі вырашаюць вызваліцца ад кантэйнераў і стварыць чыстыя макеты ад краю да краю без межаў, калонтытулаў і калонтытулаў.

хром-наперад

 

  1. Забудзьцеся пра складку

“Вышэй за краты” - гэта газетны жаргон для верхняй паловы першай старонкі газеты. Паколькі газеты часта складваюцца і размяшчаюцца ў скрынках і на дысплеях, найбольш пераканаўчы змест ідзе вышэй, каб даць ім лепшы шанец схапіць патэнцыйнага чытача (і яго кашалёк).

У дызайне вэб-сайтаў ужо даўно выкарыстоўваецца ідэя згортвання па прынцыпе, калі пракрутка была абцяжаранай. Але ў апошні час поўнаэкранныя выявы і змесціва вітаюць карыстальніка і заклікаюць пракручваць, каб прадставіць дадатковы, больш глыбокі змест.

насенны гаршчок

  1. Поўнаэкраннае відэа

Відэа можа стаць выдатным спосабам прыцягнуць увагу наведвальнікаў, і часта яно нават больш эфектыўнае, чым візуальныя матэрыялы альбо тэкст. Цыклічныя відэа, напрыклад, якія Apple выкарыстоўвае для Apple Watch, - гэта унікальны спосаб задаць тон і прыцягнуць наведвальнікаў.

DK New Media

Націсніце, каб убачыць DK New MediaВідэа на іх галоўнай старонцы

Што тычыцца вэб-дызайну, шмат канкрэтных кампанентаў будзе прадыктавана вашай галіной, нішай, мэтавым рынкам і зместам. Ваша раскладка будзе залежаць ад таго, на што адгукнуцца наведвальнікі і што найбольш зразумела для вашага паведамлення. Але маючы на ​​ўвазе гэтыя тэндэнцыі, у вас будзе ўсё неабходнае, каб стварыць пераканаўчы вэб-сайт, які робіць тое, што вам трэба, і які паказвае, што вы ведаеце, як ісці ў нагу з часам.

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.