#дизайн #IT #советы
Стратегия создания крутого дизайна может отличаться и часто сводится к тому, что для Вас важнее - минимализм или роскошь. Тем не менее, вот 7 простых шагов как круто приукрасить Ваш продукт
1. Используйте цвет и вес для создания иерархии вместо размера шрифта
Одна из частых ошибок стилизации текста в слишком упорном использовании размера текста для создания иерархии. Формата - "Если этот текст важен для юзера, сделаем его больше"
Посмотрите на примеры выше, и в следующий раз используйте цвет и вес шрифта (жирность), для достижения более гармоничного эффекта.
Придерживайтесь двух-трех цветов:
🔹Темный (но не черный) для основной информации (например Заголовок)
🔹Серый для второстепенного контента (например дату статьи)
🔹Светло-серый для дополнительной информации (например имя автора)
Два типа жирности вполне достаточно для элегантного и минималистичного дизайна.
2.Не используйте серый текст на цветном бэкграунде
Серый цвет на цветном фоне смотрится не очень и приводит к уменьшенному контрасту.
Приближение текста к цвету фона это именно то, что помогает достичь иерархии.
Некоторые способы включают уменьшение прозрачности белого цвета и выбор цвета текста схожего с фоном.
3. Правильно применяйте тени
Вместо использования большого размытия теней, добавьте смещение тени по вертикали. Это создаст более натуральную тень т.к. это симулирует источник света сверху объекта.
4. Используйте меньше границ
Если хотите разделить элементы не обязательно прорисовывать четкие границы. Иногда противоположный способ создает лучший эффект как на примере сверху.
Вместо прорисованной границы элемента, можно использовать тень.
Либо использовать разные цвета для фона.
Или просто добавить свободного пространства между элементами, это смотрится красиво и просто.
5. Не используйте гигантские иконки
Порой маленькие, красиво стилизованные иконки смотрятся гораздо профессиональнее.
6. Используйте акцентированные границы для добавления офигенного эффекта.
Если Вы не дизайнер, а бюджета не хватает для найма профессионалов, этот трюк позволяет добавить красивого эффект вашему продукту.
Судите сами:
7. Не все кнопки нуждаются в фоне
Когда есть несколько действий, ожидаемых от пользователя, не стоит создавать тысячу кнопок разных цветов. Часто придерживание трем форматам приукрашает Ваш дизайн.
🔹Основные действия с ярким и высококонтрастным фоном отлично работают
🔹Второстепенные действия должны быть чистыми и простыми
🔹Дополнительные действия не должны мешать. Простой текст или гиперссылка очень классно здесь подойдут (например кнопка "забыли пароль?")
Если Вам было интересно ставьте палец вверх и подписывайтесь на канал
*переведено с сайта