10 Безкоштовних інструментів для створення мокап
Після того, як дизайн сайту готовий, настає час його демонстрації замовнику. Найпростіше це зробити при особистій зустрічі, показавши, як буде виглядати сайт, якщо відкрити його на різних пристроях: десктопі, ноутбуці, планшеті або смартфоні. Однак найчастіше фрілансер і замовник знаходяться в різних містах або навіть країнах, так що доводиться шукати інший спосіб для презентації своєї роботи. Багато хто використовує для цього PSD-шаблони - це дозволяє побачити, як буде виглядати дизайн в реальних умовах. Але що робити, якщо на створення якісного макета абсолютно немає часу? Правильно, скористатися яким-небудь генератором мокап. Для цього не потрібно мати серйозні навички роботи з Photoshop, мокап робиться буквально за пару кліків мишкою. Ось як виглядає процес створення презентації дизайну за допомогою генератора:
- Вибирається довкілля (десктоп, мобільний пристрій, смарт-годинник і т.д.)
- Завантажується скріншот сайту (або його URL)
- Результат зберігається в потрібному дозволі.
Усе. Легко, чи не так? У деяких генераторів мокап є можливість демонстрації дизайну в великій кількості ракурсів, що істотно розширює можливості дизайнера. FreelanceToday пропонує вашій увазі 10 безкоштовних генераторів Макапа.
MOCKUPER
Генератор Mockuper містить більше 150 високоякісних зображень для показу дизайну інтерфейсу. І це не тільки комп`ютери або мобільні пристрої, також є книги, банери, рамки, картки і багато іншого. Так що це генератор мокап на всі випадки життя. У генераторі є функція розширеного пошуку, за допомогою якої можна швидко знайти відповідне зображення. При завантаженні скриншота або іншого исходника можна обрізати зображення, якщо потрібно продемонструвати не весь дизайн, а лише його частина. Також є можливість редагування зображення, наприклад, можна регулювати такі параметри як яскравість або прозорість.
Кількість макетів: 155+
Середовище: десктоп, мобільні пристрої, книги, банери, візитки і багато іншого
формат: PNG
Дозвіл по ширині: 700-3800 пікселів.
SMARTMOCKUPS
Smartmockups це безкоштовний генератор мокап з великою кількістю сцен в різному дозволі. Створені мокап можна використовувати як завгодно: в цифровому або друкованому вигляді, при наявності необхідних навичок можна створювати нові сцени, готові макети дозволяється використовувати в особистих і комерційних проектах. Всі предмети, за допомогою яких можна продемонструвати дизайн, розбиті на категорії для зручності користувача. Щоб знайти потрібний макет, можна скористатися функцією пошуку по тегу. Також можна відфільтрувати зображення за запитами iOS, Android, Windows Phone і так далі.
Кількість макетів: 150+
Середовище: десктоп, ноутбук, планшет, смартфон, годинник
формат: PNG
Дозвіл по ширині: 880-2500 пікселів.
MAGIC MOCKUPS
Magic Mockups - це один з кращих генераторів мокап, які можна скачати і використовувати безкоштовно. З його допомогою можна створювати дуже реалістичні мокап і потім використовувати їх як в особистих, так і комерційних проектах. Умови ліцензії максимально прості, не потрібно вказівки авторства ні інших посилань на вихідні матеріали. Кількості макетів не надто велике, проте вони зроблені якісно, а готові мокап виглядають цілком професійно.
Кількість макетів: 25+
Середовище: ноутбук, телефон, планшет, рамки
формат: JPEG
Дозвіл по ширині: 960-5000 пікселів.
DUNNNK
Безкоштовний генератор мокап Dunnnk містить більше 55 унікальних предметів. В основному творець генератора зосередився на демонстрації дизайну для iPhone. Це спеціалізований генератор, тому вибір зображень комп`ютерів і ноутбуків досить невеликий. За додаткову плату можна скачати деякі готові мокап в форматі PSD.
кількість макетів: 55+
середа: iPhone, Android, MacBook, iMac, Apple Watch
формат: JPEG
Дозвіл по ширині2000 пікселів.
MOCKUPJAR
Кількість макетів в генераторі MockupJar невелика, але це дійсно якісні зображення, що ідеально підходять для демонстрації дизайну. Крім електронних пристроїв в MockupJar можна також знайти рамки, паперові склянки і футболки. Ці макети можна використовувати, наприклад, для показу логотипу сайту. Всього в генераторі налічується 20 реалістичних зображень, доступ до додаткових макетів платний, 10 євро в місяць. На відміну від інших генераторів, в MockupJar можна продемонструвати, як буде виглядати сайт в браузері, при цьому є можливість зміни кольору фону.
Кількість макетів: 20+
Середовище: iPhone. Android, MacBook, браузери, фізичні носії
формат: JPEG
Дозвіл по ширині: 320-2560 пікселів.
MOCKUPHONE
Головною відмінністю безкоштовного генератора мокап MockUPone є велика кількість вихідних зображень.
Наприклад, якщо потрібно показати, як буде виглядати додаток на екрані iPhone, то у дизайнера є широкий вибір: представлені моделі 7, 7 Plus, 6, 6 Plus і так далі до 5С. Однак є й мінуси, все макети зроблені в одному ракурсі, в фас, що дещо обмежує можливості реалістичного показу. Готові зображення можна зберегти у форматах JPEG, PNG або PSD, рекомендований розмір файлу 1242х2208 для iPhone. Крім смартфонів від Apple в генераторі є безліч інших макетів електронних пристроїв, в тому числі телевізорів.
Кількість макетів: 80+
Середовище: iOS, Android, Windows Phone, ноутбуки, десктопи, телевізори
формат: PHG, JPEG
Дозвіл по ширині: 2000+ пікселів.
MOCKDROP
У MockDrop можна знайти одну з найбільших колекцій безкоштовних макетів, генератор пропонує на вибір понад 100 зображень. Щоб використовувати цей інструмент, потрібно встановити на комп`ютер останню версію браузера Chrome, Firefox або Safari. Сервіс дуже швидкий, творці сервісу постаралися максимально скоротити час роботи над мокап. Мабуть, це найшвидший генератор мокап з усіх і при цьому він абсолютно безкоштовний.
Відео: Adobe Creative Cloud 2016: нові інструменти для веб, UI і UX дизайнерів (Experience Design, Muse)
Кількість макетів: 100+
Середовище: смартфон, ноутбук, десктоп, годинник, планшет, телевізор
формат: JPEG
Дозвіл по ширині: 3000 пікселів.
Відео: Безкоштовні мокап за 5 хвилин
MEDIAMODIFIER
MediaModifier це дуже потужний генератор мокап, але безкоштовних зображень в ньому небагато. В середньому виготовлення якісного макета обійдеться дизайнеру в $ 3,5. Але якщо пошукати, то цілком можна знайти цікавий безкоштовний исходник. Після того, як потрібний исходник буде знайдений, можна приступати до завантаження скріншота і його трансформації під розмір дисплея пристрою.
Кількість макетів: 10+
Середовище: комп`ютери, смартфони, ноутбуки, фізичні носії
формат: JPEG
Дозвіл по ширині: 2400.
GRAPHICTWISTER ONLINE MOCKUP CREATOR
GpaphicTwister це ресурс, де можна знайти величезну кількість високоякісних макетів, в тому числі і безкоштовних. Готові мокап можна використовувати як в особистих, так і комерційних проектах. Одним з достоїнств цього сервісу є наявність інтерактивного генератора мокап, який дозволить створити презентацію без використання Photoshop. Вибір макетів невеликий, їх трохи більше 20, але зате сервіс безкоштовний. Перед тим, як зберегти зображення, можна обрізати скріншот, підігнавши його під розмір екрану.
Кількість макетів: 20+
Середовище: iPhone, iMac, iPad, телевізор, постер, рамка
формат: PNG
Дозвіл по ширині: 1200 пікселів.
GETMOCKY
Генератор GetMocky містить понад 100 якісних макетів, для зручності користувачів розбитих на кілька категорій. Пошук відповідного исходника здійснюється за тегами. Це дозволяє знайти потрібний макет в найкоротші терміни. Серед безкоштовних шаблонів можна вибрати файли малого і середнього розміру. Якщо ж потрібно створити зображення у форматі HD (1440 пікселів), Full HD (1920) або Original Size (4000 +), доведеться заплатити.
Кількість макетів: 100+
Середовище: десктоп, ноутбук, планшет, смартфон, годинник.
формат: PNG
Дозвіл по ширині: 480 і 720 пікселів.
Замість висновку
Ці 10 безкоштовних генераторів мокап дозволяють істотно заощадити робочий час дизайнера і при цьому не вимагають хороших навичок роботи з Photoshop. Користувачеві досить знайти потрібний макет, завантажити скріншот або логотип і зберегти готове зображення. Все працює дуже просто. І, що найважливіше, у дизайнера є величезний вибір - можна знайти ноутбук або смартфон в будь-якому ракурсі. Величезний вибір середовищ підвищує шанси на створення якісної презентації - замовник отримає можливість побачити, як буде виглядати дизайн на пристрої будь-якого типу.
