Приёмы которые уничтожат любой дизайн.
1. Векторные силуэты
Присутствие силуэтов визуально старит любой дизайн и заставляет вспомнить о временах когда возможности дизайна были скромными.
2. Тяжёлые тени
Тени это наши лучшие друзья, но когда дизайн делает новичок тени часто агрессивно используются.
3. Тяжёлые градиенты
Нужно внимательно подбирать цвета друг к другу для градиента. Не все цвета подходят друг другу для гармоничной картинки. Градиент может казаться тоскливым, тяжелым, серым.
4. Неестественные фото
ЦА должны легко ассоциироваться себя с людьми на фотографии. Всегда нужно следить за качеством PNG.
5. Слабая типографика
Если весь текст только жирный, курсив и т.д., то это ошибка в 99% случаев. Нужно понимать, зачем мы хотим выделить определённый текст.
6. Неуместные фигуры
Композиция должна воедино связывать все наши элементы: текст, графику, цвета.
Основная опасность это разновидность композиционных приёмов. Частая проблема это волнообразные плавные линии, которые могут не вписываться в дизайн.
1. Векторные силуэты
Присутствие силуэтов визуально старит любой дизайн и заставляет вспомнить о временах когда возможности дизайна были скромными.
2. Тяжёлые тени
Тени это наши лучшие друзья, но когда дизайн делает новичок тени часто агрессивно используются.
3. Тяжёлые градиенты
Нужно внимательно подбирать цвета друг к другу для градиента. Не все цвета подходят друг другу для гармоничной картинки. Градиент может казаться тоскливым, тяжелым, серым.
4. Неестественные фото
ЦА должны легко ассоциироваться себя с людьми на фотографии. Всегда нужно следить за качеством PNG.
5. Слабая типографика
Если весь текст только жирный, курсив и т.д., то это ошибка в 99% случаев. Нужно понимать, зачем мы хотим выделить определённый текст.
6. Неуместные фигуры
Композиция должна воедино связывать все наши элементы: текст, графику, цвета.
Основная опасность это разновидность композиционных приёмов. Частая проблема это волнообразные плавные линии, которые могут не вписываться в дизайн.
This media is not supported in your browser
VIEW IN TELEGRAM
Feldman Studio - Multi gesture interaction scroll
Added by Awwwards to UI Animation and Microinteractions
Added by Awwwards to UI Animation and Microinteractions
Семь способов прокачать насмотренность
Вдохновляйтесь, а не копируйте.
Крутым инструментом для вашей креативности послужит следующее упражнение.
Выберите экран сайта, для этого подойдет ресурс Pinterest, и обдумайте как бы выглядел остальной сайт. И Вы научитесь развивать с одного экрана визуализацию всего сайта.
Собирайте мудборды
Такие библиотеки могут спровоцировать Ваш творческий процесс. Можно подойти креативно, и сохранять в разные подборки: главные экраны, кнопки. В любой момент можно будет вернуться к данным подборкам.
Следите за смежными отраслями.
Веб- дизайн - сфера новая, которая пришла на смену устоявшимся постерам, книгам, газетам.
К примеру, у полиграфического дизайна есть чему научиться. Сетки с полиграфического дизайна можно применять и тут, вдохновившись ими на решения.
Не нужно ограничивать себя только другими веб-дизайнами.
Следите за новостями в социальных сетях.
В социальных сетях подпишитесь на тех, кто связан с дизайном, создателей контента. Сможете проводить время в социальных сетях с пользой и тренировать свою насмотренность.
Вдохновляйтесь, а не копируйте.
Крутым инструментом для вашей креативности послужит следующее упражнение.
Выберите экран сайта, для этого подойдет ресурс Pinterest, и обдумайте как бы выглядел остальной сайт. И Вы научитесь развивать с одного экрана визуализацию всего сайта.
Собирайте мудборды
Такие библиотеки могут спровоцировать Ваш творческий процесс. Можно подойти креативно, и сохранять в разные подборки: главные экраны, кнопки. В любой момент можно будет вернуться к данным подборкам.
Следите за смежными отраслями.
Веб- дизайн - сфера новая, которая пришла на смену устоявшимся постерам, книгам, газетам.
К примеру, у полиграфического дизайна есть чему научиться. Сетки с полиграфического дизайна можно применять и тут, вдохновившись ими на решения.
Не нужно ограничивать себя только другими веб-дизайнами.
Следите за новостями в социальных сетях.
В социальных сетях подпишитесь на тех, кто связан с дизайном, создателей контента. Сможете проводить время в социальных сетях с пользой и тренировать свою насмотренность.
Основные правила веб-дизайна
Дизайн должен быть единым, независимо от платформы.
Сайт могут посетить с разных устройств: телефон, ноутбук, планшет. Работая над UX заключается в предоставление для всех людей одинаковой версии сайта на разных устройствах.
Сайт должно быть удобно использовать с разных устройств.
Просто и понятно
Пользователи должны легко разбираться в твоем сайте.
Структура сайта должна быть простая, а навигация очевидной.
Цвет ссылок
Ссылки это ключевой элемент в процессе навигации. Нужно менять цвет посещенной ссылки, чтобы пользователь случайно не зашел снова по той же ссылке.
Ссылки нужно проверять
Пользователь может потерять доверие к сайту если ссылка будет выдавать ошибку 404.
Простой поиск по страницам
Впервые когда пользователь открывает сайт и смотрит лишь глазами, не читая текст. Пользователь ищет решение своей проблемы, а дизайнер должен помочь ему в решение проблемы чем правильную визуальную иерархию.
Визуальная иерархия - расстановка элементов по их важности.
Дизайн должен быть единым, независимо от платформы.
Сайт могут посетить с разных устройств: телефон, ноутбук, планшет. Работая над UX заключается в предоставление для всех людей одинаковой версии сайта на разных устройствах.
Сайт должно быть удобно использовать с разных устройств.
Просто и понятно
Пользователи должны легко разбираться в твоем сайте.
Структура сайта должна быть простая, а навигация очевидной.
Цвет ссылок
Ссылки это ключевой элемент в процессе навигации. Нужно менять цвет посещенной ссылки, чтобы пользователь случайно не зашел снова по той же ссылке.
Ссылки нужно проверять
Пользователь может потерять доверие к сайту если ссылка будет выдавать ошибку 404.
Простой поиск по страницам
Впервые когда пользователь открывает сайт и смотрит лишь глазами, не читая текст. Пользователь ищет решение своей проблемы, а дизайнер должен помочь ему в решение проблемы чем правильную визуальную иерархию.
Визуальная иерархия - расстановка элементов по их важности.
