Фон, который оставляет экран главным
Фон — самая большая площадь в мокапе и та, которую чаще всего выбирают небрежно. Его единственная задача — сделать устройство читаемым и нести бренд. Каждая единица визуального интереса, которую он добавляет, отнимается у интерфейса, а именно интерфейс вы и продаёте.
Градиенты: сдержанные и освещённые с одной стороны
Градиент из двух стопов с умеренным размахом работает почти везде. Согласуйте его направление со светом: если ключевой свет идёт слева сверху, фон там тоже должен быть светлее, иначе картинка ощущается неуловимо противоречивой. Избегайте градиентов, проходящих через ту же светлоту, что и корпус устройства, — силуэт пропадёт на части ребра. При экспорте в JPEG проверьте полосы на широких участках; очень лёгкий шум их снимает.
Плоская заливка недооценена
Один удачно выбранный цвет быстрее производится, чисто сжимается, идеально переносится на набор из одиннадцати языков и никогда не спорит с интерфейсом. Он же делает страницу спроектированной, а не украшенной. Если берёте фирменный цвет, выбирайте светлоту, далёкую от доминирующего тона интерфейса, чтобы устройство отделялось, и держите ровно то же значение во всех материалах, включая баннер.
Фотофоны: редко и только для физического
Стол, рука, кофейня — они добавляют реалистичности ценой шума и быстро стареют. Своё место они получают, когда приложение про физический мир: путешествия, спорт, инструмент для работы на объекте. Даже тогда сильно размойте фон, чтобы устройство осталось единственным резким предметом, и держите цветовую температуру согласованной с его освещением.
Частые вопросы
Какой фон подходит для скриншотов стора?
Сдержанный градиент или заливка с ясным контрастом к корпусу устройства и к подписи. Сложность оставьте для мест, где картинку показывают крупно.
Должен ли фон быть одинаковым во всех скриншотах?
Внутри набора да, хотя медленный сдвиг оттенка в пределах одного семейства может работать.
Почему после экспорта на градиенте полосы?
Сжатие JPEG на мягких градиентах. Экспортируйте PNG или добавьте очень лёгкую шумовую текстуру, разбивающую полосы.
Сделайте это прямо в браузере. Положите скриншот на 3D-устройство, подвигайте камеру, выгрузите кадр или видео. Без установки и без аккаунта.
Открыть 3D-редактор Открыть фоторедактор