Советы по дизайну

Сегодня я хочу поделиться идеями, на которые меня вдохновил материал Как не облажаться с дизайном.

Я часто продумываю экраны приложений, ведь удобство и вид решающие при первом запуске приложения. Так что хочешь или нет, но какие-то вещи начинаешь понимать и даже видишь ошибки у других. Так что тут основные элементы, на которые стоит обращать внимание.

Используйте больше контраста

Почти черный воспринимается лучше черного

Спорить сложно, что напряжение при чтении левого ощутимее. Так что надо будет и у себя попробовать: #333333 RGB (51,51,51)

Важный контент — в начало

Я бы сказал, что в примере нарушен немного иной принцип. Банально отсутствует даже подобие адаптивности. Но по заветам великих (Instagram, Spotify) можно более точно понять этот принцип.

Если хотите на чем-то зацепить внимание – разместите его в самом начале

Выравнивайте все

Картинка говорит за себя. Не хочу хвастать, но в приложениях я всегда старался соблюдать единую систему отступов. Я тоже своего рода дизайнер 😏

Больше воздуха в тексте

Или просто: соблюдайте отступы. Так легче читать и воспринимать текст. При этом даже визуально левый смотрится лучше.

Сначала проектируйте черно-белый вариант дизайна, цвет добавите позже

Как заявлено: Цвет вызывает сильную эмоциональную реакцию и часто мешает нашей способности фокусироваться на проблемах дизайна.

Я лично это не проверял, но теперь попробую.

Создавайте комфортный дизайн

В приложениях стаёт всё больше меню снизу и всё чаще основной функционал доступен именно с нижней части экрана (клавиатура, навигация, меню). Расположить более удачно для пользователя поможет это исследование:

Источник изображения: статья Responsive Navigation: Optimizing for Touch Across Devices

Заимствуйте цветовые палитры

Я уже недавно писал, что подбор цветов очень важен и есть специальные ресурсы для создания палитр. Кроме генераторов есть ещё хороший ресурс Dribbble. Этот сайт отлично поможет в поиске вдохновения, палитр и идей дизайнов. Переходите и посмотрите сами.

Время подбора цветов перебором прошло)

Используйте ресурсы по дизайну от Apple и Google

Несомненно, важно следовать официальной документации по дизайну от вашей системы. У гугла это Material.io, а у Apple Human Interface Guidelines.

Там есть очень много советов, примеров и рекомендаций по правильному оформлению своих продуктов. 

В завершение в этой статье я открыл для себя ресурсы Siiimple.com и land-book.com, где можно посмотреть и оценить проекты других людей. И там есть на что посмотреть.

Добавить комментарий