7 приемов создания шикарных интерфейсов (medium.com)
Эрик Кеннеди делится приемами, которые он освоил, работая дизайнером:
- Псевдообъемные элементы. Некоторые элементы — такие как кнопки — как бы торчат из экрана наружу. Другие — радиокнопки или нажатые кнопки — наоборот, вдавлены в него. Понять, как ведут себя тени возле этих элементов, помогает простое правило: свет падает сверху. Это значит, что на выпирающих элементах тень должна быть внизу, а на вдавленных — вверху.
- Начать с черно-белого. Чтобы интерфейс выглядел «чисто», следует начать с простого черно-белого дизайна, а потом по необходимости добавлять в него цвета. Можно добавить один основной цвет или выбрать цветовую схему.
- Много пустого пространства. Большие отступы между элементами и большое количество свободного пространства делают интерфейс проще.
- Наложение текста на картинку. Чтобы текст, наложенный на картинку был читаемым, применяют один из нескольких методов: накладывают темный полупрозрачный слой поверх картинки, размывают изображение или применяют scrim — смягчение изображения. Всё это можно делать как со всей картинкой, так и только с областью под текстом.
- Стилизация текста. Есть переменные, которые можно менять у текста: размер, цвет, жирность, курсив, капитализация, межбуквенное расстояние, отступы. Их изменение делает текст более заметным (крупнее, контрастнее, жирнее) или менее заметным (меньше, неконтрастнее, тоньше). Чтобы все надписи выглядели сбалансированно, нужно, повышая заметность одним способом, понижать его другим. Например, для крупной надписи с большими отступами можно выбрать более тонкое начертание и менее контрастный цвет. Исключение — заголовок страницы, к которому можно применять только методы повышения заметности.
- Хорошие шрифты. Автор рекомендует Ubuntu, Open Sans, Bebas Neue, Montserrat, Raleway, Cabin, Lato, PT Sans. Все они, кроме Bebas Neue, доступны на Google Fonts.
- Учиться у других. На Дрибле и других ресурсах, где дизайнеры выкладывают свои работы, можно смотреть, как реализуют различные элементы дизайна. Нет ничего плохого в том, чтобы заимствовать чужие решения.
Поделиться ссылкой:
ВКонтакте
Твиттер
Фейсбук
14 августа 2016 21:50