Огляд on-line додатків і сервісів для створення макета або прототипу сайтів.
Важливе завдання при створенні ефективного проекту з малою кількістю помилок - складання плану або начерку для майбутнього сайту, блогу чи будь-якого іншого стартапу. Перескакування в процесі створення елементів інтерфейсу з однієї частини на іншу неприйнятні і можуть стати проблемою, головним болем для творців. Тому, поки люди вміють тримати олівець в руках, будуть прототипи, макети, ескізи і т.п. тобто те, що дозволить побачити якийсь план сайту, його структуру, які буде служити каркасом для подальшої розробки інтерфейсу і дизайну сайту.
А чи потрібно створення макета сайту?
Прототип або макет сайту за своєю сутністю - чорно-біле уявлення, структура, елементи інтерфейсу веб-сайту. Макет, як правило, поєднує в собі тільки ідею, яка пізніше відтворюється на екрані, зберігаючи при цьому цілісність розробленої структури або іншими словами первісне розташування елементів.
Створення прототипу дозволить заощадити час і гроші, а також практично повністю визначитися зі структурою сайту. Рішення проектувати сайт без планування, в подальшому може у багато разів знизити його ефективність, що в кінцевому підсумку позначиться як на розвитку, так і на доходах.
У цій статті ми підготували огляд великої кількості всіляких онлайн інструментів для створення макета.
Незважаючи на те, що всі ці інструменти дозволяють робити якісні і прості для розуміння макети, часом простий олівець або ручка можуть бути не менш зручними засобами при проектуванні прототипу. Саме по-цьому багато розробників поєднують обидві можливості, віддаючи макет на папері, і згодом переносячи його на екран з частковими доробками. Головний плюс такого варіанту в тому, що з електронним прототипом буде простіше працювати, він дозволяє редагувати і допрацьовувати деталі найбільш оперативно. Адже внести невелику зміну і роздрукувати макет, набагато зручніше, ніж повністю перемальовувати його заново вручну.
І все ж, остаточне рішення і вибір найбільш відповідного інструменту завжди залишається за розробником.
Mockingbird
Mockingbird - дуже популярний інструмент для створення прототипів. Він дозволяє легко створювати, переглядати і редагувати макет, а так же обмінюватися напрацюваннями один з одним. Сервіс має гарний і зручним інтерфейсом, включає прив'язку до сітки, перетягування, великий набір різноманітних елементів і багато інших корисних функцій і параметрів.
Pencil Project
Pencil Project швидше великий плагін для FireFox, ніж онлайн сервіс або веб-додаток. Після його установки створювати схеми, макети і призначені для користувача інтерфейси можна буде прямо в браузері, а завдяки простому інтерфейсу і великій кількості всіляких інструментів і функцій (багатосторінкові документи, багата підтримка тексту, експорт html, png, файлів OpenOffice і багато іншого) розробка буде упрошу до мінімуму.
ProtoShare
Photoshare надає собою простий інструмент для створення каркасів сайту. За допомогою цього сервісу ви зможете створити прототип будь-якої складності тому сервіс має всі необхідні інструменти. Вид інтерфейсу і його зручність настільки тонкі, що вікно для роботи ніколи не буде здаватися переповненим і дасть достатньо місця для роботи.
Hot Gloo
Дуже зручний і популярний засіб для розробки макетів. Яскравий і простий інтерфейс з гігантським набором інструментів, функції і всілякі засоби для створення, редагування та калібрування прототипу сайту. Різні прив'язки, функції перетягування елементів, велике кількість властивостей у об'єктів ... перераховувати корисні функції можна нескінченно. Не можна не відзначити можливість поділитися напрацюванням з колегами і простий функцією передачі файлів при роботі в команді. Але, при великій кількості плюсів завжди є і мінус. Для використання сервісу на повну потужність доведеться заплатити від 7 до 48 доларів в місяць, в залежності від обраного тарифу.
MockFlow
MockFlow - онлайн і оффлайн сервіс з великою бібліотекою шаблонів і різних елементів, кількість яких дозволяє вільно управляти розробкою і тим самим робити оригінальні і технічно складні прототипи. Додаток поширюється як у вільному доступі, так і в платному варіанті. При оплаті безлімітного пакету (ціна становить 4.91 $ в місяць) ви отримуєте доступ до всіх макетів, дискову квоту в 500МБ для зберігання інформації, експорт в PDF / PPT, командний чат і багато інших різноманітних функцій.
Balsamiq Mockups
Ще одне дуже популярне і неймовірно функціонально додаток. Головна відмінність від «побратимів» в тому, що Balsamiq - Adobe Air додаток. тому воно працює як на Windows, так і Mac або Linux. Більше 75 вбудованих компонентів для користувача інтерфейсу, більше 185 значків і купа генеруються компонентів. Експорт готового прототипу в формат PNG або PDF і, звичайно ж, зручний і швидко освоюваний інтерфейс, який дозволить зосередитися саме на розробці.
Creately
Онлайн додаток для створення як прототипів, так і блок-схем і діаграм. Частково переведено на українську мову і має безкоштовну версію з обмеженим функціоналом (обмеження знімається шляхом реєстрації). З усіх додатків, розглянутих в статті, у Creately найпростіший інтерфейс і найменший вибір компонентів, проте для створення простих макетів або ж блок схем кращого сервісу і не придумати.
Список схожих додатків можна було б продовжувати і далі, але, ми вважаємо, що для знаходження найбільш підходящого цих сервісів цілком вистачить. Проте, ми просто не могли не вказати ще кілька варіантів, так би мовити, для колекції.