Дизайнеры часто спешат перейти к созданию крутого интерфейса и добавлению анимации, прежде чем усовершенствовать базовые навыки. Ux.pub рассказал, какой базовый skillbox стоит отточить, чтобы перейти к более сложному уровню прокачки навыков. Делимся с вами полезной информацией.
Умение правильно располагать объекты
Дизайнеры чаще всего используют два метода размещения элементов на странице: жёсткую (базовую) или мягкую сетку. Жёсткие выравнивают контент по установленной вертикальной сетке, а мягкие — определяют пространство между элементами на странице.
С жёсткой сеткой (8px или 4px) легче отслеживать поля и отступы для каждого элемента. Можно привязать эти контейнеры к сетке, как кусочки пазла.
А вот мягкая не так сильно ограничивает дизайнеров. При разработке интерфейса языки программирования не используют структуру сетки. Это удобно, ведь не нужно подстраивать контент под интервал и ускоряется процесс проектирования.
Создаём вместе портфолио начинающего дизайнера
Умение подбирать идеальную цветовую палитру
Цветовые темы должны смотреться гармонично и помогать различать объекты интерфейса друг от друга. Для этого стоит отталкиваться от фирменного цвета компании, психологических и маркетинговых исследований. Важно подобрать системные цвета для различных элементов: фона, текста, ошибки и так далее. Неплохо поработать с оттенками и создать палитру из базовых цветов для интерфейса, используя специальные инструменты (например, Google color tool). К слову, рекомендуемый коэффициент цветового контраста должен быть не менее 4,5:1.
Умение соблюдать пропорцию шрифтов
Важно не просто выбрать красивый шрифт, но и умело использовать его для улучшения читабельности текста, его доступности и иерархии в интерфейсе. Стоит придерживаться следующей рекомендации по масштабированию шрифтов от практикующих дизайнеров.
Для начала необходимо выбрать шрифт (например, в Google Fonts или Adobe Fonts), но не более двух для одного интерфейса. Лучше использовать шрифты из одного семейства, потому что они ориентированы на совместную работу (гибкие и согласованы друг с другом). Важно задать базовый размер font для основного текста и подходящую высоту строки (обычно в 1,5 раза больше размера шрифта). Не забудьте установить шкалу для заголовков h1, h2, h3, основного текста, кнопок
UX/UI-дизайнер — профессия для нетипичных творческих людей
Умение писать эффективный UI-текст
В идеале текст для интерфейса пишут UI-копирайтеры. Если в штате таких сотрудников нет, эта работа ложится на плечи UI/UX-дизайнера. Поэтому специалисту стоит знать о важных нюансах создания текста.
Готовьте текст заранее, чтобы он был оформлен в одном стиле и проверен на ошибки. Ведь проще это сделать в документе, чем потом искать на страницах приложения. Во время создания текста следует быть кратким и любезным, убирать ненужные мелочи. Например, вместо «Только члены Premium подписки имеют доступ к этой функции», лучше оставить «Присоединяйтесь к Premium, чтобы получить доступ». Если фраза описывает цель и действия для её достижения, начните предложение с цели. Вместо «Перетащите фотографию в корзину, чтобы удалить её из этого альбома» используйте «Чтобы удалить фотографию из этого альбома, перетащите её в корзину».
Умение делать варфреймы
UI/UX-дизайнеру важно уметь создавать варфреймы (недетализированное представление дизайна, прототип с низкой детализацией). В этом может помочь такой инструмент, как Whimsical. С этой программой легче и быстрее объединять идеи, получать представления о макете и иерархии дизайна. Простота помогает сосредоточиться на общем опыте и не отвлекаться на мелкие детали, такие как интервалы и цвета.
Must-read для начинающего web-дизайнера
Желание постоянно развиваться
Всегда появляются новые дизайн-тренды, инструменты, библиотеки дизайна, обновления продуктов и всё остальное, что позволяет прокачивать навыки и становиться лучшим специалистом. Поэтому важно не останавливаться в развитии, а отслеживать определённые ресурсы, пробовать новые техники и браться за дополнительные проекты. Ведь опыт и знания повышают ценность сотрудника на рынке труда. А это большой плюс и к имиджу, и к зарплате.
С этой базой skillbox UX/UI-дизайнер сможет успешно продвигаться дальше и осваивать более сложные техники. Сложно освоить азы самостоятельно? Приходи на курсы UX/UI-дизайна в ИТ-школу Адукар и освой современную профессию с нуля!
Спасибо, что дочитал до конца. Мы рады, что были полезны. Чтобы получить больше информации, посмотри ещё:
ИТ-курсы с трудоустройством Адукар
Гуманитариям больше не стоит бояться идти в ИТ
Не пропускай важные новости и подписывайся на наш YouTube, Instagram, Facebook и уведомления на adukar.by.
***
Если хотите разместить этот текст на своём сайте или в социальной сети, свяжись с нами по адресу info@adukar.by. Перепечатка материалов возможна только с письменного согласия редакции.
