На початку хочу сказати, що я не включив сюди «point-and-click» інструменти. Причина дуже проста - я вірю, що вони погані для всіх: дизайнери, клієнти, розробники ... страждають усі. Справа не в якості коду, і не в тому, що працювати в них «занадто просто». Справа в тому, що ці програми завжди будуть обмежувати своїх користувачів, якими б крутими вони не були.
Тепер до інструментів. Давайте почнемо з очевидного:
1. Ваш браузер
Нашим клієнтам пора відвикати від мега-деталізованих макетів, до яких вони звикли. Нам необхідно рухатися далі, разом з розвитком інтерактивних і «текучих» веб-технологій.
Встановіть хоча б один браузер з хорошим рендерингом, а так само деякі розширення для розробників. Звикайте дивитися на вихідний код так, як його бачить браузер.
2. Проектування в Google Drive
Я віддаю перевагу проектувальник Google Drive з кількох причин:
Проте я не обмежений напрямними і знаходжу GDDA (Google Drive Drawing App) чудовою альтернативою макетів додатків, які намагаються обмежити вас межами сітки.
О, та це безкоштовно. Чи треба говорити більше?
3. Style Prototypes
Крім того я вважаю, що Style Prototypes допоможе нашим клієнтам подумки відокремити поняття UX і естетики. І взагалі все, що допомагає клієнтам ближче розуміти процес веб-дизайну може бути тільки добре.
4. Responsinator
Responsinator - простий інструмент, який покаже сайт в різних розмірах. Він показує сайт на різних пристроях і екранах. Але тут є пару нюансів.
Знову ж таки є величезна кількість сайтів, подібних Респонсінатору, проте я вибрав саме його, напевно, тому що він надає силуети пристроїв, один за іншим, для легкого читання.
5. Adobe Edge Inspect
Тепер інструмент для вас. Якщо у вас є мобільна лабораторія тестування (і чим раніше ви зможете зробити її, тим краще) Edge Inspect буде синхронізувати всі ваші пристрої, що б подивитися одну і ту ж сторінку. Оновлення сторінку на одному пристрої і оновляться всі.
На відміну від інших в списку, Едж Інспект не безкоштовний. Однак, якщо ви можете дозволити собі достатню кількість мобільних пристроїв, які потребують тестуванні, то це коштує грошей.
висновок
Як завжди, ваш головний інструмент - ваш мозок. Всі ці інструменти, а так само інші, на подобу цих, лише допомагають вам на шляху до істини. Я вибрав їх тому, що вони допомагають мені в розробці якісних сайтів і не обмежують мене у функціях і можливостях.