Для большинства графических дизайнеров Adobe Photoshop является основным рабочим инструментом. Как и любая другая программа, Photoshop не лишен недостатков, которые, впрочем, достаточно легко устранить, используя различные плагины. За более чем двадцатилетнюю историю Photoshop обзавелся внушительной библиотекой различных плагинов для всех существующих видов графического дизайна. В том числе и для дизайна пользовательских интерфейсов. Стоит отметить, что из всех графических дисциплин именно UI-дизайн является наиболее востребованным – сегодня этот сегмент развивается очень быстрыми темпами и спрос на услуги дизайнеров интерфейсов постоянно растет.
FreelanceToday предлагает вашему вниманию небольшую подборку из 10 плагинов, которые позволят существенно оптимизировать рабочий процесс. Каждый плагин решает свою специфическую задачу, а в связке несколько из них способны решить множество проблем, которые замедляют работу дизайнера. Стоит отметить, что все представленные в данной подборке плагины являются платными. Однако, если учесть, сколько времени сэкономит их использование, то становится ясно, что покупка полезного софта будет очень и очень выгодной.
Многие дизайнеры интерфейсов по достоинству оценят плагин Browser Preview. Как ясно из названия, с помощью данного плагина можно сразу же увидеть, как будет смотреться макет в браузере. В общем-то для многих дизайнеров это не является проблемой, но насколько удобней будет посмотреть интерфейс, не выходя из редактора. Плагин создает локальный сервис и в режиме реального времени показывают, как отображаются внесенные изменения в браузере. К сожалению, плагин работает только с Photoshop CC 2015 и CC-2014 для Mac OS X.
Спецификации к макету могут быть очень жесткими. Часто бывает, что дизайнеру нужно показать макет с указанием размеров всех элементов, а также указать характеристики шрифтов или отступы. С плагином Markly вся эта рутинная работа делается буквально в один клик. При этом плагин позволяет как создавать, так и изменять динамические характеристики – достаточно переместить элемент на новое место и Markly тут же покажет все изменения. Также можно переставлять элементы с помощью предопределенных характеристик, что позволит автоматизировать рабочий процесс.
<strong >PS EXSPORT PANEL
Процесс экспорта в Photoshop всегда был неудобным и отнимал много времени – именно поэтому появилось так много плагинов, решающих эту проблему. Но с появлением PS Export Panel экспорт файлов превратился в необыкновенно легкую работу. С помощью экспортной панели можно экспортировать как весь макет, так и отдельные элементы или слои в самых разных графических форматах. Кроме этого, макет можно экспортировать в различных масштабах – от 1х до 4х. Это означает, что можно сразу же создавать несколько версий макетов, к примеру, для различных мобильных устройств.
Плагин Resonator создан для UI-дизайнеров, использующих Photoshop CC. Нет более удобного софта для классификации и сохранения всех элементов дизайна. С помощью плагина можно собрать все элементы дизайна со всех «экранов» макета сайта или приложения в одном Res-project.psd. При этом Resonator экспортирует все элементы с именами файлов и создает «правильную» и удобную структуру папок.
GuideGuide – это один из лучших плагинов для создания дизайна интерфейса. В UI-дизайне сетка играет очень большую роль и использование плагина позволяет существенно упростить работу с направляющими. Плагин автоматически генерирует направляющие для любой структуры сетки – достаточно лишь выставить нужные настройки.
WebZap – очень мощный плагин, учитывающий практически все потребности дизайнеров интерфейсов. WebZap поддерживает версии Photoshop от CS5 до CC. С помощью плагина можно очень быстро создавать макеты без создания отдельных элементов с нуля – все необходимое уже есть и нужно только собрать интерфейс из готовых блоков. Все элементы располагаются на отдельных слоях, что упрощает процесс редактирования. Отдельно нужно отметить функцию работы с текстовыми блоками – плагин генерирует «рыбу», которую сразу же можно разбить на нужное количество колонок или текстовых блоков.
Интерфейс – это не только кнопки, ползунки или текстуры. В UI-дизайне часто требуется создание индивидуальной графики, например, иконок. Использование плагина упрощает работу с этими элементами интерфейса. Плагин поставляется с шаблонами для быстрого повторного создания стиля, кроме того, с его помощью можно преобразовывать растровые иконки в вектор. Также JetPack может автоматически выровнять иконки в сетке на всех экранах макета. Очень удобный плагин для дизайнеров интерфейсов, работающих с иконками в Photoshop.
Демонстрация макета требует его эффектного представления. Также бывает полезно понять, как будет смотреться интерфейс на различных видах устройств. Но создание презентации требует времени, которого зачастую не хватает. С помощью данного плагина пользователи Photoshop CC могут экспортировать свои макеты и сразу же получить изображение в перспективе. Конечно, создание презентаций не является основным занятием UI-дизайнера, но автоматизировать этот процесс иногда бывает очень полезно.
Все дизайнеры знают, что работать с текстом в Photoshop очень непросто. Особенно неудобно работать с панелью Character, дизайн которой далек от совершенства. Именно с целью облегчить работу дизайнеров и был создан плагин FontHero. Очень удобный софт – с его помощью стало гораздо проще просматривать шрифты и их они отображение на экране. Также с помощью FontHero стало гораздо легче найти нужный шрифт – его название можно вбить в поиск и сразу же приступить к работе. Наиболее часто использующиеся шрифты можно хранить в избранном и быстро получать к ним доступ через систему тегов.
Принципы золотого сечения часто используются в искусстве и дизайне. Это гармоническое отношение также можно применить и к интерфейсу – математически выверенные пропорции сделают его более цельным и удобным для пользователей. Проблема в том, что достаточно трудно вручную построить данное соотношение, особенно, когда в интерфейсе присутствует множество элементов. Упростить эту работу позволит использование плагина Divine Proportions Toolkit, которые автоматически генерирует «божественные пропорции» для макетов любого размера. Плагин можно использовать при создании мобильных и веб-приложений, а также в дизайне абстрактных интерфейсов, например при создании макетов компьютерных игр.
0 комментариев