Почему формулировка влияет на SVG?
Каждый логотип, иконку, стикер и значок студия сначала рисует, а потом векторизует в контуры — по одной фигуре на каждую область плоского цвета. Рисунок из нескольких жирных плоских фигур превращается в несколько чистых контуров. Тени, текстура и градиенты превращаются в сотни узких полосок. Поэтому самое полезное, что может сделать описание, — попросить графику, которая уже плоская. Собственные инструкции студии просят именно этого, и ваши слова не должны это ломать.
Что писать в описании логотипа?
Три вещи в одном предложении: что изображено, для кого и какие цвета.
лист папоротника, который одновременно растущая стрелка, для приложения для накоплений «Fernvault», глубокий темно-синий и теплое золото
- Одна идея. «Лист, который еще и стрелка» — это логотип. «Лист, монета, график, щит и ключ» — это толпа.
- Конкретные существительные. «Доверие» и «рост» не нарисуешь. «Две руки», «росток» и «растущую стрелку» — можно.
- Название в кавычках или в поле названия — только если логотип должен его содержать. Если логотип — это само название, выберите Шрифтовой логотип (стили логотипов).
Как описать набор иконок?
Перечислите иконки чипами (предметы, а не действия): чашка кофе, круассан, метка на карте, карта лояльности. Затем опишите стиль один раз в поле стиля. Он попадает в каждую иконку — именно это и держит набор цельным.
Иконки в наших руководствах — один набор, сделанный так: двенадцать чипов, «Плоские цвета», скругленные углы, цвета #0061fc, #0a2d8f и #ef6e50 и слова стиля «чистые современные продуктовые иконки-иллюстрации, простые жирные формы, плоские заливки, без обводки, без градиентов».
Хорошие слова стиля — про рисовку, а не про настроение: «скругленные концы», «толстые ровные линии», «острые углы», «без обводки», «массивные формы», «цвета ретро-плакатов 70-х». Избегайте слов, которые добавляют детали, не помещающиеся в 24 px: «реалистичный», «замысловатый», «3D», «детальные тени». Держите один уровень детализации на весь список: «точка» рядом с «панорамой города» выглядит неровно в любом стиле.
Как описать стикеры и значки?
- Стикеры: для персонажа опишите, кто он, один раз и точно: вид или предмет, форма тела, два-три цвета, одна деталь («круглый пухлый рыжий кот с кремовым животиком и румяными щеками»). Затем перечислите эмоции, а подпись — в кавычках:
машет «Привет!». Подписи — два-три слова. Каждая буква рисуется, поэтому проверьте орфографию перед отправкой. - Значки: название достижения идет сверху, короткое правило или тот же текст — снизу. Два-три слова гораздо лучше ложатся на дугу кольца значка, чем целое предложение. Картинку в центре описывайте как один простой предмет: «беговой кроссовок», «гора с флагом».
Что не стоит просить?
| Чего избегать | Почему | Что попросить вместо |
|---|---|---|
| градиенты, «светящийся», «блестящий» | превращаются в полосы плоского цвета | два плоских тона |
| фотографический свет, тени, «реалистичный» | векторизуются во множество узких полосок | «плоский», «сплошные формы» |
| мелкая текстура, «гранж», «акварель» | векторизуются в крапинки | четкий край или текстура, добавленная потом в редакторе |
| мелкий текст, слоганы внутри знака | не читаются в маленьких размерах | название рядом со знаком, набранное шрифтом |
| больше трех цветов | наборы мутнее, контуров больше | до трех цветов — названиями или hex-кодами |
Как исправить то, что получилось?
Меняйте что-то одно за раз. Если набор почти готов, используйте раунд и переделайте отдельные иконки с коротким пояснением («проще, простой свернутый коврик»), а не начинайте заново. Если логотип почти готов, доработайте его словами («сделай R жирнее»). Если не так только цвет или случайная фигура, откройте SVG в SVG-редакторе — это быстрее, чем еще один раунд. А если в SVG гораздо больше контуров, чем фигур на рисунке, рисунок был недостаточно плоским: попросите «плоские заливки, без теней» и нарисуйте заново.