Не е тайна, че IT индустрията се развива със скокове и граници. Нови технологии, нов хардуер, нови проекти. Всичко това не е пощадено от уеб разработката. Сега сайтовете далеч не са същите, както преди поне няколко години. Доста неща се промениха и сега малко по-подробно.
Използване на видео фон
Изглежда, че фонът е бил използван от дълго време. Но той се превърна в наистина значим фрагмент от интериора на обекта едва тази година. За много потребители това предизвиква истински "уау" ефект.
Пример за добро изпълнение на видео фон - http://globalmonitoring.ru/
Паралакс ефект
Друга привидно просперираща концепция, но едва наскоро започна да се прилага навсякъде. Ако някой не знае, това е начин да добавите обемни слоеве към сайта, накарайте ги да се движат, както ви е необходимо. С други думи, за да даде повече интерактивност.
Пример - https://www.grabandgo.pt/
JavaScript и библиотеки
Говорейки за интерактивност. Виждали ли сте поне един сайт без js през 2017 г.? аз не. И въпросът дори не е в самия js, а в неговите библиотеки. Да, jQuery е готин, но всички топ разработчици на интерфейса вече са преминали към react.js, angular.js, vue.js и други библиотеки. Аз самият ще науча един от тях в бъдеще (вероятно vue.js).
Къде бихте искали без js? Всички тези скачащи елементи, потъмняване, плавни преходи и така нататък - всичко това е удобно за изпълнение чрез скриптове.
Адаптивност
Нещо, за което си струва да говорим отделно и определено ще говорим за него. Отзивчивият дизайн на уебсайт дори не е тенденция за 2017 г. Това е обща тенденция през последните години. Аз, като потребител на една от борсите за свободна практика на рунет, всеки ден виждам приложения като: „Създаване на адаптивен сайт“ или „Сайтът вече е там, имате нужда от адаптивен“ и така нататък. Хората разбират, че в днешно време човечеството прекарва много повече време на смартфони, отколкото на компютър, следователно създаването на адаптивен уебсайт (с принципа Mobile First) е много важен компонент от създаването на уебсайт по принцип.
ботове
Вероятно най-интересният момент в тази статия са ботовете. В днешно време малко хора се нуждаят от прости страници. Дайте цялата интерактивност, добитък на сайта. Ботът е вид асистент, който сега се използва много активно. Най-простите примери са VKontakte и телеграм ботове, които сами ви изпращат всякаква информация при поискване или без нея. Това е много удобно за администраторите на общността, в която работи ботът. Всичко е бързо, красиво и автоматизирано.
Статията е разделена на две основни области: графика в уеб дизайна и самата разработка, като всеки раздел има свои собствени компоненти.
ТЕНДЕНЦИИ В УЕБ ДИЗАЙНА
И така, нека започнем с тенденциите в уеб дизайна за 2017 г. и какво ни очаква през 2018 г. Какви промени са настъпили в графиката, използването на шрифтове, анимация и видео и т.н.
Графичен дизайн
Тенденцията се счита за модна - плосък дизайн. Използват се векторни графики с добавяне на растер за акценти, по-долу са примери за такива сайтове. Минимализъм и отзивчив дизайн, прост и разбираем за потребителите на сайта.
 |
 |
 |
Векторни изображения
Използването на вектора в сайтовете се увеличава, той е лек, което означава, че зареждането е по-бързо. Тъй като векторът може да се разтяга и компресира, както желаете, вашата графика винаги ще изглежда страхотно на екрана на всяко устройство при всяка разделителна способност. За векторни изображения използвайте формата SVG (Scalable Vector Graphics). Повечето векторни редактори ви позволяват да записвате в този формат и няма нужда от специален софтуер.
Безцветни - призрачни бутони
Преминаването към минимализъм повлия и на дизайна на бутоните. Използването на този вид бутони в дизайна на уебсайтове се увеличава. Такива бутони не претоварват сайта и изглеждат оригинални. Нашият сайт също използва такива бутони в долната част на блока със статии.
 |
 |
 |
Кликнете върху изображението, за да го увеличите
Стилна 3D графика
3D графиката също набира скорост през новата година. 3D композициите се съчетават добре с плосък дизайн и го допълват, като му придават повече дълбочина и подчертават модерността.
Кликнете върху изображението, за да го увеличите
Анимация, видео и интерактивни обекти
Сайтовете започнаха да използват живи снимки и фонове, това определено привлича вниманието и придава на сайта известна динамика. Използването на видео и всички видове анимация за взаимодействие с потребителите също се увеличи.
Сложни мрежи
Още в края на 2016 г. се появи посоката на сайтове, използвайки динамични, сложни мрежи с ултрамодерен дизайн.
Геометрия в различни форми
Използването на геометрични фигури от различни видове за текст, информационно подчертани блокове и фонове. Правоъгълниците и квадратите са чудесни за подчертаване на важни неща.
 |
 |
 |
Кликнете върху изображението, за да го увеличите
Модерни цветове
Тук кой какво харесва и какво по дефиниция е подходящо за всеки проект. Единственото, което може да се каже е, че цветовете стават по-живи. В комбинация с добър контраст е по-удобно за потребителя да навигира в сайта и да възприема информация.
Безусловна адаптация
Вече не е необходимо да се казва, че сайтовете трябва да бъдат направени приятелски настроени за мобилни устройства. Адаптирането е безусловен фактор на съвременния уебсайт. Много е важно да се помисли върху дизайна в мобилната версия, така че всички важни елементи да са под ръка за потребителя и той интуитивно да разбира навигацията на сайта.
Не стихват споровете как най-добре да се постави икона или надпис. Резултати от теста на 240 000 мобилни потребители.
Алтернативи на мобилни менюта
Ако в сайта няма много секции, тогава е по-добре да използвате раздели като меню или да добавите бутон към тях в края в падащо допълнително меню.
Гъвкаво динамично меню
Решението е в меню, което се настройва спрямо ширината на екрана, показвайки възможно най-много раздели и скривайки това, което не е включено в „Още“.
ТЕНДЕНЦИИ В УЕБ РАЗРАБОТВАНЕТО
Обмислен дизайн
В разработването на дизайн на уебсайт трябва да участва не само графичен дизайнер, но и специалисти по промоция и маркетолози. Разположението на всеки елемент има свое предназначение, за комфортен престой на потребителя.
По-малко текст е по-добре!
Текстовата част на сайта трябва да бъде лаконична, доколкото е възможно по същество, и да разкрива предложената тема. Ако е възможно, допълнете го с технически подробности, като: цени, характеристики и т.н.
CMS рейтинг
Винаги можете да видите най-новата оценка. Който и вариант да изберете, имайте предвид, че според официалните изявления на търсачките няма принципна разлика от какво е направен вашият сайт. Всеки двигател или рамка ще трябва да бъде модифициран за най-добрата функционалност на вашия проект.
Всяка година научаваме нещо ново за дизайна и 2016 не прави изключение. Статията, която написахме миналата година, беше толкова успешна, че решихме да направим някои прогнози за 2017 г., така че нека да започнем!
Излезе нова статия →← Четете и се вдъхновявайте!Тенденциите в дизайна са повлияни от медиите, технологиите, модната индустрия и напоследък използваемостта. Тенденцията се появява бавно, постепенно, прониквайки във всички посоки на дизайна, а след това изчезва по абсолютно същия начин. По принцип тенденциите в дизайна продължават не повече от една или две години. Дизайнът през 2017 г. ще продължи тенденциите, които се появиха през 2016 г. с добавянето на някои нови промени, това усещане е добре познато и познато и може би сте го забелязали през последните няколко години. Основното влияние остава материалният дизайн на Google, с незначителни промени.
Какви тенденции в уеб дизайна ни очакват през 2017 г
01. Полуплоска конструкция
През последните няколко години плоският плосък дизайн беше най-популярен на пазара на уеб дизайн, но сега, повлиян от Material Design, той става все по-едноизмерен. Този преход започва с някои светли сенки, което го прави полу плосък дизайн. Еволюцията на плоския дизайн от стила на минимализма преминава към нови развиващи се технологии. Плоският дизайн все още е там, но е претърпял някои подобрения.
Гладкото засенчване добавя дълбочина и сложност, без да разваля усещането за плоския дизайн. Тази нова функция е добавена към плоската тенденция и ще продължи да се развива през 2017 г.
проект: Ресурс | UI / UX инструмент за уеб услуги
Автори: Руслан Латипов; LS графика; Антон Мишин; Валери Гурков
проект: Плейлист на слушателя
02. Синемаграфи
Синемаграфите не са същите GIF анимации, които виждаме в интернет навсякъде. Синемаграфите са неподвижни изображения с незначителни елементи на движение. Тази техника прави обикновена снимка по-реалистична.
03. Още 3D
3D определено се движи в нашата посока и ще видим това влияние във всички области на дизайна. С технологията VR/AR, която набира скорост с бързи темпове, тази област се развива доста бързо. 
проект: LUV.IT
проект: Отворени годишни награди
проект: Air Max '17
проект: NIKE F.C. | 3D златни топки в реалния свят
проект: По-добре да си марка
04. Анимации
Анимацията все повече присъства в уеб дизайна, форматът може да бъде всякакъв - WebGL CSS, GIF, SVG или видео. Анимацията е една от най-важните тенденции в уеб дизайна през изминалата година, така че не се колебайте да я използвате.
проект: Nickelodeon Kids избират президента
проект: Приложение за AR Virtual Fitness Coach
проект: ZH OURO- Рио 2016г
05. Едностранични сайтове / целеви страници (Landing pages)
През 2017 г. ще видим възхода на сайтовете с една страница поради техния потенциал за маркетингови цели и способността им да насочват по-добре към посетителите.
Ако имате нужда от целева страница, можете да я поръчате от мен →
06. Геометрични фигури, шарки, линии и кръгове
Тази тенденция започна през 2016 г. и със сигурност ще продължи през 2017 г. Можете да персонализирате сайта си просто като добавите някои модерни форми, плоски или с мека сянка.
проект:
проект: DRAP.агенция Брандиране
проект: Pfizer - Активен и 50+ за The New York Times
07. Смелите цветове
Използвайте ярки цветове, за да се откроите. Материалите и плоските дизайни се съчетават добре с ярки цветове. Можете да използвате цветовата палитра, предоставена от Google, за да изберете и съчетаете цветовете, които искате.
проект: Edris - Лого, проектирано от MiLo
проект: Rendered - Отзивчив демо уебсайт за Adobe
проект: b2mach
08. Иновативно превъртане и паралакс
Това е страхотна визуална идея, която ще добави уникална нотка към всеки уебсайт. От многослоен паралакс до видео паралакс, всичко е възможно с приставката D.ex Multilayer Parallax. Този продукт е разработен изцяло от студио Milothemes под ръководството на Loredana Papp и Mihai Baldean. Предлага се за закупуване на Envato Market / codecanyon.net
Това е плъгин за WordPress, който ви позволява да създавате красиви Parallax кутии с повече от един слой. Бъдете креативни и комбинирайте слоеве във всеки стил, който искате. Направихме 12 различни примера в ръководството на плъгина, за да улесним първото ви въведение в прекрасния свят на паралакса. Играйте със слоеве!
09. Цветни преходи / градиенти (Color Transitions)
Градиентите са една от основните тенденции в момента. Thrand започна да набира популярност през 2016 г. и продължава да расте бързо, след като големи марки като Instagram решиха да променят своето лого и снимки от едноцветен към многоцветен преход (градиент). От лога до бутони или наслагвания на картини, тази тенденция е навсякъде.
10. Прегледи от мобилни устройства, отзивчив дизайн (Mobile Browsing (Responsive Design))
През 2015 и 2016 г. се наблюдава значително увеличение на показванията на мобилни устройства. Таблетите и смартфоните вече имат приоритет за сърфиране в мрежата, изпреварвайки настолните компютри и лаптопи - и тази тенденция продължава. Всеки уебсайт, който няма адаптивен уеб дизайн, трябва да бъде актуализиран възможно най-скоро!
проект: Отзивчива анимация на уебсайтове
11. Графики и илюстрации по поръчка (персонализирани графики и илюстрации)
Стоковата фотография все още е доста популярна, но през 2016 г. се появи нова тенденция, която ще продължи да расте и през 2017 г.: използването на персонализирани графики и илюстрации. Ако искате уникален красив сайт, който всеки посетител да ви запомни, работете с дигитални дизайнери. По този начин има по-малко стокови снимки и повече оригинални, уникални изображения.
12. Творческо използване на неутралното пространство и мрежа
През последните години уеб дизайнът клони повече към добре подредени, организирани колони и мрежи, но през 2016 г. видяхме значителна промяна към неправилно наслояване и ултрамодерен дизайн.
13. Разказване на истории
Уебсайтовете вече започват да разказват истории, за да спечелят клиента. Хората са склонни да запомнят истории повече от четенето на проста (суха) информация.
Още видео за разказването на истории от Business Youth:
14. Мързеливо зареждане
Lazy Loading забавя зареждането на изображения на дълги уеб страници, това позволява информацията да се появи в определен момент, докато се превърта надолу, което намалява времето за зареждане на страницата.
15. Разделено съдържание
Разделеното съдържание е популярно в адаптивния уеб дизайн в момента, разделя екрана на 2 или повече части. Този сайт с разделен екран ще покаже на зрителя няколко еднакво важни съобщения в един блок на сайта. Тази тенденция се появи през 2015 г., но през 2017 г. ще продължи да расте и най-вероятно ще я видите на много сайтове.
16. Формуляри на пълна ширина (Full-Screen Forms)
Не е необходимо да се придвижвате до друга страница, за да попълните формуляра, тъй като новите сайтове използват формуляри с пълна ширина, които се адаптират към адаптивния дизайн.
17. Видеоклипове навсякъде
Видеосъдържанието нарасна през последната година и хората станаха по-взискателни към висококачествено видео. Видеоклипът на сайта може да бъде кратък и настроен за автоматично повторение, показващ продукт или мащабен кинематографичен проект, който ще поддържа зрителя въвлечен в историята.
проект: Hillsong
18. Главният изпълнителен директор е важен! (SEO е важно)
SEO е много важно за уебсайт, така че красив уебсайт без добро SEO ще бъде аутсайдер.
19. Скрита навигация
Менюто за хамбургери създава много спорове за това колко трудно е потребителите да намерят меню, но едно е сигурно – тази тенденция ще остане и хората в крайна сметка ще свикнат с такова меню.
20. Малки детайли на дизайна
Фокусът върху детайлите е много важен тази година. Малки детайли като точки за навигация и др. Фокусирането върху малките детайли ще направи работата завършена.
проект: Barometa - Платформа за работа от следващо поколение
21. Тенденции в дизайна на лого
21.1. Минималистичен
Всички големи марки се движат към по-прости, минимални дизайни и тази тенденция ще остане.
21.2. Нарисувано на ръка
Тази тенденция е в светлината на прожекторите през последните години и е страхотен стил за хипстърския бизнес. Използва се за бръснари, кафенета, ресторанти, предмети на изкуството и занаятите.
21.3. Отрицателно пространство
Това е стара тенденция, но видяхме, че набира пара през последните няколко години и ще продължи да расте през 2017 г., така че определено си струва да се разгледа по-отблизо.
21.4. Изрязване
По-минималистичен от тази тенденция никога не се случва. Показва само това, което е достатъчно да посочите в логото, за да разпознаете компанията, и нищо друго.
21.5. Геометричен
Тази тенденция е от категорията Old school, но е един от онези стилове, които определено никога няма да умрат.
21.6. Линейно изкуство
Тази тенденция е популярна сред следващото поколение бизнеси.
Автори: Сам Хили; Андреа Шлафер; Яцек Яничак
21.7. Модели, шарки (Pattern)
Моделите са нова тенденция и това повторение е необичаен начин да накарате един бизнес да се открои и да се открои от конкуренцията. Тази оригинална посока може да се използва и при представянето на лога.
Автори: Ник Едлин; Станислав Алейников; Лукас Гил Търнър
21.8. Анимирани лога
Моушън дизайнът е популярна тенденция днес и можем да го наблюдаваме във всички области на дизайна.
Заслуги: Хавиер Миранда Нието; Работното сътрудничество
21.9. Реколта
Винтидж стилът все още е в игра. Дори и тази тенденция да е популярна от дълго време, тя все още има какво да каже.
Автори: Роман Додонов; Mingo Ideas Up; Ще опитам още
21.10. Цветни преходи
Градиентите са навсякъде тази година - и лога не са изключение.
21.11. Илюстрации в лога
Илюстрациите са добър начин да направите уникално и персонализирано лого за вашия бизнес. Тази година стават все по-популярни.
Автори: Бодея Даниел; Яцек Яничак
21.12. Фотография в лога
Комбинирането на изображения с типография е много популярно в наши дни. Те работят много добре заедно и това създава контраст между тях.
22. Типографски тенденции
22.1. Голяма, смела и красива типография
Типографията е може би най-важният елемент в създаването на зашеметяващи дизайни. Тази година типографията ще бъде удебелена (удебелена) и голяма с изпъкнали заглавия.
Автори: Александър Лагута
Автори: Куим Марин
проект: Baugasm Series - Pack 4
22.2. Цветови преходи в типографията
Градиентите без съмнение са тенденция днес и ще ги намерите и в типографията.
22.3. Визуална йерархия
Йерархията в типографията е важна във всяка посока на дизайна. С помощта на размера и ширината на шрифта той може лесно да посочи кои думи или заглавия са приоритетни, така че използвайте този фактор, когато създавате вашите текстове. Трябва също да запомните, че можете да постигнете ясна визуална йерархия чрез позицията и цвета на текста.
22.4. Малка типография
Много малък текст обикновено е заобиколен от противоположно цветово пространство, но можете да създадете визуална разлика между цвят или картина, за да изпъкнете текста. Можете също да използвате анимация, за да помогнете на текста да се открои.
Автори: Слава Олейник; Бахаа Самир; Witty Digital
проект: Baugasm Series - Pack 4
22.5. Анимирана типография
Сега анимацията се използва навсякъде и типографията не е изключение. Ако използвате софтуер за движение, тази година няма да сбъркате.
Проект: Gotham Pro Animated Typeface Free
22.6. Типографията среща фотографията
Комбинацията между текст и фотография може да даде страхотни резултати. Вижте тези страхотни примери.
22.7. Геометрични форми и типография
Геометричните форми могат да работят добре с типографията, за да създадат приятно докосване.
22.8. Сдвояване на шрифтове
Използвайте два или повече шрифта заедно. Все още е в тенденция през 2017 г.
———————————
Всяка година научаваме нещо ново за дизайна и 2016 не прави изключение. Статията, която написахме миналата година, беше толкова успешна, че решихме да направим някои прогнози за 2017 г., така че нека да започнем!
Излезе нова статия →← Четете и се вдъхновявайте!Тенденциите в дизайна са повлияни от медиите, технологиите, модната индустрия и напоследък използваемостта. Тенденцията се появява бавно, постепенно, прониквайки във всички посоки на дизайна, а след това изчезва по абсолютно същия начин. По принцип тенденциите в дизайна продължават не повече от една или две години. Дизайнът през 2017 г. ще продължи тенденциите, които се появиха през 2016 г. с добавянето на някои нови промени, това усещане е добре познато и познато и може би сте го забелязали през последните няколко години. Основното влияние остава материалният дизайн на Google, с незначителни промени.
Какви тенденции в уеб дизайна ни очакват през 2017 г
01. Полуплоска конструкция
През последните няколко години плоският плосък дизайн беше най-популярен на пазара на уеб дизайн, но сега, повлиян от Material Design, той става все по-едноизмерен. Този преход започва с някои светли сенки, което го прави полу плосък дизайн. Еволюцията на плоския дизайн от стила на минимализма преминава към нови развиващи се технологии. Плоският дизайн все още е там, но е претърпял някои подобрения.
Гладкото засенчване добавя дълбочина и сложност, без да разваля усещането за плоския дизайн. Тази нова функция е добавена към плоската тенденция и ще продължи да се развива през 2017 г.
проект: Ресурс | UI / UX инструмент за уеб услуги
Автори: Руслан Латипов; LS графика; Антон Мишин; Валери Гурков
проект: Плейлист на слушателя
02. Синемаграфи
Синемаграфите не са същите GIF анимации, които виждаме в интернет навсякъде. Синемаграфите са неподвижни изображения с незначителни елементи на движение. Тази техника прави обикновена снимка по-реалистична.
03. Още 3D
3D определено се движи в нашата посока и ще видим това влияние във всички области на дизайна. С технологията VR/AR, която набира скорост с бързи темпове, тази област се развива доста бързо. проект: LUV.IT
проект: Отворени годишни награди
проект: Air Max '17
проект: NIKE F.C. | 3D златни топки в реалния свят
проект: По-добре да си марка
04. Анимации
Анимацията все повече присъства в уеб дизайна, форматът може да бъде всякакъв - WebGL CSS, GIF, SVG или видео. Анимацията е една от най-важните тенденции в уеб дизайна през изминалата година, така че не се колебайте да я използвате.
проект: Nickelodeon Kids избират президента
проект: Приложение за AR Virtual Fitness Coach
проект: ZH OURO- Рио 2016г
05. Едностранични сайтове / целеви страници (Landing pages)
През 2017 г. ще видим възхода на сайтовете с една страница поради техния потенциал за маркетингови цели и способността им да насочват по-добре към посетителите.
Ако имате нужда от целева страница, можете да я поръчате от мен →
06. Геометрични фигури, шарки, линии и кръгове
Тази тенденция започна през 2016 г. и със сигурност ще продължи през 2017 г. Можете да персонализирате сайта си просто като добавите някои модерни форми, плоски или с мека сянка.
проект:
проект: DRAP.агенция Брандиране
проект: Pfizer - Активен и 50+ за The New York Times
07. Смелите цветове
Използвайте ярки цветове, за да се откроите. Материалите и плоските дизайни се съчетават добре с ярки цветове. Можете да използвате цветовата палитра, предоставена от Google, за да изберете и съчетаете цветовете, които искате.
проект: Edris - Лого, проектирано от MiLo
проект: Rendered - Отзивчив демо уебсайт за Adobe
проект: b2mach
08. Иновативно превъртане и паралакс
Това е страхотна визуална идея, която ще добави уникална нотка към всеки уебсайт. От многослоен паралакс до видео паралакс, всичко е възможно с приставката D.ex Multilayer Parallax. Този продукт е разработен изцяло от студио Milothemes под ръководството на Loredana Papp и Mihai Baldean. Предлага се за закупуване на Envato Market / codecanyon.net
Това е плъгин за WordPress, който ви позволява да създавате красиви Parallax кутии с повече от един слой. Бъдете креативни и комбинирайте слоеве във всеки стил, който искате. Направихме 12 различни примера в ръководството на плъгина, за да улесним първото ви въведение в прекрасния свят на паралакса. Играйте със слоеве!
09. Цветни преходи / градиенти (Color Transitions)
Градиентите са една от основните тенденции в момента. Thrand започна да набира популярност през 2016 г. и продължава да расте бързо, след като големи марки като Instagram решиха да променят своето лого и снимки от едноцветен към многоцветен преход (градиент). От лога до бутони или наслагвания на картини, тази тенденция е навсякъде.
10. Прегледи от мобилни устройства, отзивчив дизайн (Mobile Browsing (Responsive Design))
През 2015 и 2016 г. се наблюдава значително увеличение на показванията на мобилни устройства. Таблетите и смартфоните вече имат приоритет за сърфиране в мрежата, изпреварвайки настолните компютри и лаптопи - и тази тенденция продължава. Всеки уебсайт, който няма адаптивен уеб дизайн, трябва да бъде актуализиран възможно най-скоро!
проект: Отзивчива анимация на уебсайтове
11. Графики и илюстрации по поръчка (персонализирани графики и илюстрации)
Стоковата фотография все още е доста популярна, но през 2016 г. се появи нова тенденция, която ще продължи да расте и през 2017 г.: използването на персонализирани графики и илюстрации. Ако искате уникален красив сайт, който всеки посетител да ви запомни, работете с дигитални дизайнери. По този начин има по-малко стокови снимки и повече оригинални, уникални изображения.
12. Творческо използване на неутралното пространство и мрежа
През последните години уеб дизайнът клони повече към добре подредени, организирани колони и мрежи, но през 2016 г. видяхме значителна промяна към неправилно наслояване и ултрамодерен дизайн.
13. Разказване на истории
Уебсайтовете вече започват да разказват истории, за да спечелят клиента. Хората са склонни да запомнят истории повече от четенето на проста (суха) информация.
Още видео за разказването на истории от Business Youth:
14. Мързеливо зареждане
Lazy Loading забавя зареждането на изображения на дълги уеб страници, това позволява информацията да се появи в определен момент, докато се превърта надолу, което намалява времето за зареждане на страницата.
15. Разделено съдържание
Разделеното съдържание е популярно в адаптивния уеб дизайн в момента, разделя екрана на 2 или повече части. Този сайт с разделен екран ще покаже на зрителя няколко еднакво важни съобщения в един блок на сайта. Тази тенденция се появи през 2015 г., но през 2017 г. ще продължи да расте и най-вероятно ще я видите на много сайтове.
16. Формуляри на пълна ширина (Full-Screen Forms)
Не е необходимо да се придвижвате до друга страница, за да попълните формуляра, тъй като новите сайтове използват формуляри с пълна ширина, които се адаптират към адаптивния дизайн.
17. Видеоклипове навсякъде
Видеосъдържанието нарасна през последната година и хората станаха по-взискателни към висококачествено видео. Видеоклипът на сайта може да бъде кратък и настроен за автоматично повторение, показващ продукт или мащабен кинематографичен проект, който ще поддържа зрителя въвлечен в историята.
проект: Hillsong
18. Главният изпълнителен директор е важен! (SEO е важно)
SEO е много важно за уебсайт, така че красив уебсайт без добро SEO ще бъде аутсайдер.
19. Скрита навигация
Менюто за хамбургери създава много спорове за това колко трудно е потребителите да намерят меню, но едно е сигурно – тази тенденция ще остане и хората в крайна сметка ще свикнат с такова меню.
20. Малки детайли на дизайна
Фокусът върху детайлите е много важен тази година. Малки детайли като точки за навигация и др. Фокусирането върху малките детайли ще направи работата завършена.
проект: Barometa - Платформа за работа от следващо поколение
21. Тенденции в дизайна на лого
21.1. Минималистичен
Всички големи марки се движат към по-прости, минимални дизайни и тази тенденция ще остане.
21.2. Нарисувано на ръка
Тази тенденция е в светлината на прожекторите през последните години и е страхотен стил за хипстърския бизнес. Използва се за бръснари, кафенета, ресторанти, предмети на изкуството и занаятите.
21.3. Отрицателно пространство
Това е стара тенденция, но видяхме, че набира пара през последните няколко години и ще продължи да расте през 2017 г., така че определено си струва да се разгледа по-отблизо.
21.4. Изрязване
По-минималистичен от тази тенденция никога не се случва. Показва само това, което е достатъчно да посочите в логото, за да разпознаете компанията, и нищо друго.
21.5. Геометричен
Тази тенденция е от категорията Old school, но е един от онези стилове, които определено никога няма да умрат.
21.6. Линейно изкуство
Тази тенденция е популярна сред следващото поколение бизнеси.
Автори: Сам Хили; Андреа Шлафер; Яцек Яничак
21.7. Модели, шарки (Pattern)
Моделите са нова тенденция и това повторение е необичаен начин да накарате един бизнес да се открои и да се открои от конкуренцията. Тази оригинална посока може да се използва и при представянето на лога.
Автори: Ник Едлин; Станислав Алейников; Лукас Гил Търнър
21.8. Анимирани лога
Моушън дизайнът е популярна тенденция днес и можем да го наблюдаваме във всички области на дизайна.
Заслуги: Хавиер Миранда Нието; Работното сътрудничество
21.9. Реколта
Винтидж стилът все още е в игра. Дори и тази тенденция да е популярна от дълго време, тя все още има какво да каже.
Автори: Роман Додонов; Mingo Ideas Up; Ще опитам още
21.10. Цветни преходи
Градиентите са навсякъде тази година - и лога не са изключение.
21.11. Илюстрации в лога
Илюстрациите са добър начин да направите уникално и персонализирано лого за вашия бизнес. Тази година стават все по-популярни.
Автори: Бодея Даниел; Яцек Яничак
21.12. Фотография в лога
Комбинирането на изображения с типография е много популярно в наши дни. Те работят много добре заедно и това създава контраст между тях.
22. Типографски тенденции
22.1. Голяма, смела и красива типография
Типографията е може би най-важният елемент в създаването на зашеметяващи дизайни. Тази година типографията ще бъде удебелена (удебелена) и голяма с изпъкнали заглавия.
Автори: Александър Лагута
Автори: Куим Марин
проект: Baugasm Series - Pack 4
22.2. Цветови преходи в типографията
Градиентите без съмнение са тенденция днес и ще ги намерите и в типографията.
22.3. Визуална йерархия
Йерархията в типографията е важна във всяка посока на дизайна. С помощта на размера и ширината на шрифта той може лесно да посочи кои думи или заглавия са приоритетни, така че използвайте този фактор, когато създавате вашите текстове. Трябва също да запомните, че можете да постигнете ясна визуална йерархия чрез позицията и цвета на текста.
22.4. Малка типография
Много малък текст обикновено е заобиколен от противоположно цветово пространство, но можете да създадете визуална разлика между цвят или картина, за да изпъкнете текста. Можете също да използвате анимация, за да помогнете на текста да се открои.
Автори: Слава Олейник; Бахаа Самир; Witty Digital
проект: Baugasm Series - Pack 4
22.5. Анимирана типография
Сега анимацията се използва навсякъде и типографията не е изключение. Ако използвате софтуер за движение, тази година няма да сбъркате.
Проект: Gotham Pro Animated Typeface Free
22.6. Типографията среща фотографията
Комбинацията между текст и фотография може да даде страхотни резултати. Вижте тези страхотни примери.
22.7. Геометрични форми и типография
Геометричните форми могат да работят добре с типографията, за да създадат приятно докосване.
22.8. Сдвояване на шрифтове
Използвайте два или повече шрифта заедно. Все още е в тенденция през 2017 г.
———————————
В навечерието на Нова година някой гадае на утайката от кафе и хвърля чехли през раменете. И дизайнерите се опитват да проучат бъдещето и да уловят тенденции, които ще станат основна тема на 2017 г. Ние също ще опитаме. Ще разчитаме не само на вкуса и факта, че „така каза арт директорът“, но и на анализа.
1. Видеото е функционален елемент
Текстовете са твърде трудни, трябва да се концентрирате. Снимките не са информативни. А видеото е вид съдържание, което съвременният потребител на интернет е готов да консумира и да мляска устните си. И когато разкажете на потребителя история – например как е структуриран сложен процес на разработка на уебсайт – използвайте я. Снимайте и покажете как анализатор прави прототипи, а дизайнер рисува макети. Потопете потребителя в историята и отговорете на въпросите, които може да има.
И спрете да хвърляте видео навсякъде, когато клиент поиска нещо спиращо дъха в рамките на бюджета. Видеото за красота е разбитата надежда на потребителя. Гледа и се надява да му покажат нещо полезно, да разкажат история. Но не. Следователно, като декоративен елемент на уеб дизайна, който не изпълнява полезна функция, видеото остава през 2016 г.
да:Видео, което отговаря на въпросите на потребителите и решава задачите на сайта.
Не:Видеото е на заден план, защото е красиво и по принцип всички го правят.
2. Синемаграми вместо видео
Използвайте кинемаграми. Те са по-интересни от статичните изображения, но не вдъхват фалшиви надежди на потребителите, като видеоклипове без сюжет и цел.
Внимателно! Синемаграмите са ужасно лепкави.
3. Шрифтова графика
Друга алтернатива на видеоклиповете и изображенията е тип графика. Той едновременно украсява сайта и го прави по-информативен. Основната грижа тук е качественото съдържание. Но това е съвсем различна история.
4. Иконите са основният декоративен елемент
Защо са ви нужни изображения, видеоклипове и шрифтове, ако можете да добавите "уау" към иконите, които така или иначе ще бъдат на сайта? Сериозно, добавете персонализирана анимация и завършете дотук. Бъдете най-актуалните.
5. Залепваща инфографика
Проблемът с потребителите е, че те стават по-малко постоянни. И забравил, като златна рибка - отиде на сайта, след това телефонът премигна (о, фалшива аларма - просто отблясък на слънцето), върна се към монитора и не може да си спомни какво правят тук. И си тръгват.
Проблемът се влошава всяка година. Следователно задачата на дизайнера е да закачи потребителя и да го накара да взаимодейства със съдържанието, дори ако това са скучни статистики. Особено (!) Ако това са скучни статистики.
Анимирайте го, боядисайте го в ярки цветове, накарайте потребителя да взаимодейства с него - направете всичко, за да стегнете потребителя и да не го пускате до края на страницата.
6. Комбинирана навигация
Все по-популярната техника - комбиниране на хоризонтално и вертикално превъртане - също ще разреди сивото ежедневие на потребителя, ще заинтересува и ще накара замислено да взаимодейства със сайта.
7. Отказ от менюто на хамбургерите
В 99,9% от прогнозите за уеб дизайн за 2015 и 2016 г. авторите обещават, че дизайнерите със сигурност ще се откажат от менюто за хамбургери тази година. Изобщо направо. Е, нека запазим традицията жива и също така да кажем: през 2017 г. менюто за хамбургери няма да е в тенденция, недейте така, уф!
Проблемът с иконата с три ленти е, че не е интуитивна. Тя се разпознава по настърганите кифлички, които вече са взаимодействали с нея и знаят какво се крие зад символа. Но в интернет се появяват повече новодошли: както много малки попови лъжички, така и хора от по-старото поколение. И те не знаят и не разбират иконата на менюто за хамбургер. Те могат само да разберат какво крие тя и къде, по дяволите, е менюто след болезнено преживяване.
Нека бъдем реалисти: малко вероятно е да успеете напълно да се откажете от менюто за хамбургери. Но преди да го поставите, потърсете възможна алтернатива за всеки проект.
studio-spoon.co.jp
8. Рамка около сайта
Популярно решение е да не разтягате сайта на цял екран, а да го поставите в спретната рамка. Хубаво и има свободно място, което може да се изостри за навигация (защо не, след като менюто за хамбургери отмира).
телетайп.онлайн
9. Още емоджи
Колкото по-малко усилия отделя потребителят, за да реагира, толкова по-охотно ще го направи. И реакциите са по-лесни от емоджита. Докато в сайтове можете да харесвате само съдържание, максимумът е да поставите Emotion във Facebook. Но е време да преминете към емоджи, колеги дизайнери.
10. Материално проектиране
Да, той все още е с нас.
11. Повече мобилни на първо място
Броят на потребителите, които разглеждат сайтове от мобилни телефони, расте – следователно подходът Mobile First се възприема по-лесно от клиентите всяка година. Вече не се смята за странен експеримент, а за метод за самооправдание. Така че пригответе се за лавина от сайтове от същия тип, но толкова удобни за мобилни телефони.
12. Повече микровзаимодействия
Уебсайтовете ще абсорбират повече от функциите на мобилните приложения. През 2017 г. ще има шикозни, треперещи микровзаимодействия. Като сърце в Twitter - е, произведение на изкуството zhezh! Искам да жъна от него завинаги. Това ще се увеличи както в Mobile First, така и в класическите проекти.
13. CTA е още по-натрапчив
В името на красотата, дизайнерът калта красотата само на масата и в Dribbble. В други случаи (в тези, за които се плащат пари), маркетолозите му дишат тежко в ухото, които имат нужда от нещо по-ярко тук и по-голям бутон там. Изглежда, че през 2016 г. имаше повратен момент и преосмисляне на тези изисквания – очаквайте големи, сочни, привличащи вниманието CTA блокове през 2017 г. Такива, които търговците нямат какво да добавят към тях.
strv.com
14. Носталгия по 80-те
В изискания интернет дизайнерите пропускат тръбни пиксели с кибритена глава, осем-битов звук от приставката и шум от ламповия телевизор. И да компенсират копнежа си за 80-те и 90-те години в дизайна на уебсайтове. Бъдете в тенденция – добавете киселинни цветове, бъркотия и проблеми към вашите дизайни.
retrominder.tv
15. Отказ от отговорност за снимки
Стоковите изображения вече са на ръба, сериозно. По-лошо меню за хамбургери и по-лесно за подмяна. Така че нека застреляме нашите.
21 век в двора, камон. Телефоните вече са такива, че правят снимки с високо качество. Следователно не е проблем да заснемате служителите или процеса на работа точно сега на телефона си. Основното е времето и желанието да се направи добър проект.
16. Зелените
Момчетата от Pantone вярват, че цветът на 2017 е тази зеленикава зеленина. Нека слушаме и добавяме към нашия списък. 
17. Нов подход към създаването на прототипи
Колкото и прекрасен дизайн да нарисувате, основното е да го представите по такъв начин, че клиентът да се влюби. Или поне го видях, както виждате.
Статичното оформление едва може да се справи с тази задача, така че през 2017 г. трябва да подобрите изкуството на презентацията. Така че веднага, преди оформлението, клиентът вижда всички измислени пей-пейки и не си ги представя в ума си. В противен случай той планира нещо нередно за себе си, създавайки очаквания, които разработчиците не могат да оправдаят.
Сега дизайнерът не е comme il faut просто да рисува и показва картина. Трябва да можете да боравите или с един от инструментите за прототипиране, за да създадете интерактивен шаблон, или да изпомпвате частта за анимация.
Ето вашият арсенал за следващата година, колеги. Но не се карайте с клиент, който иска видеофон. Не пъхайте пикселни елементи и емоджи там, където имате нужда от чист, минималистичен бизнес за електронна търговия. И не бомбардирайте неохотните клиенти на Skype с връзки към тази статия. Използвайте тенденциите разумно - или не ги използвайте изобщо. Както и да е, след три години те ще бъдат напълно актуализирани 🙂
