Информационные технологии

UX/UI-дизайнер: skillbox современного специалиста

Дизайнеры часто спешат перейти к созданию крутого интерфейса и добавлению анимации, прежде чем усовершенствовать базовые навыки. Ux.pub рассказал, какой базовый skillbox стоит отточить, чтобы перейти к более сложному уровню прокачки навыков. Делимся с вами полезной информацией.

Умение правильно располагать объекты

Дизайнеры чаще всего используют два метода размещения элементов на странице: жёсткую (базовую) или мягкую сетку. Жёсткие выравнивают контент по установленной вертикальной сетке, а мягкие — определяют пространство между элементами на странице.

С жёсткой сеткой (8px или 4px) легче отслеживать поля и отступы для каждого элемента. Можно привязать эти контейнеры к сетке, как кусочки пазла.

А вот мягкая не так сильно ограничивает дизайнеров. При разработке интерфейса языки программирования не используют ​​структуру сетки. Это удобно, ведь не нужно подстраивать контент под интервал и ускоряется процесс проектирования.

Создаём вместе портфолио начинающего дизайнера

Умение подбирать идеальную цветовую палитру

Цветовые темы должны смотреться гармонично и помогать различать объекты интерфейса друг от друга. Для этого стоит отталкиваться от фирменного цвета компании, психологических и маркетинговых исследований. Важно подобрать системные цвета для различных элементов: фона, текста, ошибки и так далее. Неплохо поработать с оттенками и создать палитру из базовых цветов для интерфейса, используя специальные инструменты (например, Google color tool). К слову, рекомендуемый коэффициент цветового контраста должен быть не менее 4,5:1.

Умение соблюдать пропорцию шрифтов

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

Для начала необходимо выбрать шрифт (например, в Google Fonts или Adobe Fonts), но не более двух для одного интерфейса. Лучше использовать шрифты из одного семейства, потому что они ориентированы на совместную работу (гибкие и согласованы друг с другом). Важно задать базовый размер font для основного текста и подходящую высоту строки (обычно в 1,5 раза больше размера шрифта). Не забудьте установить шкалу для заголовков h1, h2, h3, основного текста, кнопок и т. д. Для этого значение масштаба умножается на базовый размер шрифта. Обычные шкалы для font: 1.250x, 1.414x, 1.5x, 1.618x. Важно протестировать с разными масштабами на разных по размеру устройствах, чтобы выбрать оптимальное значение.

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. Перепечатка материалов возможна только с письменного согласия редакции.

Привет! Ты уже записался на наши итоговые занятия перед ЦТ? Такие занятия мы проводим уже четвёртый год, и преподаватели нашего учебного центра научились достаточно точно предсказывать, какие вопросы будут на ЦТ. На этом занятии мы прорешаем их вместе с тобой! Регистрируйся, если еще не сделал этого — и увеличь свои шансы на поступление!