Від проектування до розробки: 10 інструментів, без яких я не можу обійтися

Інструменти самі по собі не можуть зробити з вас справжнього майстра. Але вони точно можуть допомогти в цьому. У цьому пості я хотів би познайомити вас з декількома інструментами, які я використовую. Сподіваюся, ви відкриєте для себе деякі нові інструменти, які допоможуть оптимізувати ваш робочий процес.

Atom
Atom є текстовим редактором з відкритим вихідним кодом, створеним на Github. Весь минулий рік Atom був моїм основним редактором. Він являє собою повнофункціональний продукт з такими особливостями, як вбудований диспетчер пакетів, інтелектуальний авто-завершення і красиві теми.



Вийшов з Sublime диспетчер пакетів став просто ковтком свіжого повітря. В Atom APM або його графічний інтерфейс. Не потрібно модифікувати конфігураційні файли. Він просто працює.



Зауваження по роботі. Коли Atom був вперше випущений, він працював досить повільно. Однак зараз він просто «літає». Уповільнення, як я помітив, виникає тільки при відкритті величезних файлів.

Можна дізнатися більше про редакторі Atom і оптимізації його роботи у статті «Moving Atom To React» («Шлях редактора Atom до JavaScript-бібліотеки React») і в замітці «Implement text editor DOM updates manually instead of via React» («Виконання оновлень DOM текстового редактора вручну, а не через React»).

DragDis
Як дизайнер я завжди перебуваю у стані пошуку «натхнення». DragDis є тим інструментом, який дозволяє мені зберігати матеріали, що підштовхнули уяву до нових ідей. Його легко використовувати. Встановіть розширення Chrome і почніть перетягування.


Я організовую мої папки DragDis по тижнях. Щотижня я створюю нову папку «надихаючих матеріалів». Це прекрасний спосіб відстежити, як мої уподобання розробника змінювалися з часом.


DragDis має також повносторінкового сітковий вигляд. Це дозволяє побачити фантастичну тематичну добірку зображень.

iTerm 2
iTerm є покращеною альтернативою для Terminal. Якщо назвати просто кілька характеристик, то iTerm 2 має необмежені складові панелі, строкові зображення та пошук. Хоча Terminal має безліч схожих функцій, iTerm 2 постійно вдосконалюється.


Muzli
Muzli є розширенням Chrome, який збирає разом контент, що належить до розробок, з таких джерел як Designer News, Dribbble, Behance і т. д.


Кожен раз, коли ви відкриваєте в Chrome якусь нову закладку, Muzli отримує для вас найкращий контент з кожного з цих сайтів.


Мені особливо подобається те, що цей сервіс має розділ «Вибране». Це все одно, що отримати свого власного помічника, який відбирає кращі статті, що відносяться до інтерфейсів і розробок.

Noiz.io
Багато розробники люблять посидіти в якомусь модному кафе, відчути його атмосферу. Noizio допомагає внести бажане звукове оточення у ваш будинок. Використовуючи Noizio, можна вибирати з великого списку фонових звуків, включаючи жовтневий дощ, звуки кафе, шторм і морські хвилі. Ідеально для занурення в бажану звукову середу.


Invision
Invision є макетної і технологічною платформою, надзвичайно зручною для взаємодії клієнтів та постачальників. Розробники можуть завантажити безліч вікон для проекту. Потім вони з'єднують ці вікна посиланнями один з одним.


Сині секції показують області, пов'язані посиланнями. Якщо ви торкаєтеся який-небудь з цих областей або клацаєте по ній, то відбувається перехід до наступного вікна. Це — хороший спосіб для проектувальників виходити на клієнтів та постачальників через мережу. Програма корисна також при попередньому якісному тестуванні з залученням користувачів.


Invision нещодавно обзавелося також новою функцією, названої Boards (Панелі). Функція Boards дозволяє збирати разом, які вас зацікавили матеріали і створювати тематичні добірки зображень. Суттєва різниця між цією функцією і використанням DragDis в тому, що Boards забезпечує взаємодію, тобто вона дозволяє працювати разом з іншими членами команди.



What the Font
Типографіка є значною частиною будь розробки. Саме тому What the Font (Який шрифт) є одним з моїх улюблених розширень Chrome. Ця програма допомагає визначити, який використовує шрифт проглядається сайт. Просто виділити та натиснути.



Postman
Діючи як розробники інтерфейсів, ми часто повинні запитувати API або повинні взаємодіяти зі своїм власним. Postman є ручним інструментом, що допомагає робити запити до API.
Уявіть собі роботу на кінцевій точці API. Замість того щоб писати відповідний інтерфейсний запит або cURL-запит, можна через Postman направити запит прямо на кінцеву точку.



Wappalyzer
Wappalyzer є інструментом для визначення того, які бібліотеки і фреймворки використовує той чи інший сайт. Ця програма має розширення для Chrome і загальновизнано є одним з найбільш корисних інструментів для розробників інтерфейсів. Наступного разу, коли ви будете думати, яку бібліотеку використовував сайт для створення специфічної візуалізації, Wappalyzer вам допоможе.


Boom 2
Boom є підсилювачем звуку і еквалайзером для Mac. Чудовий засіб, коли ви пишете програму і є бажання послухати якісь мелодії, щоб підняти продуктивність. Додаток має кілька попередньо сконфігурованих профілів для різних видів музики, як, наприклад, джаз, хіп-хоп і дапстеп. Можна використовувати також свої власні профілі.


Boom містить набір звукових ефектів. Використані разом з парою навушників Bose Quiet Comforts ці звукові ефекти залишать у вас незабутнє враження.


Якщо перерахованого вище вам недостатньо, то ось ще кілька гідних згадки продуктів — JSON Viewer для Chrome, Noon Pacific, Flux і Better Snap Tool.
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.