post __ No comments

    Тренди web-дизайну 2017 (частина 2)

    Loco /29/04/2017 /Корисне, Цікаве по дизайн

    Тренди web-дизайну 2017

    Кожен поважний (і не дуже) заклад, що має відношення до дизайну вважає за необхідне опублікувати своє бачення ( а подекуди і передбачення) модних трендів в дизайні.
    Ми передивились безліч таких статей та пропонуємо Вам вибірку найкращого.
    Звісно із малюнками, щоб було не так сумно)))

    Дякуємо, що не знудились і не зупинились на першій частині статті.

    Отже, продовжимо розглядати модні тенденції у вебі.

    12

    Креативне використання нейтрального простору та сітки (grid)

    Попередні роки привчили дизайнерів до дотримання чітких меж сітки та срогих колонок, однак вже в минулому сезоні ми раптово відкрили для себе елементи, що не вписані в ритм сітки, зсунуті й асиметричні. І ми побачили, що це гарно, чорт забирай!
    Ця тенденція додає ультра-сучасного вигляду веб-сторінкам, тому вона продовжує активно розвиватись у 2017-му.
    13

    Storytelling

    Сторітеллінг - вже знайомий прийом. І, мусимо сказати, досить дієвий.
    Уявіть, ваш сайт розповідає користувачеві справжню історію, яка, врешті-решт, переконує його залишитися на сторінці.
    Дослідження підтвердили, що інформація, надана у вигляді сторітеллінгу засвоюється значно краще, аніж та, яку користувач читає на звичайній текстовій сторінці.
    Сайт: Bagigia
    14

    Lazy Loading (Відкладене «Ліниве» Завантаження)

    Б’ємося об заклад, ви міоьйон разів зустрічали це явище - просто не знали його назви.
    Отже, «ліниве» завантаження дозволяє полегшити сторінки, перевантажені зображеннями. Воно дозавантажує зображення по мірі того, як вони з’являються на сторінці. Тобто, дозволяє вам побачити картинку точно в той час і в тому місці, де це потрібно. Дуже корисна штука.

    Схематично це виглядає приблизно так:

    15

    Split Content (Поділ Контенту)

    Ця тенденція почала набувати популярності в адаптивному веб-дизайні ще з 2015-го. Полягає вона в тому, що екран розділяється на дві або більше частини. Розділений екран покаже глядачеві кілька однаково важливих повідомлень на одній сторінці.
    Швидше за все, такій розподіл можна буде зустріти на багатьох сайтах в цьому році.
    16

    Повноекранні форми зворотнього зв’язку

    І знову гарна новина! Відтепер немає потреби переходити на окрему сторінку щоб заповнити форму зворотнього зв’язаку, адже тепер сучасні сайти оснащено гарненькою повноекранною формою, яка класно адаптується під мобільні пристрої. Дуже зручно і виглядає цікаво!
    17

    Відео всюди!

    Просто неймовірне зростання кількості відеоконтенту спостерігається останнім часом. Відтак, зростають і вимоги користувачів щодо якості такого контенту.
    Відео для сайту можуть бути коротенькими, циклічно повторюватись, але абсолютно точно - вони мають розповідати історію, яка зацікавить користувача.

    Проект: Hillsong
    Автор: Ruslan Siiz
    18

    Не забувати про SEO!

    Гадаємо, не варто нагадувати про важливість SEO для сучасних сайтів.
    Цілком ймовірно, що надзвичайний і найкращий з точки зору дизайну і UI/UX сайт залишиться поза грою без правильної SEO-оптимізації.
    19

    Прихована навігація

    О! Це меню-гамбургер! Як багато суперечок точиться навколо нього і по сьогодні!
    Якщо ви - веб-дизайнер, то 100% чули щось накшталт:
    - А де тут меню?
    - Зробіть нормальне меню, бо мої клієнти не можуть його знайти!
    - А шо це у кутку?
    і т.д.

    Але, популярність використання гамбургеру тільки зростає і, врешті-решт, шановна громада звикне. Нам лише треба трошки зачекати!

    20

    Деталі

    Як там кажуть? Диявол в деталях?
    В цьому сезоні фокус на маленьких деталях! Від навігаційних крапочок у слайдері, до маленьких стрілочок і логотипу в кутку - все це довершує вигляд сайту, тож приділяйте більше уваги деталям!
    21

    Тренди в дизайні Лого

    Тут цілий арсенал цікавої інформації, адже ЛОГО - наше все))))

    Мінімалізм

    Зверніть увагу - всі великі бренди поступово переходять до мінімалістичного варінту власних лого!

    Намальовані / Рукописні лого

    Цей тренд міцно тримається вже кілька років і продовжує бути актуальним. Його дуже полюбили хіпстери, ви також це помітили?
    Логотипи такого кшталту личитимуть кафе та ресторанам, барбер-шопам та різноманітним арт-кафе, тощо.

    Лого із негативним простором

    Особисто у нас такі роботи викликають захоплення!

    Це досить старий тренд, але в цьому сезоні він знову у фокусі, тому на цю тенденцію слід також звернути увагу.

    Cropping або Витинання

    Цей прийом - наймінімалістичніший з усіх, адже він відсікає все зайве. Ви бачите рівно стільки, скільки необхідно, щоб здогадатись про що говорить логотип - не більше.

    Знову геометрія

    Це звісно олдскул, але не сказати про нього ми не могли. Геометрія, як і Ілліч - живіше всіх живих))))))

    Лінійні логотипи (Line Art)

    Ця техніка відносно нова і популярна серед молодих та прогресивних брендів 😉

    Паттерни

    Використання паттернів в логотипах - це нова техніка. Очі ще не звикли до таких логотипів, тому це дуже вигідний варіант, щоб виділити свій бренд!

    Анімовані лого

    Моушн дизайн - це над-актуальний тренд цього сезону. Ми зустрічаємо його фактично в усіх напрямках веб. Логотипи - не виключення.
    Дизайнери: Javier Miranda NietoThe Woork Co

    Вінтаж

    Вінтажні логотипи все ще в тренді. Здавалося, вони мали б вичерпати себе, адже тренд далеко не новий, проте вони у грі ще мають що нам сказати 🙂

    Градієнти

    Градієнти всюди цього сезону! Навіть в логотипах!

    Логотипи з ілюстраціями

    Додайте невеличку ілюстрацію до логотипу - це гарний варінт унікалізувати свій бренд. До того ж, досить популярна фішка в цьому році.

    Фото в логотипі

    Мікс фотографії і лого - це новий, супер-пулярний зараз тренд. Фото та логотип створюють неочікуваний, цікавий ефект, чудово поєднуються + додають контрасту. Це дійсно крута штука!
    22

    Тренди в типографіці

    Велика, жирна та надзвичайна типографіка!

    Не буде перебільшенням сказати, що типографіка - один із найважливіших елементів у створенні хорошого дизайну. Цього року типографіка буде велика за розмірами, товстенька і готова вголос завити про себе )))
    Дизайнер: Alexander Laguta
    Дизайнер: Quim Marin
    Автор: Vasjen Katro

    Градієнт

    Ми вже говорили, що градієнти цього року всюдисущі?
    Ось вам доказ.
    Дизайнер: The Woork Co

    Візуальна ієрархія

    Ієрархія типографіки дійсно важлива у всіх областях дизайну. Розмір і вага шрифту можуть легко вказати, які слова або букви є найбільш важливими, тож майте на увазі цей аспект при створенні тексту. Пам'ятайте також, що досягти чіткої візуальної ієрархії можна завдяки положенню і кольору тексту.

    Крихітна типографіка

    Супер маленький текст, зазвичай, оточений негативним простором. Проте, ви можете створити власний елемент дизайну завдяки контрасту між кольором тексту та фоном. Такж сміливо використовуйте анімацію, щоб акцентувати увагу на тексті.
    Автор: Vasjen Katro

    Анімація

    Анімація, анімація, ще раз - анімація!
    Проект: Gotham Pro Animated Typeface Free

    Типографіка + фотографія

    Не менш цікаве поєднання фотографії і типографіки. Погляньте, як класно це може виглядати!
    Дизайнер: Quim Marin

    Геометричні форми та типографіка

    Типографіка також чудово поєднується із геометричними елементами.
    Дизайнери: Quim Marin / ? Studio—JQ ?

    Декілька шрифтів

    Використання двох або більше шрифтів разом ще в тренді в цьому році. Подивіться деякі цікаві приклади, можливо знайдете натхнення для своїх проектів.

    Кінець!

    Автори оригінальної статті: Loredana Papp-Dinea / Mihai Baldean
    Перекладено й доповнено: Loco Design dept.