Сегодня я хочу поделиться идеями, на которые меня вдохновил материал Как не облажаться с дизайном.
Я часто продумываю экраны приложений, ведь удобство и вид решающие при первом запуске приложения. Так что хочешь или нет, но какие-то вещи начинаешь понимать и даже видишь ошибки у других. Так что тут основные элементы, на которые стоит обращать внимание.
Используйте больше контраста
Почти черный воспринимается лучше черного
Спорить сложно, что напряжение при чтении левого ощутимее. Так что надо будет и у себя попробовать: #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, где можно посмотреть и оценить проекты других людей. И там есть на что посмотреть.
