Від автора: Photoshop спочатку не був призначений для веб-дизайну, але навіть прямо з коробки це досить потужний інструмент. Але навіть такий чудовий інструмент не завжди може підійти під ваші вимоги. Розглянуті плагіни покликані заповнити прогалини в функціоналі, які утворюються, коли ми перенастраиваем даний графічний редактор на роботу з веб-дизайном.
Photoshop:
Дуже надійний, але не без неприємних сюрпризів
Має безліч способів стилізації, які підходять для веб-дизайну
Завдяки простому редагування SVG і растрових зображень відмінно підходить для веб-дизайну високої якості
Має великий набір можливостей, за допомогою яких можна проектувати і та макети, все в одному місці
Від покращеної сумісності коду дизайнів і до більш легкого управління файлами – оцініть плагіни.
Retinize It
Якщо вам потрібен простий плагін для експортування без якого-небудь складного функціоналу, то з Retinize It ви зможете нарізати і експортувати верстви або групи в окремі файли. Плагін працює з зображеннями, так і зі складними об’єктами, всього в пару кліків, ви зможете збільшити зображення до 200%, 300%, щоб воно добре виглядало на ретина і iOS дисплеях.
Codly
При проектуванні дизайну в фотошопі настає такий момент, коли все зроблене доводиться кодити – найбільша проблема. Codly забирає цю задачу на себе і автоматично переводить PS файли у файли для iOS, Android XML, Windows 10 і BlackBerry.
Duplllicator
Забудьте про копіюванні верств і груп. Duplllicator бере на себе невдячну роботу з дублювання верств і груп при проектуванні дизайну. За допомогою цього швидкого плагіна можна задавати горизонтальні і вертикальні відступи, а також кількість копій, що дозволяє виконувати великі обсяги роботи в мить ока.
Photoshop Plugin Prototyping
При зміні прототипу не обов’язково заново створювати готовий макет в фотошопі. Платформа колективної розробки UXPin випустила плагін, за допомогою якого можна перетягувати PSD файли в фотошоп і займатися прототипированием. Так як всі шари зберігаються, можна відразу ж переходити до додавання інтерактивних елементів. В кінці для швидкого зворотного зв’язку ви можете розіслати прототип всім, кого вважаєте за потрібне.
PSD Cleaner
Як можна зрозуміти з назви, PSD Cleaner займається упорядкуванням PSD файлів – особливо корисний для перейменування файлів та виявлення порожніх шарів. За $19.99 ви точно будете знати, що потрібно пофіксити, не витрачаючи зайвий час на пошук.
GuideGuide
GuideGuide носить титул самого встановлюваного розширення для фотошопу, і це не просто так. За допомогою даного плагіна можна створювати будь-які керівництва до дизайну – на основі canvas, робочих областей під різні пристрої, виділених шарів, а також на основі вже створених областей. Один з наших улюблених плагінів.
Perspective Mockups
Ваш готовий макет в фотошопі начебто добре виглядає, але з Perspective Mockups ви зможете змінювати кут огляду макета, щоб краще зрозуміти різні аспекти при перегляді на різних пристроях. За допомогою цього плагіна ви зможете нахиляти макети, крутити їх, накладати один на одного.
Suitcase Fusion
Якщо ви з тих дизайнерів, які пам’ятають назви всіх своїх шрифтів поіменно, Suitcase Fusion – те, що вам потрібно. Плагін упорядковує всі ваші шрифти і спрощує доступ до них під час роботи в фотошопі. Візуальний перегляд дозволяє порівнювати два шрифту, особливо корисно на завершальному етапі проектування.
HTML Block
Ще один помічник з кодом HTML Block використовує движок WebKit для візуалізації дизайну в HTML і CSS, показуючи результат в окремому вікні. Великий вибір додатків, особливо для використання веб-шрифтів, згладжування шрифтів, попереднього перегляду в браузері, а також для проектування елементів інтерфейсу із змінюваними розмірами.
Renamy
Renamy створений спеціально для швидкого пакетного перейменування, і робить це дуже добре. За допомогою даного плагіна можна перейменовувати велику кількість шарів за раз – велика економія часу перед экспортированием файлу. Повна версія коштує $14.99, в демо за раз можна перейменувати тільки 5 елементів. А який ваш улюблений плагін веб-дизайну для фотошопу? Пишіть про це в коментарях.
