12 кращих інструментів для створення чудових знімків екрана для ваших мобільних додатків (2018)

Економте час та збільшуйте швидкість конверсії додатків

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

Знімок екрана, який відображається як у пошуку (зліва), так і на сторінці продукту (праворуч).

Як показують дані, лише 2% користувачів насправді натискають кнопку «прочитати більше», і, ймовірно, більшість ваших користувачів ігнорують текст опису разом. Чудові скріншоти повідомляють, яку проблему ваших користувачів вирішує додаток, а також чи варто їх часу та грошей. Переконливі скріншоти перетворюють зацікавлених потенційних клієнтів у реальних користувачів. Існує багато статей, як виглядають ваші скріншоти, але мало хто говорить про те, які розумні засоби є, щоб це зробити за короткий час або прискорити процес. У цій статті ми розглядаємо всі інструменти, які ми знайшли на даний момент на ринку, і надаємо короткий огляд плюсів і мінусів.

1. Скріншот програми додатка від Applaunchpad

Скріншот програми додатка від Applaunchpad пропонує безліч різних варіантів компонування. Якщо у вас є вільний план, у вас є три стандартних шаблони для початку, тоді як Pro-план надає вам доступ до 14 різних шаблонів. Користувачі також можуть перемикатися між різними кадрами пристрою та кольорами (5 безкоштовно - 12 на професійну), щоб додатково налаштувати свої знімки екрана. Вибравши основи, ви можете додати знімки екрана програми.

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

На жаль, ми не знайшли простий спосіб локалізувати знімки екрана для різних країн та мов. Наразі ви можете створити лише до 5 знімків екрана, тоді як і App Store Connect, і Google Play Dev Console дозволяють отримати більше знімків екрана.

Додаткові функції, які ви отримаєте з платною версією, це:

  • Використовуйте власні або надані фонові зображення
  • Створюйте скріншоти для iPad
  • Створіть спеціальні скріншоти для менших пристроїв
  • Отримайте додаткові шаблони та кадри пристрою
Applaunchpad пропонує безліч параметрів налаштування

Посилання:

https://theapplaunchpad.com/

Ціноутворення:

  • Безкоштовний план
  • Платний план - 29 доларів на місяць або 120 доларів на рік

Плюси

  • Багато різних пристроїв (iOS)
  • Багато різних стилів
  • Багато варіантів налаштування: шрифт, колір, рамки пристрою

Мінуси

  • Переповнений інтерфейс
  • Непростий спосіб локалізації скріншотів

2. Скріншот програми App від AppInstitute

Скріншот програми додатків - ще один інструмент для створення знімків екрана для вашої програми. Він не пропонує багато макетів та параметрів налаштування, але це абсолютно безкоштовно, і ви можете швидко клонувати набір знімків екрана для інших додатків або локалізацій. Інструмент пропонує 8 основних варіантів компонування для початку та 4 різних кольори / стилі кадру пристрою.

Ви можете налаштувати найважливіші елементи, такі як колір шрифту та фону, але у вас немає таких дрібнозернистих варіантів та стилів, які мають інші інструменти. Інтерфейс дуже чистий і процес дуже простий. Наразі немає варіантів створення скріншотів для планшетів та iPhone X. Окрім функції «клонування» набору скріншотів, не існує простого способу їх перекладу та локалізації. Ви також автоматично отримуєте версію з нижчою роздільною здатністю при створенні знімків екрана. Також виглядає так, що новітні кадри пристроїв ще не додані до їх бібліотеки.

Скріншот програми додатків пропонує простий і дуже прямий інтерфейс

Посилання:

https://screenshot-maker.appinstitute.com/app-screenshot-maker/getstarted

Ціноутворення:

  • Безкоштовний інструмент

Плюси

  • Дуже швидко
  • Прямий вперед інтерфейс

Мінуси

  • Немає iPad та iPhone X
  • Непростий спосіб локалізації скріншотів
  • Найновіші кадри пристроїв

3. ShotBot

ShotBot - це безкоштовний інструмент, який дозволяє розробникам додатків та видавцям розробляти та створювати чудові скріншоти. Незважаючи на те, що реальна настройка неможлива і кількість макетів / шаблонів обмежена, надані виглядають приголомшливо!

Ви отримаєте відповідну "історію" з 5-ти обраних вручну шаблонів, щоб продемонструвати ваше додаток. Крім введення тексту, ви нічого не можете налаштувати. (кольори, шрифти, розміри тощо). Також немає можливості створювати скріншоти для iPad або будь-яких скріншотів Android. Ми також не знайшли способу швидко перекласти скріншоти вашого магазину додатків.

ShotBot пропонує найкраще виглядають шаблони, організовані як одна історія

Посилання:

https://shotbot.io

Ціноутворення:

  • Безкоштовний інструмент

Плюси

  • Красиві конструкції
  • Супер швидкий процес

Мінуси

  • Немає реальної настройки
  • Немає iPad
  • Ні Android
  • Непростий спосіб локалізації скріншотів

4. Програми Davinci

DaVinci Apps пропонує як безкоштовний план, так і преміальний план з більшою кількістю пристроїв та налаштуваннями налаштувань для ваших знімків екрана. Вони пропонують однакові функції як для iOS, так і для додатків Android. На жаль, уже найбільший розмір пристрою для iOS, де-факто стандарт для знімків екрана (iPhone 5,5-дюймовий), вимагає, щоб ви були на платі / програмі.

Крім того, DaVinci Apps пропонує величезну кількість різних шаблонів та варіантів макета для початку. Їх інтерактивний редактор дозволяє швидко розробляти та редагувати чудові скріншоти. Якщо говорити про налаштування: наразі ви можете змінити лише колір тла. Змінити сімейство чи розмір шрифтів неможливо. Існує також не простий спосіб швидко локалізувати свої знімки екрана.

Додаткові функції із платною підпискою включають:

  • Використовуйте власні фонові зображення
  • Створюйте скріншоти для планшетів iPad Pro та Android
  • Створюйте скріншоти для iPhone X та 5,5-дюймових серій iPhone
Редактор скріншотів DavinciApps пропонує вам величезний вибір різних макетів для початку

Посилання:

https://davinciapps.com/

Ціноутворення:

  • Безкоштовно
  • Інді: $ 8,25 на місяць
  • Бізнес: $ 41,99 на місяць (необмежені проекти)

Плюси

  • Усі пристрої (iPhone X, iPad Pro; планшети Android)
  • iOS та Android
  • Багато шаблонів
  • Багато варіацій
  • Хороший інтерфейс

Мінуси

  • Немає реального налаштування (наприклад, шрифти)
  • Непростий спосіб локалізації скріншотів

5. Скріншот App Store

Скріншот App Store - чудовий безкоштовний інструмент, який навіть не потребує реєстрації! Він має елегантний і сучасний інтерфейс і дозволяє створювати чудові скріншоти для всіх пристроїв, включаючи планшети для обох платформ. Єдине питання, яке ми знайшли - це те, що ви не можете створювати окремі скріншоти. Усі скріншоти використовують однаковий макет / шаблон.

Крім цього, інструмент має величезну кількість параметрів налаштування: різні рамки пристрою, колір тла та градієнти, спеціальні шрифти та кольори шрифту, тонкозернисті розміри шрифту, вручну регулюйте розмір та розміщення тексту, пристрою та знімків екрана.

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

Скріншот App Store переконує елегантний інтерфейс та швидкий робочий процес

Посилання:

https://www.appstorescreenshot.com/

Ціноутворення:

  • Безкоштовний інструмент

Плюси

  • Ніякої реєстрації
  • Елегантний інтерфейс
  • Смартфони iPhone, iPad, Android
  • Багато налаштувань (шрифти, кольори, пристрої)

Мінуси

  • Жодних планшетів Android
  • Лише мінімалістичні шаблони
  • Непростий спосіб локалізації

6. Приналежність

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

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

Додаткові функції із платною підпискою включають:

  • Безліміт програм та завантажень
  • Безлімітний макет
  • Необмежені спеціальні шрифти
  • Необмежена локалізація на додаток
Інтерфейс програми досить непосильний, але дозволяє додавати кілька локалізацій

Посилання:

https://appure.io/

Ціноутворення:

  • Безкоштовно
  • Плюс: 7,50 євро на місяць
  • Підприємство: Спеціальні

Плюси

  • iPad, планшет
  • Варіанти локалізації
  • Безліч параметрів налаштування (кольори, шрифти, рамки,
  • Рандомізуйте макети для натхнення

Мінуси

  • Оголошення
  • Складний інтерфейс
  • Немає галереї шаблонів

7. Магазин магазинів

StoreShots застосовує інший підхід, коли справа стосується виставлення рахунків за його послугу: ви просто платите за завантажений скріншот. На основі кредитної системи - один кредит дорівнює одному екрану екрана, і ціни становлять від 0,10 до 0,05 євро за кредит, залежно від пакета, який ви придбали - інструмент пропонує безліч варіантів для налаштування знімків екрана. Іноді інтерфейс може бути трохи непосильним за кількістю меню та опцій для подальшого налаштування екрана. Це, безумовно, не найшвидший інструмент, оскільки не існує галереї шаблонів, яка швидко вирушає. Він пропонує цікавий робочий процес, який автоматично визначає мову ваших екранів і дозволяє локалізувати їх.

StoreShots пропонує всі пристрої, включаючи iPhone X та iPad Pros (10,5-дюймові та 12,9-дюймові), а також смартфони та планшети Android.

StoreShots дозволяє створити повний набір скріншотів для всіх пристроїв одночасно

Посилання:

https://www.storeshots.net

Ціноутворення:

  • Кредитна основа; Від 0,10 до 0,05 євро за кредит залежно від пакету, який ви придбали

Плюси

  • Усі пристрої
  • Варіанти локалізації
  • Автоматичне виявлення пристрою на основі завантаженого скріншоту
  • Безліч параметрів налаштування (шрифти, колір, підкладка, фон)

Мінуси

  • Немає галереї шаблонів
  • Немає налаштування для кожної категорії пристроїв
  • Немає різних макетів

8. МісцеIt

PlaceIt - це, мабуть, один з найбільших веб-сайтів макетів продуктів в Інтернеті. Недарма у них є власна категорія, присвячена скріншотам магазину додатків. На сайті ви знайдете понад 60 макетів для iPhone, 10 для Android та 9 для iPad. Незважаючи на те, що існує багато різних конструкцій, створити чудовий набір відповідних знімків екрана для вашого додатка не надто просто, оскільки вам доведеться створювати їх по черзі.

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

Пласіт відомий своєю величезною колекцією макетів

Посилання:

https://placeit.net/c/mockups/?f_types=ios-stillshot

Ціноутворення:

  • $ 2 за скріншот або квартира $ 29 на місяць

Плюси

  • Багато різних шаблонів
  • Деякі параметри налаштування
  • Прекрасні візуальні варіанти

Мінуси

  • Немає налаштування для кожної категорії пристроїв
  • Непростий спосіб локалізації
  • Неможливо змінити шаблон

9. Створення знімка екрана від AppToolKit

AppToolKit - це заміна популярного сервісу LaunchKit, який був придбаний Google, а згодом закритий у середині 2017 року. Вони відкрили весь свій інструментарій, і команда, що стоїть за програмою AppToolKit, скористалася цим! В основному це скинена версія оригінального "Скріншоту", що пропонує ті самі функції (і, на жаль, також обмеження).

Інструмент пропонує 8 різних варіантів компонування для iPhone та 4 різних кольорових варіанти. Після встановлення основ ви можете додати підпис і додатково налаштувати скріншоти: сімейство шрифтів, власні шрифти, розмір шрифту, вагу, кольорові та фонові зображення. Потім ви можете автоматично генерувати знімки екрана для різних розмірів телефону. Планшети включаються лише з передплатою.

Ми не знайшли простий спосіб локалізації скріншотів. Також виглядає так, що на даний момент немає жодного варіанта знімків екрана iPhone X, а також 10,5-дюймового iPad.

Додаткові функції із платною підпискою включають:

  • Необмежений набір скріншотів
  • Макет планшетів для iOS та Android
  • Більше шаблонів скріншотів та кадрів / кольорів пристрою
  • Експортуйте всі розміри пристроїв
AppToolKit має той самий інтерфейс, що і популярний, тепер неіснуючий LaunchKit.io

Посилання:

https://apptoolkit.io/

Ціноутворення:

  • Безкоштовно
  • Pro: 19 доларів на місяць

Плюси

  • Багато варіантів налаштування
  • iOS та Android

Мінуси

  • Ні скріншотів iPhone X, ні екранів iPad 10.5
  • Лише мінімалістичні шаблони
  • Непростий спосіб локалізації

Шаблони файлів

Робота з шаблонами на основі файлів - ще один спосіб створення професійних знімків екрана для вашої програми. Ми знайшли та переглянули шаблони, як правило, для Photoshop та / або ескізу. Дві великі переваги полягають у тому, що вони працюють в автономному режимі і що вони пропонують вам максимально можливі варіанти налаштування. Тільки недолік - це ручний процес.

10. Застосувати пікселі

Команда з Apply Pixels має кілька найкращих шаблонів дизайну на ринку як для Android, так і для iOS. Те саме стосується скріншотів додатків: вони пропонують шаблони екранів для iPhone, iPad, Android та планшетів Android. Шаблони містять усі розміри, орієнтації та кольори та доступні як для Photoshop, так і для ескізу.

Вони оснащені спеціальними діями, які швидко дозволяють експортувати знімки екрана в потрібні розміри для App Store Connect. Самі шаблони чисті, добре задокументовані та структуровані. Варіанти налаштування безмежні.

У програмі Apply Pixels представлений широкий спектр шаблонів ескізів та Photoshop

Посилання:

https://applypixels.com/

Ціноутворення:

  • $ 9 на місяць

Плюси

  • Офлайн
  • Photoshop та ескіз
  • Нескінченне налаштування
  • Усі пристрої

Мінуси

  • Не автоматизований, ручний процес
  • Підписка на файли

11. iOS Jetpack

iOS Jetpack - це колекція шаблонів ескізів, щоб продемонструвати ваше додаток людям дизайну ремесел. Наразі шаблони призначені лише для iOS, але включають усі пристрої, крім 10,5-дюймового iPad. Вони отримують одноразову оплату, починаючи від 28 доларів, і багато дизайну та дизайну натхнення.

Самі шаблони дуже добре організовані та легко налаштувати та експортувати до будь-якого розміру для App Store. Вони також включають багато різних рамок пристроїв та кольорів. Єдиним недоліком є ​​відсутні скріншоти Android. Але, трохи поводячись, має бути можливість дублювати шаблони та замінювати рамки пристроїв на телефони Android та планшети Android.

iOS Jetpack пропонує чудові шаблони ескізів для iOS

Посилання:

https://iosjetpack.com

Ціноутворення:

  • Одноразовий платіж у розмірі 38 доларів

Плюси

  • Офлайн
  • Нескінченне налаштування
  • Усі пристрої (iPhone X + iPads)

Мінуси

  • Немає скріншотів Android
  • Тільки для ескізу
  • Не автоматизований, ручний процес

Mac Apps

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

12. Конструктор скріншотів

Скріншот Дизайнер від Codelle - це простий додаток для Mac, який дозволяє розробляти та створювати скріншоти для додатка в режимі офлайн на вашому Mac, не потрібна графічна програма. Інструмент пропонує 7 різних шаблонів з декількома кольоровими варіантами для iPhone та 5 для iPad. На жаль, шаблонів для Android взагалі немає, але макети для ваших додатків Mac.

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

За допомогою дизайнера скріншотів вам не потрібен ескіз чи Photoshop

Посилання:

https://screenshotdesigner.com

Ціноутворення:

  • Одноразова оплата з безкоштовною пробною версією

Плюси

  • Офлайн + Mac додаток
  • Включені макети додатків для Mac
  • Можливе безліч налаштувань (шрифт, колір, фон, тіні)

Мінуси

  • Ні iPhone X, ні iPhone 8 плюс
  • Непростий спосіб локалізації
  • Немає скріншотів Android

Почесні згадки та подальше читання

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

Ескіз до AppStore * застарів *

Цей шаблон Sketch, створений виробниками LaunchKit, став основою їхнього успіху. Здається, це більше не працює з останніми версіями Sketch, але, безумовно, одним із ранніх інструментів для створення екрана

Посилання: http://sketchtoappstore.com/

AppShots

Інструмент, яким ми користуємося протягом останніх кількох років. Ще в ранньому доступі. Це виглядає як чудове поєднання різних інструментів для створення екрана, локалізації тощо. Ми сподіваємось, що воля закінчить їх довгі пошуки і нарешті отримає цей товар в руки своїх клієнтів.

Посилання: https://www.appshots.app

Як насправді генерувати необроблені скріншоти

Чудова стаття від команди MindNode про те, як генерувати та автоматизувати процес скріншоту. Вони використовують комбінацію інструментів з відкритим кодом та описують кожен крок від створення необробленого екрана, обрамлення, локалізації до завантаження.

Посилання: https://mindnode.com/news/2018-03-09-screenshotframer

Надано команді Great Simple Studio за надання нам макетних скриншотів програм із серії інтерфейсів iOS Design Kit.

Порівняльна діаграма