MockuptopВсе руководства

Мокапы часов: маленький экран, большая проблема кадра

Экран часов — это несколько сотен пикселей интерфейса, которые должны выжить при показе в миниатюре. Всё, что работает в мокапе телефона — широкие поля, дальняя камера, лёгкий угол, — делает часы нечитаемыми. Мокапы часов требуют более плотного кадра и более выразительного света, чем всё остальное в вашем наборе.

Заполните кадр, а потом заполните ещё

Самая частая ошибка — отнестись к часам как к маленькому телефону и оставить то же щедрое поле. В размере страницы экран превращается в точку. Приближайтесь, пока корпус почти не коснётся безопасной зоны, кадрируйте ремешок смело и примите, что читаемыми останутся один-два элемента. Решите какие — усложнение, число, один элемент управления — и стройте кадр вокруг него.

Держите ремешок тихим

Ремешок — самая большая цветная поверхность в кадре, и он будет спорить с вашим интерфейсом, если позволить. Нейтральный ремешок в тоне, близком к фону, удерживает взгляд на экране. Если фирменный цвет яркий, поместите его на экран и в текст, а не на ремешок. Ремешок, уходящий изгибом за корпус, читается естественно; ремешок, складывающийся вперёд к зрителю, выглядит ошибкой, даже если геометрически верен.

Осветите так, чтобы читался корпус

Корпус часов — это в основном безель, а безель виден только через блики. Плоский свет превращает устройство в силуэт со светящимся прямоугольником посередине. Ключевой свет под пологим углом плюс контровой по противоположному ребру дают корпусу достаточно объёма, чтобы читаться предметом. Это единственное устройство, где чуть драматичный свет — правильный выбор.

Частые вопросы

Какого размера должен быть скриншот часов?

Снимайте в родном размере симулятора нужного класса и дайте мокапу увеличить; не увеличивайте исходник сами.

Показывать ли часы на запястье?

В скриншотах стора нет: там ждут материал приложения, а запястье добавляет тона кожи и свет, которыми придётся управлять. В соцсетях и на сайте это может работать хорошо.

Сколько ремешка должно быть видно?

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

Сделайте это прямо в браузере. Положите скриншот на 3D-устройство, подвигайте камеру, выгрузите кадр или видео. Без установки и без аккаунта.

Открыть 3D-редактор Открыть фоторедактор
Язык: EN TR DE ES FR IT PT AR RU JA KO