Материал для графических и UX дизайнеров. Программы и инструменты, которые облегчат работу и даже откроют новые возможности для реализации проектов. Испытано на практике командой WAYUP
В идеале дизайнер только создает проекты и рисует, но в реальной жизни так не бывает. Есть еще масса задач помимо основного направления, от которых не отвертеться.
Особенно если ты работаешь на фрилансе – тут точно нужно быть универсальным солдатом и уметь многое помимо своей специальности. Как минимум ты столкнешься с исследованием аудитории, как максимум – с целым управлением командой.
Что делать, чтобы достойно принять эти вызовы? Иметь подборку разноплановых инструментов, которые пригодятся на профессиональном поприще.
Наша подборка поможет решать как стандартные задачи дизайнера, так и управленческие вопросы.
Подбор цвета, иконок, шрифтов – это рутина, без которой никак нельзя. Есть много вариантов реализации этих задач. Бывалый дизайнер уже знаком с большинством этих сервисов, а для новичка список может стать настоящим кладом:
Animista – огромный выбор CSS-анимации с простой настройкой направлений действия, приемов и прочих параметров. Выбираешь скольжение или поворот, настраиваешь под свои требования, а в конце генерируешь код готовой анимации.
RightFont – приложение на Mac для работы со шрифтами. Позволяет получить доступ к шрифтам прямо от их создателей, таких как TypeKit и Google Fonts. Можно подбирать шрифты по картинке. Большая база, в которой найдется все.
Wordmark и What the Font – выполняют те же функции, но работают на Windows, поэтому классные приложения достаются не только яблочным адептам.
Coolors.co – генератор цветовых палитр. Можно создавать новые сочетания на свое усмотрение и по требованиям проекта, а можно смотреть уже готовые популярные решения и выбрать наиболее интересное. Также стоит заглянуть с этой целью на Flat UI Colors.
Icons8 – буквально миллион разных иконок для любых направлений и в разных разрешениях. Форматы PNG, SVG, PDF. Там есть и другие полезности – сток фото, иллюстраций, музыки и т.п. Тут можно найти паки иконок на все случаи жизни. Но сделать собственный дизайн всегда ценнее, а иногда и просто необходимо, когда проект имеет свою специфику. Как делать крутые иконки самостоятельно смотри тут: «Создаем креативный набор иконок».
CSS Doodle – сервис помогает создать фоновую картинку при помощи CSS-стилей и сетки DIV. Очень интересно получается управлять формами в сетке и добавлять анимацию, менять вид и цвет фигур. На сайте наглядно показано, как использовать сервис и есть отличные примеры.
Есть проблемы, с которыми ты не сталкиваешься каждый день, но стоит знать, как решить их в случае возникновения. Возможно, пригодятся такие инструменты:
Trint – сервис транскрибации, переводит аудиозаписи в текст. Очень удобно, если ты общаешься с заказчиком устно, а потом хочешь получить всю информацию в письменном виде. Не нужно терять время на запись во время разговора или на последующую расшифровку. Аналогичный сервис – Otter. Обе платформы созданы для транскрибации английского языка. Звуковые дорожки других языков (в том числе русского и украинского) можно перевести в текст при помощи Text from to speech.
Grammarly – проверка текстов на грамотность. Пишущий дизайнер – находка для заказчика. Но даже если ты не пишешь тексты в больших количествах, всегда лучше проверить все написанное. Даже письмо заказчику. Поверь, грамотность играет роль в переписке, а тем более при написании заголовков и блоков во время выполнения проекта. Аналог – LanguageTool, он выполняет такую же проверку, но в его арсенале много языков.
UXdummy – инструмент для генерации имен для проекта. Удобная вещь, особенно если тебе надоели названия из случайных цифр и букв, в которых ты уже путаешься. Экономит время для более важных задач – твоя фантазия нужна в дизайне, а не в нейминге.
SyncBackFree – программа для бэкапа файлов, для Windows. Если не хочешь заморачиваться с восстановлением файлов и искать потерянные данные, то установи, это бесплатно. Для резервного копирования также можно использовать EaseUS Todo Backup, он работает не только на Windows, но также на Android, iOS и Mac.
FreeCommander – альтернатива стандартному проводнику, поможет навести порядок в ворохе папок и файлов, особенно если у тебя есть проблема с нагромождением Новых папок (2) в Новых папках.
Согласованность и удобная коммуникация – это уже 50% успеха при командных проектах. Не все дизайнеры работают в связке с другими специалистами, ты можешь быть одиночкой.
Но рассмотри и другие варианты. Зачем тебе это все? Потому что ты не просто делаешь дизайн. Ты можешь гораздо больше. А с командой шансы всегда выше. И если ты предложишь это заказчику, то приобретешь конкурентное преимущество.
Также владение разными программами и инструментами поможет двигаться в сторону развития своих скилов как управленца. Имея такие навыки, ты сможешь собрать команду и прийти к позиции Project Manager. А это во всех сферах одно из наиболее высокооплачиваемых направлений. Вот несколько программ, которые облегчат командную работу:
Miro – виртуальная доска, на которой можно собирать разные мелочи вроде набросков, референсов, заметок, шрифтов, цветовых палитр. Как творческий блокнот, только онлайн. Но сравнение с доской все же более точное, потому что это как белая доска в офисе, она доступна для всех. Инструмент удобен для командных проектов на удаленке. Хорошо использовать для брейнштормов и на этапе обсуждения проекта. Аналогичного типа мудборд можно найти еще на Milanote.
Trello, Asana и Slack – классика таскеров для командной работы и коммуникации. Тут можно и общаться, и ставить задачи, и следить за их выполнением. Также можно попробовать Teamwork – простой функционал, есть возможность сохранять много разных проектов и файлы к ним.
У дизайнера рано или поздно начинается профдеформация, тебе сложно оценить проект с точки зрения рядового пользователя. Но всегда нужно держать в голове факт, что сайт делается для посетителей. Поэтому важно проверять свою работу.
Gloomaps – сервис для создания карты сайта, очень полезная вещь для тестирования юзабилити, наглядности и воспроизведения последовательности пользовательского пути. Инструмент незаменимый для UX-дизайнера. Аналогичный сервис – Flowmapp, там есть еще много интересного. Hotjar – из той же серии, поможет понять, куда кликают чаще и как вообще перемещаются по сайту его посетители. Отличный способ выявить слабые места.
Window Resizer – эмулятор разного разрешения экрана, в котором удобно просмотреть проект на финальном этапе.
Shotsnapp – онлайн-сервис для генерации мобильных интерфейсов, под которые можно примерить свою картинку. Удобно, что все это происходит прямо в браузере, не нужно ничего скачивать, править в программах. Легко подобрать разные марки телефонов и настроить другие опции.
Если большинство из вышеперечисленных задач тебе показались сложными – не бойся, мы научим всему.
Для опытного дизайнера это рабочие инструменты, а не страшные названия с непонятными функциями.
Для новичков мы рекомендуем курс «Графический дизайнер: запуск». Он совершенно бесплатный, поэтому ты без финансовых затрат сможешь научиться основам и понять особенности профессии.
Если ты уже имеешь понятие об основных тонкостях специальности – добро пожаловать на онлайн-коучинг «Графический дизайнер: вектор бренда». Скоро старт нового потока, успей записаться!