Трендови дизајна веб страница 2016. које треба размотрити пре израде ваше веб локације

dk new media сите КСНУМКС

Видели смо да се многе компаније крећу ка чистијем и једноставнијем искуству за кориснике веб локација. Без обзира да ли сте дизајнер, програмер или само волите веб локације, можете нешто научити гледајући како то раде. Припремите се за инспирацију!

  1. анимација

Остављајући за собом ране, лепршаве дане Веба, који је био у равни са блиставим гифовима, анимираним тракама, дугмадима, иконама и плесним хрчцима, анимација данас значи стварање интерактивних, реактивних акција које побољшавају приповедање прича и пружају богато корисничко искуство.

Примери богате анимације укључују учитавање анимација, навигацију и меније, анимације лебдења, галерије и презентације, анимације покрета, помицање и позадинске анимације и видео записе. Погледајте ову веб страницу компаније Беагле, платформе за управљање предлозима:

Анимирани веб сајт Беагле

Кликните да бисте видели Беагле-ову невероватну ЈаваСцрипт и ЦСС анимацију када се померате по њиховој веб локацији.

Богата анимација се такође може видети у микро интеракцији. На пример, на ЛинкедИн-у корисник може да пређе курсором преко картице за суптилни искачући мени са опцијама, а затим да прескочи причу или предузме друге радње.

ГИФ анимације су (радосно?) Поново оживеле и могу се користити у разне сврхе, укључујући комедију, демонстрације, па чак и само за украшавање.

  1. Материјал Дизајн

Материјал Дизајн, језик дизајна који је развио Гоогле, ослања се на елементе дизајна заснован на штампи - типографију, решетке, простор, размеру, боју и употребу слика - заједно са реактивним анимацијама и прелазима, облогама и ефектима дубине попут осветљења и сенки пружају реалније, занимљивије и интерактивније корисничко искуство.

Материал Десигн користи сенку, покрет и дубину како би понудио чисту, модерну естетику са фокусом на оптимизацију УКС-а без превише звона.

Остали примери дизајна материјала укључују слике од ивице до ивице, типографију великог обима и намерни бели простор.

Иоутубе концепт редизајна дизајна материјала за Андроид

  1. Раван дизајн

Иако Материал Десигн нуди један приступ концепту минимализма, равни дизајн остаје класичан избор за љубитеље чистих линија. Односно, равни дизајн се често доживљава као реалнији, аутентичнији и угоднији дигитални изглед.

Свемирска игла

Заснован на принципима белог простора, дефинисаних ивица, живих боја и 2Д - или „равних“ - илустрација, равни дизајн нуди свестран стил који често користи технике попут линијске иконографије и дугих сенки.

лендер

  1. Подељени екрани

Најбоље се користи када имате две једнако важне области за промоцију или ако желите да понудите садржај уз фотографије или медије, подељени екрани су сјајан нови начин да пружите забавно и смело корисничко искуство.

сплит-сцреен

Омогућавајући корисницима да бирају свој садржај и искуство, можете створити доживљај типа портала који мами посетиоце да уђу.

подељени екран-океан

  1. Испуштање Цхроме-а

Алудирајући на хромиране бранике и украсе на класичним аутомобилима, „хром“ се односи на контејнере веб странице - меније, заглавља, подножја и обрубе - који обухваћају основни садржај.

хром-време

Ово може да вам одврати пажњу, а многе компаније се одлучују да се ослободе контејнера и креирају чисте распореде од ивице до ивице без ивица, заглавља или подножја.

хром-напред

 

  1. Заборави преклоп

„Изнад прелома“ је жаргон за новине за горњу половину насловне стране новина. Будући да се новине често пресавијају и стављају у кутије и екране, најупечатљивији садржај иде изнад прелома како би им пружио најбоље шансе да зграбе потенцијалног читаоца (и њихов новчаник).

Дизајн веб страница већ дуго користи идеју преклопа по принципу да је помицање оптерећујуће. Али недавно, слике и садржај на целом екрану поздрављају корисника и подстичу померање да би се открио додатни, детаљнији садржај.

семеница

  1. Видео преко целог екрана

Видео може бити одличан начин да привучете пажњу посетилаца, а често је чак и ефикаснији од визуелних елемената или текста. Видео снимци попут оних које Аппле користи за Аппле Ватцх јединствен су начин да се зада тон и привуку посетиоци.

Highbridge

Кликните да бисте видели HighbridgeВидео на њиховој почетној страници

Што се тиче веб дизајна, пуно специфичних компонената диктираће ваша индустрија, ниша, циљно тржиште и садржај. Изглед ће зависити од тога на шта посетиоци одговоре и шта за вашу поруку има највише смисла. Али са овим трендовима на располагању, имаћете све што вам је потребно за стварање упечатљиве веб странице која ради оно што вам је потребно и која показује да знате како ићи у корак с временом.

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.