Немного припозднился с правилами, но лучше поздно, чем никогда, правда?!
Забирайте себе базовые правила дизайна, чтобы больше не косячить 😎
Правило внутреннего и внешнего
Внутренние расстояния между элементами должны быть меньше, чем внешние. Это актуально как для букв и слов, так абзацев, картинок и модулей.
Правило консистентности
Все похожие элементы интерфейса ведут себя одинаково в соответствии с ожиданиями пользователя. Если показывать одни и те же функции при помощи одних и тех же средств, пользоваться продуктом становится заметно проще и удобнее.
Правила радиусов
Если у вас есть два скругленных угла, которые находятся параллельно друг другу, то внешний угол должен иметь больший радиус, который обтекает окружность внутреннего угла
Умеренная цветовая палитра
Плодить десятки оттенков, множество «акцентных» цветов не стоит: лучше ограничиться 3 цветами в макете. Есть вероятность, что за этим цветным полотном пользователь просто не заметит важной для него информации
Правило золотого сечения
Это правило позволяет соблюсти идеальные пропорции, благодаря чему дизайн выглядит гармонично и естественно
Правило третей
Каждый макет делится на три одинаковые части по горизонтали и вертикали. На месте пересечения этих частей мысленно поставьте точки - это и есть ключевые места, куда чаще всего падает взгляд посетителя. Рядом с этими точками и следует размещать самую важную информацию
Не забудьте раздать огня и всем легкого понедельника🔥
#дизайн #design #web #ux
Забирайте себе базовые правила дизайна, чтобы больше не косячить 😎
Правило внутреннего и внешнего
Внутренние расстояния между элементами должны быть меньше, чем внешние. Это актуально как для букв и слов, так абзацев, картинок и модулей.
Правило консистентности
Все похожие элементы интерфейса ведут себя одинаково в соответствии с ожиданиями пользователя. Если показывать одни и те же функции при помощи одних и тех же средств, пользоваться продуктом становится заметно проще и удобнее.
Правила радиусов
Если у вас есть два скругленных угла, которые находятся параллельно друг другу, то внешний угол должен иметь больший радиус, который обтекает окружность внутреннего угла
Умеренная цветовая палитра
Плодить десятки оттенков, множество «акцентных» цветов не стоит: лучше ограничиться 3 цветами в макете. Есть вероятность, что за этим цветным полотном пользователь просто не заметит важной для него информации
Правило золотого сечения
Это правило позволяет соблюсти идеальные пропорции, благодаря чему дизайн выглядит гармонично и естественно
Правило третей
Каждый макет делится на три одинаковые части по горизонтали и вертикали. На месте пересечения этих частей мысленно поставьте точки - это и есть ключевые места, куда чаще всего падает взгляд посетителя. Рядом с этими точками и следует размещать самую важную информацию
Не забудьте раздать огня и всем легкого понедельника🔥
#дизайн #design #web #ux
🔥30❤14👍8
Есть еще эвристики Нильсена. Они помогают улучшить юзабилити сайта. Рассказать про них?
Anonymous Poll
94%
Конечно 🙃
6%
Я умею гуглить 😏
🔥7❤4👍3
Шрифт побольше, фон поярче
Есть еще эвристики Нильсена. Они помогают улучшить юзабилити сайта. Рассказать про них?
Эвристики Нильсена – это основные принципы интерактивного дизайна: знать их полезно, а применять в работе вдвойне полезнее 🔥
Якоб Нильсен – датский гуру юзабилити, который сформилировал в 90-е годы правила работы над интерфейсом.
Якоб Нильсен – датский гуру юзабилити, который сформилировал в 90-е годы правила работы над интерфейсом.
👍15🔥8😱3
Каждый бренд стремится не только сделать запоминающийся сайт и выделиться среди конкурентов, но еще и заякорить собственный шрифт в сознании пользователей.
Сможете ли вы по шрифту определить, о каком бренде идет речь?
Сможете ли вы по шрифту определить, о каком бренде идет речь?
🔥7❤4👍3👎1
В каком варианте перечислены бренды в правильном порядке?
Anonymous Quiz
23%
Chanel, Gucci, Nike, Louis Vuitton, Adidas
31%
Gucci, Louis Vuitton, Nike, Adidas, Chanel
17%
Nike, Adidas, Chanel, Louis Vuitton, Gucci
30%
Louis Vuitton, Gucci, Chanel, Adidas, Nike
🔥5👎3😱3
Собрал для вас подборку полезных плагинов для Figma, которыми пользуюсь на каждом проекте 🙌
Pattern Hero
Perfect Freehand
Looper
Spelll
Snapshot
Не благодарите 🚀
Pattern Hero
Perfect Freehand
Looper
Spelll
Snapshot
Не благодарите 🚀
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17❤4👍4