ПРОСТЫЕ ТОВАРЫ ДЛЯ УЛУЧШЕНИЯ ВАШЕЙ ПРЕЗЕНТАЦИОННОЙ ИГРЫ

Мгновенное создание красивых рамок для ваших скриншотов iOS и Android

Добавлять кадры устройства к снимкам экрана теперь можно одной командой!

Вам когда-нибудь приходилось делиться скриншотами вашего приложения с другими членами команды, но вы не добавляли рамку, чтобы сэкономить время? Сделать снимок экрана так же просто, как щелкнуть мышью, но проектирование и работа с инструментами редактирования изображений определенно не сильная сторона разработчика. Что ж, добавление рамки устройства теперь осуществляется простым нажатием на клавиатуру!

Скрываясь в сабреддите iOSProgramming, я увидел ответ на вопрос, который привел меня на страницу Fastlane, где рассказывается, как делать скриншоты с помощью автоматизированных тестов пользовательского интерфейса. И тут я наткнулся на команду frameit.

The First Prototype - это молодой малый бизнес, занимающийся консалтингом в области дизайна и разработки мобильных приложений, специализирующийся на формах Xamarin и нативных приложениях. Зарегистрируйтесь на нашем сайте и поддержите нас в социальных сетях, чтобы быть в курсе простых нововведений в таких проектах, как наша 5-звездочная игра NumberBomb на iOS и Android!

Начиная

Есть несколько способов, которым вы можете следовать, упомянутые в документации. Я предпочитаю использовать homebrew. Сначала вам нужно установить homebrew, затем установить fastlane и, наконец, установить imagemagick, используя команды, показанные ниже:

$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
$ brew update && brew install fastlane
$ brew install imagemagick

Для iOS

Поместите снимки экрана в папку, откройте терминал в этой папке и запустите fastlane frameit. В считанные секунды будут сделаны копии всех изображений вместе с рамками!

Если вместо этого вы запуститеfastlane frameit silver, снимки экрана будут сделаны в серебристой оболочке устройства iPhone.

Как вы заметите, он автоматически проверяет размеры ваших снимков экрана, чтобы выбрать, какую рамку iPhone добавить к изображению.

Для Android

В папке для скриншота Android просто запустите команду frameit с модификатором android вместо fastlane frameit android.

Примечание. У меня не всегда получалось работать с Android, потому что я получил сообщение об ошибке Tried looking for offset information for ‘portrait’, Nexus 5X in ‘/.fastlane/frameit/ latest/offsets.json’. Когда я открыл файл offsets.json в этом месте, я заметил, что Nexus 5X был написан как Nexus 5x, поэтому я обновил файл, сохранил его и исправил ошибку.

Скриншоты для представленных материалов

Вы успешно создаете рамки для своих снимков экрана, и это здорово! Теперь для отправки ваших приложений в любой из магазинов приложений также необходимо отправить скриншоты. Хотя вы можете использовать простые снимки экрана, вы также можете сделать свои приложения более привлекательными, добавив описание вместе со снимками экрана. Поэтому, если вы хотите вывести свои скриншоты на новый уровень, вы можете использовать некоторые из следующих бесплатных инструментов:

Fastlane

Fastlane имеет расширенную функцию для создания скриншотов для магазинов приложений, которые позволяют использовать те же команды, что и выше. Все, что вам нужно сделать, это создать Framefile.json файл в той же папке как показано здесь с нужными вам конфигурациями.

Приложение-Мокап

Этот веб-сайт также позволяет вам бесплатно создавать красивые скриншоты с помощью нескольких красивых шаблонов.

Previewed.App

Обычно лучшее не оставляю напоследок, но этот сайт - настоящее сокровище. Помимо бесплатного создания скриншотов, он позволяет создавать красивые видеоролики для предварительного просмотра для магазинов приложений за считанные минуты, как показано ниже:

Дайте мне знать, если вы используете какие-либо впечатляющие бесплатные веб-сайты или инструменты, чтобы я мог добавить их сюда, чтобы поделиться ими с другими!