Что поручить модели после получения брифа
Представим, что магазин просит оформить карточку настольной лампы. Нужно показать два режима света и сохранить место для заголовка. В исходных материалах есть фотография модели, короткое название и цвета бренда. Сначала отдельно запишите факты о товаре и визуальные ограничения. Пропишите, где живёт результат, какого он размера, кто будет вносить правки и в каком формате нужно передать исходник. Если до согласования времени мало, просите два разных направления с коротким описанием, а не десять почти одинаковых изображений.
Разделите задачу между инструментами. Текстовая модель поможет разложить бриф и предложить композиции. Генератор изображений подойдёт для поиска света, фона и настроения. Для плоской пиктограммы можно выбрать генератор с экспортом в вектор. Если главным доказательством служит внешний вид товара, используйте фото как исходный материал и проверяйте форму вручную. Изменившийся переключатель или третья лампочка в иллюстрации превратят красивый макет в неверное обещание.
Как сделать варианты и сохранить живой текст
Для карточки лампы попробуйте два решения. В первом фотография занимает правую половину, слева остаются заголовок и описание режимов. Во втором товар показан по центру, а два небольших значка обозначают режимы под ним. Сравнивайте один и тот же текст и фото, чтобы понять, какая композиция лучше объясняет товар. Перед отправкой варианта в работу покажите его в размере, в котором увидит покупатель. Проверка крупного исходника не заменяет просмотр миниатюры.
Просите генератор оставить свободную область для текста и не рисовать надписи. Заголовок добавьте отдельным редактируемым слоем. Если в бренде несколько языков, проверяйте самый длинный вариант фразы. Для учебного макета мы измерили шрифтом Arial размером 32 px две надписи. «Свет для работы» заняла примерно 256 px, «Два режима света» — 274 px. В области шириной 264 px первая помещается без переноса, а для второй нужно менять сетку или переносить строку. Размеры относятся к конкретному шрифту и кеглю.
Как отличить векторный исходник от картинки внутри SVG
Экспортируйте небольшую пиктограмму из генератора или редактора и откройте в векторном редакторе. Выберите один цветовой элемент и поменяйте цвет. Если выделяется только целый прямоугольник, посмотрите структуру файла. Внутри SVG может быть растровое изображение в элементе image. Простые фигуры могут храниться в path, rect и других элементах, которые поддерживают редактирование. Некоторые SVG содержат и вектор, и вставленные изображения, поэтому проверяйте именно детали, которые планируете править.
В контрольном SVG для карточки мы разобрали XML. В файле был один контур path, отдельный текст «Свет» и ни одного элемента image. Такой файл можно передать на следующий этап вместе с исходной фотографией и указанием шрифта. Перед сдачей проверьте, что экспорт виден в браузере, а второй дизайнер может заменить цвет и подпись. Если для печати нужен текст в кривых, сохраните также рабочую копию с живым текстом. Описание векторного вывода можно сверить в документации сервиса. Векторный генератор Recraft.