G
Gustav
Команда форума
Администратор
- Сообщения
- 26.497
- Реакции
- 53.570
Правила создания качественного плоского дизайна
Невидимый дизайн
Продумайте дизайн и уберите все лишнее.
Вам нужно добиться того эффекта, когда юзер не будет задаваться вопросом «а зачем это окошко здесь, а куда что писать». Ваша цель — помочь человеку быстро получить ожидаемый результат.
Хороший пример правильно оформленной страницы — это сайт Dropbox:
Яркие цвета
Цвета — это важная часть эффективности плоского дизайна
Цвет является большой частью проектирования плоского дизайна — ведь он в основном определяет, как будет выглядеть ваша страница сайта или приложение. Цветовые палитры в плоском дизайне чаще всего ярче и насыщеннее в сравнении с остальными сайтами.
Советы:
За помощью в выборе цвета лучше обратиться на эти сайты
Лучше использовать цвета ненасыщенные, так вы побережете глаза пользователей.
Используя мягкие цвета, проще сконцентрировать внимание человека на важных деталях.
Концентрация на типографии
Дизайн для эстетики
Шрифт должен сообщать пользователям, что самое важное на странице. Чем проще используется шрифт, тем лучше для чтения и скорости загрузки, не говоря уже о том, что мы проектируем сайт в минималистичном стиле.
Советы:
Motion-анимация
Motion делает плоский дизайн более ориентированным на пользователя.
Простота плоского дизайна отлично работает с motion. Пользователи во время взаимодействия с сайтом или приложением могут задавать следующие вопросы:
Иллюстрации
Картинки рассказывают лучше и быстрее, чем слова, поэтому их использование жизненно необходимо!
Плоский дизайн имеет все функции, чтобы сделать сайт интересным и функциональным при этом оставляя его красивым.
Невидимый дизайн
Продумайте дизайн и уберите все лишнее.
Вам нужно добиться того эффекта, когда юзер не будет задаваться вопросом «а зачем это окошко здесь, а куда что писать». Ваша цель — помочь человеку быстро получить ожидаемый результат.
Хороший пример правильно оформленной страницы — это сайт Dropbox:
Яркие цвета
Цвета — это важная часть эффективности плоского дизайна
Цвет является большой частью проектирования плоского дизайна — ведь он в основном определяет, как будет выглядеть ваша страница сайта или приложение. Цветовые палитры в плоском дизайне чаще всего ярче и насыщеннее в сравнении с остальными сайтами.
Советы:
За помощью в выборе цвета лучше обратиться на эти сайты
You must be registered for see links
и
You must be registered for see links
. Лучше использовать цвета ненасыщенные, так вы побережете глаза пользователей.
Используя мягкие цвета, проще сконцентрировать внимание человека на важных деталях.
Концентрация на типографии
Дизайн для эстетики
Шрифт должен сообщать пользователям, что самое важное на странице. Чем проще используется шрифт, тем лучше для чтения и скорости загрузки, не говоря уже о том, что мы проектируем сайт в минималистичном стиле.
Советы:
- Рассмотрите простые семейства шрифтов sans serif с большим количеством стилей. Эти шрифты делают сайт свежим и легким.
- Цветовой тон шрифта должен совпадать с общим дизайном сайта.
Motion-анимация
Motion делает плоский дизайн более ориентированным на пользователя.
Простота плоского дизайна отлично работает с motion. Пользователи во время взаимодействия с сайтом или приложением могут задавать следующие вопросы:
- Что здесь самое важное?
- Как я узнаю, что делать дальше?
- Как мне узнать, что я закончил задание?
Иллюстрации
Картинки рассказывают лучше и быстрее, чем слова, поэтому их использование жизненно необходимо!
Плоский дизайн имеет все функции, чтобы сделать сайт интересным и функциональным при этом оставляя его красивым.
