7 Тенденцій в веб-дизайні, які не можна упустити в 2017 році
Погодьтеся, це пору року, коли кожен починає думати про щось "новому". Новий рік. Нові рішення. Нові тенденції в дизайні.
Поки ми не можемо з упевненістю сказати, які концепції і тренди стануть головними в році, що наступив, але вже є деякі показники. Тенденції останніх років часто допомагають зрозуміти про прийдешні трендах в веб-дизайні. Деякі з них будуть управлятися безпосередньо девайсами, інші тенденції - переробка частин і елементів того, що ми вже бачили в минулому. У будь-якому випадку, Новий рік - це прекрасний час, щоб зробити крок назад і подумати про нові і свіжих елементах дизайну, які ви плануєте спробувати в цьому році.
1. БІЛЬШЕ шрифти із зарубками
Посунься Helvetica, нова група шрифтів візьме на себе верховенство в дизайні веб-сайтів. Великі і жирні шрифти лідирували, тому що безліч створених дизайнів використовували сильні головні зображення з накладеним текстом.
Велика частина з цих проектів були спрямовані на варіанти використання шрифтів без зарубок. Але більше такого немає!
Шрифти із зарубками можуть стати прекрасною альтернативою шрифтів без зарубок, які домінували в веб-дизайні протягом багатьох років. Цим змінам є своя причина.
Шрифти санс-шериф вже давно мали на увазі деякі зміни в бік більш читаються. У той же час шрифти із зарубками і тонкі чергуються штрихи можуть розпадатися при певних розмірах або дозволах екрану. З огляду на той факт, що все більше людей мають екрани з високим дозволом на своїх пристроях, це призводить до підвищення читабельності текстів і написів. Так що вперед - використовуйте шрифти із зарубками собі на втіху!
2. ТЕМНАЯ ЕСТЕТИКА
У той час як в 2015 і 2016 роках ми могли бачити багато мінімального дизайну сайтів з білими або світлими фонами, темний фон повертається в моду.
Те, що робить цей тренд воістину привабливим, так це простий провал естетики, щоб стати новою тенденцією, де світлі елементи стають темними, а темні перетворюються в світлі. До тих пір поки ваш акцентував колір забезпечує гідний контраст, він може стати цікавим способом запалити новий інтерес до старого дизайну.
Інші речі, які починають з`являтися при створенні темних сайтів це більш монотонна колірна палітра з усього лише кількома квітами або ж кольором, який призначений тільки для фотографій. І хоча спочатку може здатися, що сайт немов застиглий, в результаті придивившись до дизайну, ви зрозумієте, що контраст між темними і модними кольорами є відмінним рішенням, щоб привернути увагу і стимулювати призначене для користувача взаємодія.
3. ПРИРОДНА І НЕЙТРАЛЬНА КОЛІРНА ПАЛІТРА
Інститут Рantone вибрав колір року, який став натуральним і нейтральним - Greenery (зелень). І якщо те, що ми вже встигли вивчити за попередні роки, залишилося незмінним, то саме цей колір і стане основною тенденцією 2017 року. Кольори року Рantone часто формують колірні тенденції на майбутній рік, але не демонструють тенденції, які приходять і йдуть.
Більш природні або нейтральні палітри продовжують грати з мінімальною естетикою, даючи дизайнерам відтінок кольору без переходу на супер-яскраву палітру. Багато колірні варіанти включають в себе природні відтінки - зелені, коричневі і сині. Або ж натуральний металік, такі як золоте, сіре і рожеве золото.
4. ГЕОМЕТРИЧНІ ДЕТАЛІ
Кола, квадрати, трикутники - геометричні акценти все більше захоплюють веб-дизайн. Хороші геометричні візерунки не так очевидні і забезпечують користувачам підказки для взаємодії, роблячи контент більш легким для читання і навігації, а також забезпечуючи цікаву візуальну майданчик для кнопок і закликів до дії.
Хитрість, щоб змусити цей тренд працювати, полягає в простоті. Чи не морочитися занадто на цьому! Якщо вам подобаються кола, наприклад, розгляньте можливість їх використання для одного типу елементів всього дизайну. Цю форму можна зробити відмінним контейнером для іконок або рамкою для фотографій членів команди і співробітників.
Інший варіант полягає у використанні геометрії для створення цікавого фонового зображення в стилі печворк. Більш дрібні форми можуть здаватися вишуканими і світлими за допомогою блідих квітів або насиченими і енергійними з яскравими фарбами.
Об`ємні фігури може бути не так легко встановити на перший погляд, але вони можуть стати хорошим способом, щоб додати колір або контраст в потрібних місцях, таких як накладення кольору, яке було використано на головній сторінці Hive Boxx для виділення продукту на зображенні.
5. ВЕЛИЧЕЗНІ ШРИФТИ
Незважаючи на те, що деякі дизайнери використовували об`ємну типографіку протягом всього лише деякого часу, написи, що знаходяться перед вашими очима, продовжують ставати більше і сміливіше. Від домашніх сторінок з одним словом, які просять користувачів рухатися по дизайну інтуїтивно до слів, написаних цікавими шрифтами або з вкрапленнями кольору, текст як і раніше залишається важливішим, ніж будь-коли.
Причина такого вибору шрифту, звичайно ж, привернення уваги. Кожен дизайнер повинен придумати спосіб, як змусити свій дизайн виділитися на тлі інших. Що швидше за все приверне увагу кого-то в переповненій веб-середовищі? Цілком ймовірно, що щось інше. Щось з великим контрастом або супер-сильним візуальним ефектом.
Величезні написи часто можуть відповідати всім вимогам. Beat Cycling просунув велику роботу з типографікою. Їх шрифт цікавий і натякає на несподіване, в той же час вибір кольору затягує вас всередину дизайну.
6. ВИРТУАЛЬНАЯ РЕАЛЬНІСТЬ
Віртуальна реальність, схоже, це все те, про що ми говоримо в ці дні. Пристрої мають певний крутий фактор, і ведеться багато розмов про те, як створювати дизайн для цього унікального користувацького досвіду, заснованого на цих самих пристроях. Ви просто можете підробити його!
Сюди входить все: від ігор до 360-градусного відео. Єдине реальне подібність таких дизайнів полягає в тому, що їх мета змусити користувача відчути себе частиною всього цього, частиною цього прекрасного досвіду, в результаті чого вони просто не хочуть покидати цей уявний світ.
Поки що не існує конкретних правил того, як все це виглядає. Діапазон проектів з віртуальною реальністю широкий - від реалістичного відображення чогось до анімованих фантазій. Все залежить тільки від типу користувачів, який ви хочете залучити на сайт.
7. НОВІ ШАБЛОНИ НАВІГАЦІЇ
Дизайнери експериментували з різними шаблонами навігації. Протягом деякого часу здавалося, що меню просто прив`язана до верхньої частини сторінки. Однак стандартний для мобільних пристроїв прихований перехід меню стає вже звичним і для веб-сайтів на десктопних екранах.
Цей, здавалося б, невеликий зсув повністю змінює перспективу сайту і розмір полотна, який створюється. Приклад тому гладка бічна навігація на сайті Okinawa. Це створює різні типи просторів, які можуть бути візуально цікавими навіть без багатьох інших родзинок.
Прихована навігація, яка спливає в повноекранному меню це стиль, який, швидше за все, буде рулити в 2017 році. Даний шаблон користувачі вже зрозуміли і прийняли через широкого використання на мобільних пристроях. Знову ж користувачі настільних ПК вільно взаємодіють з цим стилем навігації і більше не возяться з прилиплими іконками меню: вони можуть спокійно пересуватися по всьому сайту, не заважаючи іншому контенту.
