Простий у використанні, дуже повний, із шаблонами та практично функціональний

сторінок

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

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

Точно так само, як створення додатків з часом значно еволюціонувало, той самий шлях пройшов і дизайн, і розробка прототипів або макетів, з настільними або онлайн-рішеннями, які можна використовувати безпосередньо з веб-браузера.

Багато років тому ми вже бачили дуже цікаві пропозиції щодо інструментів макету в Інтернеті, таких як Moqups або Бальзамік.

Сьогодні ми побачимо більше веб-пропозицій такого типу, з якими розробити професійний та функціональний прототип з невеликим часом та зусиллями.

InVision

Зосереджений на дизайні, InVision використовується для створення макетів або прототипів як для веб-сторінок, так і для додатків iOS або Android.

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

Ще однією з його переваг є можливість працювати самостійно або в колективі в тому ж дизайні. Крім того, він добре поєднується з іншими сервісами, такими як Slack, Drive, Dropbox або Evernote імпорт та експорт інформація або частина проекту.

Чудо

Під загальною назвою Marvel пропонує вам створювати прототипи веб- або мобільних додатків. Як і у випадку з InVision, ви можете доповнити використання Marvel з іншими інструментами як Slack, Google Drive або Asana.

Окрім роботи в Інтернеті, Marvel має власні додатки для iOS та Android для продовження проектування з мобільних пристроїв.

Marvel допомагає вам створити прототип з нуля або імпортувати проекти Photoshop або Sketch. Тоді ви зможете оживити макет жести і переходи з книгарні Marvel.

Конструктор макетів

С більше 800 шаблонів доступний, Mockup Builder - чудовий союзник, якщо вам потрібно швидко створити прототип для веб-сторінок, настільних інструментів або мобільних додатків.

У будь-якому випадку в редакторі ви знайдете все, що вам потрібно створювати меню, додавати кнопки та інтерактивні елементи і розробити всі екрани або сторінки проекту.

Proto.io

Прототипи, які виглядають реально. Так представлений Proto.io, Інтернет-інструмент для створення макетів та прототипів, особливо призначений для мобільних додатків.

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

NinjaMock

Нарешті, NinjaMock, який використовується як для дизайну веб-сторінок, так і для додатків Android, iOS або Windows Phone.

NinjaMock працює в основному з векторами, належать або імпортуються з інших джерел. Тоді ви можете експортувати результат у PDF або поділитися ним за його посиланням.

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