5 актуални тенденции за уеб дизайн за 2016 г.

Всеки път, когато видя линк, наречен тенденции в уеб дизайна за тази година, щраквам върху него щастливо, само за да бъда разочарован в рамките на минути. Винаги са, без да се провалят, тенденции от миналата година или не-тенденции като: илюстрации. Като, знаете ли, че анимациите очевидно е голяма тенденция? Сериозно, ако напишете списък с тенденции и включите цял екран на фоновото видео като тенденция за 2016 г., наистина трябва да опитате да влезете в интернет и да разгледате уебсайтове, преди да запишете списъка си. Никой като примамки за щракване. Както и да е, без допълнително обожание, ето списък от пет актуални тенденции за първата половина на тази година.

1) Цял екран и не може да се превърта

Сайтовете, които не се търсят, най-накрая набират сцепление. Когато уебсайтовете на една страница, превъртани през вечността, с лепкава заглавна връзка за котва в горната част, почти се превърнаха в стандартния начин за правене на начални страници, хубаво е да виждате страници, където трябва да щракнете, за да навигирате. Колкото и хората да мразят превъртането с превъртане, всъщност понякога може да е хубаво. Ключът при проектирането на тези сайтове е използването на екрана за ограничения. Прототип в Keynote. Навигацията по клавиатурата е често срещана в тези сайтове.

Основи за поверителност на Facebook

Три примера на сайтове на цял екран без превъртане:

  1. Основи за поверителност на Facebook - Страхотен сайт, макар и не реагира, от Facebook обяснява стъпка по стъпка как работи поверителността на тяхната услуга. Страхотни илюстрации!
  2. Fantasy - много очакваният нов уебсайт на дизайнерската агенция Fantasy, пуснат в началото на тази година и не разочарова. Особено разгледайте секцията Работа, всичко остава на екрана.
  3. KLM 50 Travels - Красив сайт за кампания за KLM. Преминава ви през 50 дестинации, един екран в даден момент. Навигирайте със стрелките на клавиатурата и интервала.

2. Лепкаво заглавие отстрани

За най-новите тенденции в уеб дизайна винаги е разумно да погледнете сайтове на агенции или по-скоро дизайнерски студия. И наскоро беше ла-режим да загладите ви да се превъртат встрани от текста. Всички готини деца го правят. Това е тенденция само за десктоп, така че четете това на телефона си, просто ще трябва да ми се доверите на това, без да посещавате примерните връзки.

Код и теория

Три примера за лепкави заглавия отстрани:

  1. Код и теория - Заглавията на града остават на снимката, когато превъртате през отворените позиции на този красив уебсайт.
  2. Препълване на стека - този не отговаря на сметката на сто процента, но не е сайт на агенция, така че му дава пропуск. Когато превъртате, подвигацията остава лепкава вдясно. Ница.
  3. DDB Sthlm - Аз съм от Швеция, затова и аз съм в шведски пример. Ако натиснете Работа от в менюто им и превъртите надолу, ще видите, че вертикалното заглавие остава отстрани.

3) Логото е товарачът

Това е огромна тенденция и тази година стана почти синоним на уебсайтовете на агенциите. Всеки го има. И така трябва, защото изглежда страхотно и дава усещане на посетителя, че уебсайтът е част от марката. Много умен.

инструмент

Три примера за използване на логото като товарач:

  • Инструмент - Този сайт показва логото им само когато страницата се зарежда и когато отворите менюто за навигация. Това е ново и балообразно.
  • Fubiz - Този сайт направи голям плясък, когато стартира и по уважителни причини. Сайтът има различно лого за всеки раздел, всички с много приятни анимации.
  • Това също - Страхотен уебсайт за дизайнерско студио с много никога не виждан преди арт директор за сайтове на агенции. Макар че технически не е логото, навигационната икона е товарачът тук, но той е разположен там, където логото обикновено е така, за да пасне.

4) Прекъснати фонови изображения

Наличието на фонови изображения, които запълват целия прозорец на браузъра, не е нищо ново, вероятно е в горната част на класическия пост Актуални тенденции за уеб дизайн 2013, но това го извежда на ново ниво. Добавете някои ефекти на курсора на мишката върху фоновото си изображение и е добре да продължите.

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

Три примера за нарушени фонови изображения:

  1. Накарайте ме да пулсирам - Преместете мишката върху фона и вижте планините да оживяват, много добре направени.
  2. Активна теория - Ако правите уебсайт за вашата агенция, какъв по-добър начин да покажете, че имате някои луди уеб умения, отколкото да изглеждате като експеримент с Google? Нито един.
  3. Детайли - Това ще отнеме известно превъртане. Тази швейцарска дизайнерска агенция очевидно не вярва в връзките за закрепване, така че ако превъртите надолу в края на страницата 4/4 Nos Experts и задръжте снимките, ще видите леко изкривяване на тях. Nice!

5) Над горните анимации

Това е технически възможно сега, така че защо не е така? Ако се прави правилно, това може да бъде много визуално приятно и забавно изживяване, ако се направи погрешно, тогава това са отново Flash сайтове. Дума от мъдрите: използвайте внимателно, но преминете през върха, когато го използвате.

Waaark

Три примера за най-добрите анимации:

  1. Waaark - Lol, това малко дизайнерско студио създаде най-зашеметяващите визуални преживявания тази година. Оставете го на френския, за да премине отгоре, когато става въпрос за анимации.
  2. Animocons - Това са някои примери за икони с ефектни анимации за щракане, които се правят с помощта на уеб код.
  3. Rally Interactive Beta - Rally върши чудесна работа да не разполага с точното количество анимации на сайта си. Те са полудели в горната част и след това го дръжте мек, когато щракнете и изберете нещо.

Бонус: все още не е тенденция, забелязваме я само на едно или две места, но изграждането на отзивчиви уебсайтове, които мащабират неопределено време, ще бъде огромно. Тоест, сайтът изглежда точно такъв на 1280px екран, както на iMac 27 "Retina 5100+ px екран, той е само по-голям. Вижте за пример страхотния сайт за бразилския телекомуникационен оператор Oi.

Казвам се Нилс и работя като дизайнерски директор в Ape, дигитално студио в Стокхолм, Швеция. Живеем за страхотен дизайн, технологии и комуникация. Ако искате да знаете повече за нас, разгледайте нашия уебсайт, който за съжаление няма нито една от гореизброените тенденции.

Освен това, ако ви е харесала тази статия, моля натиснете препоръка по-долу. Помага много.