Дизайнеры интерфейсов, вы не зря едите свой хлеб
Начал замечать довольно внушительные зарплаты у UI\UX дизайнеров и дизайнеров интерфейсов и никогда не мог понять - почему, думал просто модно сейчас так, сам работал просто граф.дизайнером... вообщем не углубляясь в историю... начал изучать фигму, взял для набивания руки проект по созданию личного кабинета...
после выстраивания структуры(см рис. 1), когда пришел домой - положил пакет с продуктами в ящик с одеждой вместо холодильника, когда сообразил, что сделал - пронеслась мысль "а не зря вы едите свой хлеб".
Figma. Обзор программы
В этом видео сделал поверхностный обзор инструментов программы figma. В следующих расскажу про каждый более подробно. Цель видео: показать, что программа довольно простая и подвластная каждому)
Современные инструменты Web & UI/UX дизайнера
Фотошоп — всё
Фотошоп изначально был заточен под работу с фотографией, в целом — растровой графикой, но не для работы с веб-интерфейсами: он имеет множество бесполезных функций, а необходимых, ускоряющих работу, удобных — не имеет. Да, несколько лет назад он был полноправным монополистом, а неловкие попытки поиска альтернатив (Иллюcтратор, Индизайн) не получали продолжения.
Сейчас ситуация кардинально изменилась и инструменты, заточенные под дизайн веб-интерфейсов, растут, как грибы после дождя.
1. Sketch
По моим субъективным ощущениям Скетч лидирует на профессиональном рынке. Если вы отправитесь на собеседование в значительную компанию, почти наверняка вас спросят, умеете ли вы в Скетч? Правда, для работы он использует встроенные функции iOS: на версию под Win уже никто особо не рассчитывает.
Скетч активно разрабатывается: из практических преимуществ, которые существуют на данный момент, можно выделить очень удобную работу с символами. Это что-то вроде смарт-объектов в фотошопе, но значительно функциональнее. Например, вы можете изменить контент внутри символа, не меняя сам символ. Предположим, у вас есть карточка товара. Чтобы создать бесконечное разнообразие карточек с разными товарами — вам хватит одного (!) символа.
Это небольшой и конкретный пример его превосходства над Figma и XD, о которых речь пойдет дальше. Если говорить о Фотошопе — Скетч превосходит его буквально во всём, что касается интерфейсов.
2. Figma
На данный момент самая удачная альтернатива Скетчу для win-юзеров. По сути, этот выбор за вас делает платформа.
Фигма тоже активно разрабатывается. Есть все надежды на то, что она ни в чём не будет уступать Скетчу, но уже сейчас у неё есть свои особенные фишечки, например, коллективная работа над документом — механика похожа на коллективную работу в GoogleDocs.
Можно брать.
3. Experience Design
Не то, что мне было что сказать о нём, но как дань былому величию Adobe; и XD, как надежде на хотя бы частичное его возвращение, думаю, стоит его упомянуть. Кто работает в XD, можете дополнить меня в комментариях.
На данный момент он очень сырой, но выглядит, тем не менее, перспективно. И, может быть субъективно, но в плане взаимодействия — приятнее Фигмы (потому что больше похож на Скетч).
Всё это здорово, но...
Всё это здорово, но если вернуться от теории к правде жизни, наверняка возникнут некоторые проблемы. Например,
Как быть с обработкой растровых изображений (ретушь, коррекция, сменить-фон-убрать-прыщи)?
Никак. Всему свои инструменты: для разработки интерфейсов — Sketch, Figma etc; для работы с растровыми изображениями — Фотошоп. Никого не смущает, что мы не обрабатываем фотографии с помощью HTML/CSS, к примеру, так почему должно смущать, что мы не делаем это с помощью Скетча?
Что делать, если заказчик панически боится любых исходников, не заканчивающихся на .psd?
Внедрение Sketch или Figma повышает качество и скорость работы, как со стороны дизайна, так и со стороны разработки.
Для работы с исходником не требуется установки, покупки, пиратства дополнительного софта. Файл .sketch выгружаем в Zeplin (бесплатный, есть веб-версия, есть аналоги); .fgm никуда не выгружаем — Figma сама по себе бесплатная и имеет веб-версию.
Может быть, не все люди пойдут на встречу, но это не повод обрекать себя на фотошоп-болото и отказываться от развития.
Разработчик отправит меня на х#й Как быть, если панически боится разработчик?
Прежде всего, это какой-то неправильный разработчик. В нашей сфере, если ты не развиваешься, то очень быстро оказываешься на обочине. По возможности избегайте этого.
Маловероятно, что такой вопрос в принципе возникнет. Как правило, преимущества Zeplin/Figma над psd-исходником, им (разработчикам) даже очевиднее, чем нам (дизайнерам) — достаточно минимальной демонстрации.
Спасибо!