10 плагінів для Photoshop прискорюють проектування дизайнів

29

Від автора: Photoshop спочатку не був призначений для веб-дизайну, але навіть прямо з коробки це досить потужний інструмент. Але навіть такий чудовий інструмент не завжди може підійти під ваші вимоги. Розглянуті плагіни покликані заповнити прогалини в функціоналі, які утворюються, коли ми перенастраиваем даний графічний редактор на роботу з веб-дизайном.

Photoshop:

Дуже надійний, але не без неприємних сюрпризів

Має безліч способів стилізації, які підходять для веб-дизайну

Завдяки простому редагування SVG і растрових зображень відмінно підходить для веб-дизайну високої якості

Має великий набір можливостей, за допомогою яких можна проектувати і та макети, все в одному місці

Від покращеної сумісності коду дизайнів і до більш легкого управління файлами – оцініть плагіни.

Retinize It

10 плагінів для Photoshop прискорюють проектування дизайнів

Якщо вам потрібен простий плагін для експортування без якого-небудь складного функціоналу, то з Retinize It ви зможете нарізати і експортувати верстви або групи в окремі файли. Плагін працює з зображеннями, так і зі складними об’єктами, всього в пару кліків, ви зможете збільшити зображення до 200%, 300%, щоб воно добре виглядало на ретина і iOS дисплеях.

Codly

10 плагінів для Photoshop прискорюють проектування дизайнів

При проектуванні дизайну в фотошопі настає такий момент, коли все зроблене доводиться кодити – найбільша проблема. Codly забирає цю задачу на себе і автоматично переводить PS файли у файли для iOS, Android XML, Windows 10 і BlackBerry.

Duplllicator

10 плагінів для Photoshop прискорюють проектування дизайнів

Забудьте про копіюванні верств і груп. Duplllicator бере на себе невдячну роботу з дублювання верств і груп при проектуванні дизайну. За допомогою цього швидкого плагіна можна задавати горизонтальні і вертикальні відступи, а також кількість копій, що дозволяє виконувати великі обсяги роботи в мить ока.

Photoshop Plugin Prototyping

10 плагінів для Photoshop прискорюють проектування дизайнів

При зміні прототипу не обов’язково заново створювати готовий макет в фотошопі. Платформа колективної розробки UXPin випустила плагін, за допомогою якого можна перетягувати PSD файли в фотошоп і займатися прототипированием. Так як всі шари зберігаються, можна відразу ж переходити до додавання інтерактивних елементів. В кінці для швидкого зворотного зв’язку ви можете розіслати прототип всім, кого вважаєте за потрібне.

PSD Cleaner

10 плагінів для Photoshop прискорюють проектування дизайнів

Як можна зрозуміти з назви, PSD Cleaner займається упорядкуванням PSD файлів – особливо корисний для перейменування файлів та виявлення порожніх шарів. За $19.99 ви точно будете знати, що потрібно пофіксити, не витрачаючи зайвий час на пошук.

GuideGuide

10 плагінів для Photoshop прискорюють проектування дизайнів

GuideGuide носить титул самого встановлюваного розширення для фотошопу, і це не просто так. За допомогою даного плагіна можна створювати будь-які керівництва до дизайну – на основі canvas, робочих областей під різні пристрої, виділених шарів, а також на основі вже створених областей. Один з наших улюблених плагінів.

Perspective Mockups

10 плагінів для Photoshop прискорюють проектування дизайнів

Ваш готовий макет в фотошопі начебто добре виглядає, але з Perspective Mockups ви зможете змінювати кут огляду макета, щоб краще зрозуміти різні аспекти при перегляді на різних пристроях. За допомогою цього плагіна ви зможете нахиляти макети, крутити їх, накладати один на одного.

Suitcase Fusion

10 плагінів для Photoshop прискорюють проектування дизайнів

Якщо ви з тих дизайнерів, які пам’ятають назви всіх своїх шрифтів поіменно, Suitcase Fusion – те, що вам потрібно. Плагін упорядковує всі ваші шрифти і спрощує доступ до них під час роботи в фотошопі. Візуальний перегляд дозволяє порівнювати два шрифту, особливо корисно на завершальному етапі проектування.

HTML Block

10 плагінів для Photoshop прискорюють проектування дизайнів

Ще один помічник з кодом HTML Block використовує движок WebKit для візуалізації дизайну в HTML і CSS, показуючи результат в окремому вікні. Великий вибір додатків, особливо для використання веб-шрифтів, згладжування шрифтів, попереднього перегляду в браузері, а також для проектування елементів інтерфейсу із змінюваними розмірами.

Renamy

10 плагінів для Photoshop прискорюють проектування дизайнів

Renamy створений спеціально для швидкого пакетного перейменування, і робить це дуже добре. За допомогою даного плагіна можна перейменовувати велику кількість шарів за раз – велика економія часу перед экспортированием файлу. Повна версія коштує $14.99, в демо за раз можна перейменувати тільки 5 елементів. А який ваш улюблений плагін веб-дизайну для фотошопу? Пишіть про це в коментарях.