5 Стварних трендова веб дизајна за 2016. годину

Кад год видим везу под називом Трендови веб дизајна за ову годину, сретно је кликнем само да бих био разочаран у року од неколико минута. Увек су то, без грешке, трендови из прошле године или трендови попут: илустрације. Као, да ли сте знали да су анимације очигледно велики тренд? Озбиљно, ако напишете листу трендова и као тренд за 2016. укључите позадински видео преко целог екрана, заиста бисте требали да покушате да ступите на интернет и погледате веб локације пре него што обришете листу. Нитко не воли мамац. У сваком случају, без додатног обожавања, ево списка пет актуелних трендова за прву половину ове године.

1) Цели екран и не може се кретати

Веб локације које се не могу помицати коначно добијају привлачност. Тамо где веб странице једне странице, које се крећу кроз вечност, са лепљивим заглављем везе на сидру на врху, готово постају стандардни начин прављења почетних страница, лепо је видети странице на којима морате да кликате да бисте се кретали. Колико год људи мрзе скролање, заиста понекад може бити и лепо. Кључно при дизајнирању ових локација је употреба екрана за ограничења. Прототип у Кеиноте-у. Навигација тастатуром је уобичајена на овим локацијама.

Основе приватности на Фацебооку

Три примера сајта преко целог екрана без померања:

  1. Основе приватности на Фацебооку - Одлична веб локација, иако не реагује, Фацебоок објашњава корак по корак како приватност функционише на њиховој услузи. Одличне илустрације!
  2. Фантазија - Дуго очекивана нова веб локација дизајнерске агенције Фантаси покренута почетком ове године и није разочарала. Посебно погледајте одељак Рад, све остаје на екрану.
  3. КЛМ 50 Травелс - Прелепо место за кампању за КЛМ. Води вас кроз 50 дестинација, један екран истовремено. Крећите се стрелицама тастатуре и размаком.

2. Лепљив наслов са стране

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

Код и теорија

Три примера лепљивих наслова са стране:

  1. Код и теорија - Наслови градова остају на слици док се крећете кроз отворене позиције на овој прелепој веб локацији.
  2. Прелив стака - овај рачун не одговара сто одсто, али није сајт агенције, па му даје пропусницу. Када се крећете, под-навигација остаје лепа десно. Леп.
  3. ДДБ Стхлм - Ја сам из Шведске, па и ја шведски пример. Ако у њиховом менију притиснете „Ворк“ и помичете се према доле, видећете да вертикални наслов остаје са стране.

3) Лого је утоваривач

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

Инструмент

Три примера коришћења логотипа као утоваривача:

  • Инструмент - Овај сајт приказује свој логотип само када се страница учитава и када отворите навигациони мени. То је ново и бахато.
  • Фубиз - Ова веб локација направила је велики пробој када је покренута и из добрих разлога. Сајт има различит логотип за сваки одељак, сви са врло лепим анимацијама.
  • Ово такође - Одлична веб локација дизајнерског студија са пуно никад виђеног уметничког директора за веб локације агенција. Иако технички није лого, навигациона икона је овде утоваривач, али се налази тамо где је лого обично такав да одговара.

4) Поремећене слике позадине

Позадинска слика која испуњава читав прозор прегледача није ништа ново, вероватно је на врху класичне објаве Стварни трендови веб дизајна 2013, али ово ће је довести на нови ниво. Додајте ефекте показивача миша на своју позадинску слику и добро је да кренете.

Активна теорија

Три примера поремећених позадинских слика:

  1. Пустите ме да пулсирам - Померите миша по позадини и погледајте планине како оживе, врло добро урађено.
  2. Активна теорија - Ако правите веб страницу за своју агенцију, који је бољи начин да покажете да имате неке вере вештине веба од изгледа да то изгледа као Гоогле експеримент? Ниједан.
  3. Појединости - Ово ће требати мало помицање. Ова швајцарска дизајнерска агенција очигледно не верује у сидрене везе, па ако се помакнете до дна странице 4/4 Нос Екпертс и лебдите показивачем на фотографијама, приметићете мало искривљења на њима. Леп!

5) Преко горњих анимација

То је технички могуће сада, па зашто не? Ако се учини исправно, ово би могло бити врло визуелно пријатно и забавно искуство, ако се погрешно ради, онда су то Фласх странице поново. Реч мудрих: користите пажљиво, али пређите је преко врха када га употребљавате.

Вааарк

Три примера врхунских анимација:

  1. Вааарк - Лол, овај мали дизајнерски студио произвео је на основу најневероватнијих визуелних искустава ове године. Оставите то Французу да иде преко врха када је реч о анимацијама.
  2. Анимоцонс - Ово су неки примери икона са спектакуларним анимацијама кликова, а све се врши помоћу веб кода.
  3. Ралли Интерацтиве Бета - Ралли ради сјајан посао јер нема само праву количину анимација на њиховој веб локацији. Полудели су на врху, а затим га охрабрили када сте нешто кликнули и одабрали.

Бонус: још увек није тренд, видећемо га само на једном или два места, али изградња веб локација које реагују на неодређене размере постаће огромно. То јест, сајт изгледа потпуно исто на екрану од 1280пк као и на иМац 27 "Ретина 5100+ пк екрану, само је већи. Погледајте пример сјајног сајта за бразилског телеком оператера Ои.

Моје име је Нилс и радим као директор дизајна у Апе-у, дигиталном студију у Стоцкхолму, Шведска. Живимо за сјајан дизајн, технологију и комуникацију. Ако желите знати више о нама, погледајте нашу веб страницу која нажалост нема ниједан од горе наведених трендова.

Такође, ако вам се свидио овај чланак, притисните препоруку у наставку. То много помаже.