10 Кращих photoshop-плагінів для дизайнерів інтерфейсів
Для більшості графічних дизайнерів Adobe Photoshop є основним робочим інструментом. Як і будь-яка інша програма, Photoshop не позбавлений недоліків, які, втім, досить легко усунути, використовуючи різні плагіни. За більш ніж двадцятирічну історію Photoshop обзавівся значною бібліотекою різних плагінів для всіх існуючих видів графічного дизайну. У тому числі і для дизайну користувальницьких інтерфейсів. Варто відзначити, що з усіх графічних дисциплін саме UI-дизайн є найбільш затребуваним - сьогодні цей сегмент розвивається дуже швидкими темпами і попит на послуги дизайнерів інтерфейсів стає дедалі більше.
FreelanceToday пропонує вашій увазі невелику добірку з 10 плагінів, які дозволять суттєво оптимізувати робочий процес. Кожен плагін вирішує свою специфічну задачу, а в зв`язці кілька з них здатні вирішити безліч проблем, які сповільнюють роботу дизайнера. Варто відзначити, що всі представлені в даній збірці плагіни є платними. Однак, якщо врахувати, скільки часу заощадить їх використання, то стає ясно, що покупка корисного софта буде дуже і дуже вигідною.
BROWSER PREVIEW
Багато дизайнерів інтерфейсів по достоїнству оцінять плагін Browser Preview. Як зрозуміло з назви, за допомогою даного плагіна можна відразу ж побачити, як буде виглядати макет в браузері. В общем-то для багатьох дизайнерів це не є проблемою, але наскільки зручніше буде подивитися інтерфейс, не виходячи з редактора. Плагін створює локальний сервіс і в режимі реального часу показують, як відображаються внесені зміни в браузері. На жаль, плагін працює тільки з Photoshop CC 2015 і CC 2014 для Mac OS X.
MARKLY
Специфікації до макету можуть бути дуже жорсткими. Часто буває, що дизайнеру потрібно показати макет із зазначенням розмірів всіх елементів, а також вказати характеристики шрифтів або відступи. З плагіном Markly вся ця рутинна робота робиться буквально в один клік. При цьому плагін дозволяє як створювати, так і змінювати динамічні характеристики - досить перемістити елемент на нове місце і Markly тут же покаже всі зміни. Також можна переставляти елементи за допомогою визначених характеристик, що дозволить автоматизувати робочий процес.
> PS EXSPORT PANEL
Процес експорту в Photoshop завжди був незручним і забирав багато часу - саме тому з`явилося так багато плагінів, які вирішують цю проблему. Але з появою PS Export Panel експорт файлів перетворився в надзвичайно легку роботу. За допомогою експортної панелі можна експортувати як весь макет, так і окремі елементи або шари в самих різних графічних форматах. Крім цього, макет можна експортувати в різних масштабах - від 1х до 4х. Це означає, що можна відразу ж створювати кілька версій макетів, наприклад, для різних мобільних пристроїв.
RESONATOR
Плагін Resonator створений для UI-дизайнерів, що використовують Photoshop CC. Немає більш зручного софта для класифікації та збереження всіх елементів дизайну. За допомогою плагіна можна зібрати всі елементи дизайну з усіх «екранів» макета сайту або програми в одному Res-project.psd. При цьому Resonator експортує всі елементи з іменами файлів і створює «правильну» і зручну структуру папок.
GUIDEGUIDE
GuideGuide - це один з кращих плагінів для створення дизайну інтерфейсу. У UI-дизайні сітка грає дуже велику роль і використання плагіна дозволяє істотно спростити роботу з направляючими. Плагін автоматично генерує напрямні для будь-якої структури сітки - досить лише виставити потрібні налаштування.
WEBZAP
WebZap - дуже потужний плагін, що враховує практично всі потреби дизайнерів інтерфейсів.
WebZap підтримує версії Photoshop від CS5 до CC. За допомогою плагіна можна дуже швидко створювати макети без створення окремих елементів з нуля - все необхідне вже є і потрібно тільки зібрати інтерфейс з готових блоків. Всі елементи розташовуються на окремих шарах, що спрощує процес редагування. Окремо потрібно відзначити функцію роботи з текстовими блоками - плагін генерує «рибу», яку відразу ж можна розбити на потрібну кількість колонок або текстових блоків.
JETPACK
Інтерфейс - це не тільки кнопки, повзунки або текстури. У UI-дизайні часто потрібне створення індивідуальної графіки, наприклад, іконок. Використання плагіна спрощує роботу з цими елементами інтерфейсу. Плагін поставляється з шаблонами для швидкого повторного створення стилю, крім того, з його допомогою можна перетворювати растрові іконки в вектор. Також JetPack може автоматично вирівняти іконки в сітці на всіх екранах макета. Дуже зручний плагін для дизайнерів інтерфейсів, що працюють з іконками в Photoshop.
PERSPECTIVE MOCKUPS
Демонстрація макета вимагає його ефектного представлення. Також буває корисно зрозуміти, як буде виглядати інтерфейс на різних видах пристроїв. Але створення презентації вимагає часу, якого часто не вистачає. За допомогою даного плагіна користувачі Photoshop CC можуть експортувати свої макети і відразу ж отримати зображення в перспективі. Звичайно, створення презентацій не є основним заняттям UI-дизайнера, але автоматизувати цей процес іноді буває дуже корисно.
FONT HERO
Всі дизайнери знають, що працювати з текстом в Photoshop дуже непросто. Особливо незручно працювати з панеллю Character, дизайн якої далекий від досконалості. Саме з метою полегшити роботу дизайнерів і був створений плагін FontHero. Дуже зручний софт - з його допомогою стало набагато простіше переглядати шрифти і їх вони відображення на екрані. Також за допомогою FontHero стало набагато легше знайти потрібний шрифт - його назву можна вбити в пошук і відразу ж приступити до роботи. Найбільш часто використовуються шрифти можна зберігати в обраному і швидко отримувати до них доступ через систему тегів.
DIVINE PROPORTIONS TOOLKIT
Принципи золотого перетину часто використовуються в мистецтві і дизайні. Це гармонійне ставлення також можна застосувати і до інтерфейсу - математично вивірені пропорції зроблять його більш цілісним і зручним для користувачів. Проблема в тому, що досить важко вручну побудувати дане співвідношення, особливо, коли в інтерфейсі присутня безліч елементів. Спростити цю роботу дозволить використання плагіна Divine Proportions Toolkit, які автоматично генерує «божественні пропорції» для макетів будь-якого розміру. Плагін можна використовувати при створенні мобільних і веб-додатків, а також в дизайні абстрактних інтерфейсів, наприклад при створенні макетів комп`ютерних ігор.
