5 умирающих трендов в графическом дизайне

1. Неоморфизм как вариант скевоморфизма

Почему это умирающий тренд:
- низкая функциональность;
- неудобно использовать мобильное устройство вне помещения;
- недоступность для людей с нарушениями зрения.

Неоморфизм, – пожалуй, самый молодой тренд в этом списке. Эксперты предсказывали ему большое будущее в 2020 году, отмечая визуальную изысканность, благородную сдержанность (в частности наличие небольшого количества цветов) и возможность имитировать визуальный опыт из реального мира.

Что же пошло не так? Оказалось, минималистичный неоморфизм сложно использовать в продуктовом дизайне или создании айдентики из-за его мягких теней, низкой контрастности и очень ограниченной цветовой палитры. У людей с нарушениями зрения возникают сложности с таким дизайном. Кроме того, нужно больше времени, чтобы привыкнуть к навигации, поскольку в этом случае интерактивные элементы не сильно отличаются от остального дизайна.


2. Классические плоские или трехмерные иллюстрации

Почему это умирающий тренд: безличность.

Сначала в тренде были милые 2D-иллюстрации. Обычно их создавали в формате векторов, что позволяло перекрашивать картинки в зависимости от ваших фирменных цветов или дизайна сайта. Эти изображения стали альтернативой фотографиям: они оказались хорошим решением для адаптивного дизайна за счет меньшей детализации и легкости масштабирования. Кроме того, двухмерные иллюстрации позволяли экономить ресурсы пользовательских устройств и ускорить загрузку сайта.

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


3. Закругленные углы и органические формы

Почему это умирающий тренд:

- затрудняет понимание иерархии элементов страницы;
- чрезмерное использование запутывает пользователей и приводит к более высокому проценту отказов.

С психологической точки зрения большинство людей положительно реагируют на округлые органические формы как в реальном мире, так и в цифровых интерфейсах. Причина в том, что закругленные углы кажутся нам безопасными по сравнению с острыми углами и линиями.
К сожалению, в наши дни этой особенностью человеческого восприятия часто злоупотребляют, убирая из дизайна сайтов и приложений все возможные четкие линии и углы. Такой подход создает визуальный беспорядок и не дает пользователям понять, как перемещаться по странице.


4. Неестественно яркие цвета и фильтры, которые усиливают контраст

Почему это умирающий тренд:

создает визуальный беспорядок при чрезмерном использовании;
снижает лояльность клиентов, поскольку все выглядит нереалистично;
глаза пользователей быстро устают, что приводит к более высокому показателю отказов.

Яркие объекты на экране легко обращают на себе внимание, а фотографии или иллюстрации с теплыми и контрастными цветами выглядят более привлекательно, чем изображения с холодными и приглушенными оттенками.

Альтернативой могут стать более естественные цвета, вдохновленные природой, которые дарят ощущение спокойствия во время интернет-серфинга. Также нужно обратить внимание на пару оттенков, которые Pantone объявили цветами 2021 года, и главный оттенок от Dulux – Brave Ground.

5. Темная тема и пользовательские фоны


Почему это умирающий тренд:

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

Существует два подхода к использованию темных тем в дизайне сайтов и приложений. Некоторые дизайнеры создают темный режим, чтобы сделать продукт более гибким и удобным. Пользователи могут перейти на него или настроить автоматическое переключение, чтобы не беспокоить других людей ночью светом своих экранов. Темный режим также используется, чтобы повысить энергоэффективность мобильных устройств.

Многие веб-сайты возвращаются сейчас к белому фону. Темный режим остается там, где он действительно пригодился.

Источник

​​Axe Mode - React библиотека для обнаружения проблем с доступностью

#jslib #javanoscript #react #frontend #webdev #a11y

Подборка сайтов, с бесплатными иллюстрациями на любые темы

А если знаете еще классные ресурсы – добавляйте в комментарии! Будем расширять статью.

Забирай себе чтобы не потерять✅
1) Free 3D icon – Интересные Бесплатные 3д иконки;

2) Design Doodles – 300 бесплатных векторных дудлов до 1 мая;

3) 10Clouds – Здесь набор из 12 качественных иллюстраций (на тему Валентина);

4) Morqua – Несколько бесплатных интересных наборов;

5) Power People – Набор аватарок человечков;

6) Flatobjects – 2 набора мелких предметов (тематика кухня и стройка);

7) Download Illustrations – Что-то вроде небольшого стока с различными иллюстрациями на любой вкус;

8) Freepik – Довольно известный, мощный сток, где есть хорошие бесплатные векторы, PSD и фотографии.

#полезность

Когда был представлены метрики Web Vitals ребята из Google упомянули, что они будут учитываться при ранжировании результатов поиска. Вчера была опубликована статья, рассказывающая о том, когда это произойдёт — "More time, tools, and details on the page experience update".

Новый фактор ранжирования, учитывающий производительность, будет выкатываться постепенно, начиная с середины июня этого года до конца августа. Google напоминает, что это один из многих факторов, поэтому значительного изменения выдачи ожидать не стоит. Для упрощения поиска проблемных страниц в Google Search Console появятся новые отчёты со статусом страниц, учитывающих их производительность.

Также в этой статье было сделано несколько смежных анонсов. С середины июня сайтам не обязательно распространять свой контент в виде AMP, чтобы попасть в раздел "Top Stories" (новости), учитываться будет только скорость загрузки страниц. Значки AMP-страниц будут удалены из результатов поиска. Signed Exchanges (SXG) можно будет подключить к любым страницам. Благодаря SXG сайты могут делегировать распространение контента другому сайту, сохраняя URL оригинального сайта (поддержка SXG есть только в Chromium).

#performance #seo #google

https://developers.google.com/search/blog/2021/04/more-details-page-experience

Дизайн настольных ламп из 70х. Дизайнер Elio Martinelli

Автор, конечно же Пабло Рочат

Никто:
Мария Певчих: где обложки с Навальным?!
Зе Вилладж: я сделаль!