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

Фон, который оставляет экран главным

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

Градиенты: сдержанные и освещённые с одной стороны

Градиент из двух стопов с умеренным размахом работает почти везде. Согласуйте его направление со светом: если ключевой свет идёт слева сверху, фон там тоже должен быть светлее, иначе картинка ощущается неуловимо противоречивой. Избегайте градиентов, проходящих через ту же светлоту, что и корпус устройства, — силуэт пропадёт на части ребра. При экспорте в JPEG проверьте полосы на широких участках; очень лёгкий шум их снимает.

Плоская заливка недооценена

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

Фотофоны: редко и только для физического

Стол, рука, кофейня — они добавляют реалистичности ценой шума и быстро стареют. Своё место они получают, когда приложение про физический мир: путешествия, спорт, инструмент для работы на объекте. Даже тогда сильно размойте фон, чтобы устройство осталось единственным резким предметом, и держите цветовую температуру согласованной с его освещением.

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

Какой фон подходит для скриншотов стора?

Сдержанный градиент или заливка с ясным контрастом к корпусу устройства и к подписи. Сложность оставьте для мест, где картинку показывают крупно.

Должен ли фон быть одинаковым во всех скриншотах?

Внутри набора да, хотя медленный сдвиг оттенка в пределах одного семейства может работать.

Почему после экспорта на градиенте полосы?

Сжатие JPEG на мягких градиентах. Экспортируйте PNG или добавьте очень лёгкую шумовую текстуру, разбивающую полосы.

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

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