На прошлой неделе мы запустили эксперимент — бесплатную помощь в дизайне.
Все отмечали дизайн, который нуждался в совете или улучшении, хэштегом #logomachin_help, а мы выбирали, кому можем помочь, играли со шрифтами, выбирали цвета и улучшали макет. Скажу сразу, это не полноценный дизайн, а скорее визуальные советы, поэтому они выполняются на лету в фотошопе и допускают неточности и упрощения.
Но эти примеры помогут любому разобраться в проблемах своего дизайна и улучшить его за пару кликов.
Наклейка «Экспедиция»: усиление стихии
Сразу выделим проблемы, которые возникнут при использовании наклейки с таким дизайном: 1. Элементы маленькие и тонкие, название меньше подстрочного.
2. Наклейка почти вся белая.
С расстояния метра оно превратится в пятно с серыми каракулями Давайте быстро исправим основные проблемы: увеличим имя, добавим цвет. Карабин, название которого затруднялось прочитать, мы сделаем центральным элементом.
С обратной стороны нанесем яркий контур гор и сделаем широкие поля, чтобы наклейка не оторвалась:
Эта наклейка будет узнаваема лучше оригинала благодаря яркому сочетанию цветов и крупному тексту.
Проведем так называемый «тест на косоглазие»:
Заодно представим, как наклейка будет выглядеть в реальной жизни, когда выцветет и отклеится:
Подведем итог
Плюсы:
+ Наклейка стала выразительнее за счет акцентов и ярких цветов
+ Название стало легче читаться и повысилась узнаваемость стикера
Минусы:
— «Наивность» исчезла.
Понятно, что это сделали не дети, это стало стереотипным
Pally Store: добавление ручной работы
У этого логотипа не было описания, поэтому мне пришлось использовать свое воображение.
Судя по всему, это вывеска или вывеска какого-то магазина, выполненная в виде крышки бочки.
Наверное, в этом магазине ценится все натуральное, ручное, натуральное или, как модно говорить, «крафтовое».
Тогда есть только одна проблема: 1. Надпись слишком компьютерная: руками две одинаковые буквы «Л» не напишешь.
Простой совет для тех, кто хочет сделать рукописную надпись: не ленитесь и пишите действительно от руки.
Он будет живее любого компьютерного шрифта.
Напишем на бумаге маркером и карандашом «Магазин Pally»:
Теперь осталось только обвести буквы в Illustrator и применить их к крышке бочки в Photoshop. Мы не потратили на это много времени, но даже так видно, что стало более «душевно», как будто кто-то действительно рисовал по дереву:
Подведем итоги рестайлинга
Плюсы:
+ Вывеска стала более рукотворной, это дает ощущение комфорта
Минусы:
— Рукописную надпись на дереве трудно прочитать.
Если есть небольшой формат, понадобится упрощенная версия.
Визитка специалиста Excel: визуализация идеи
А что, если сделать визитку в виде самой таблицы? Давайте оценим:
Результат: получится здорово :)
«СибТрансНавигация»: играем со шрифтами
Этот пример иллюстрирует правило: эффекты плохо сочетаются со шрифтами (за редкими исключениями).
Выделим основные проблемы: 1. Эффекты портят читабельность и возвращают нас в девяностые годы, когда все были без ума от возможностей Word art. 2. И без того сложный заголовок сжали так же, как раньше делали с надписью «Минздрав предупреждает», чтобы его невозможно было прочитать.
Давайте просто заменим сжатый Impact двумя бесплатными шрифтами без эффектов:
Давайте сравним читабельность:
Подведем итог:
+ Избавившись от эффектов, логотип шагнул из девяностых в двухтысячные
+ Ненажатые буквы теперь легче читать
— Логотип стал длиннее
— Если важна узнаваемость, нужно придумать эмблему для «СибТрансНавигации».
Парагон: улучшение состава
Сергей прав - логотип требует доработки: 1. В текстовой части перепутаны строчные и прописные буквы.
Посмотрите внимательно: написано не PARAGON, а ParaGOn. 2. Вывеска разваливается.
Идея понятна — буквы П и Г и между ними С.
Но композиция не динамична и не статична — просто нагромождены в кучу строки.
3. Относительные размеры подписи, знака и текстовой части нуждаются в доработке - нет четкого выделения и взаимной связи.
В «массе» все примерно одинаково.
Приступим к редизайну: наберём текстовую часть, усилим композицию и заодно «модернизируем» блеклый синий цвет. Вместо знака мы пока используем квадрат — исходный знак тяготеет к его форме:
Композиция собрана, теперь вы можете представить, каким мог бы быть знак.
Возьмем самый графичный элемент оригинального логотипа «G» и разберемся с ним прямо в Фотошопе:
Выглядит круто, напоминает %.
Или можно вытащить ножку для «П» из первой буквы.
Это нарушает симметрию, но делает исходное значение «PG» явным:
Результат:
+ Логотип стал четче и целостнее за счет композиции, цвета и знака
— Исчезли оригинальные «греческие» мотивы, знак больше не является ребусом из ПГ и С.
Некоторые люди: выбираем лучший вариант
Выбираем наиболее перспективный вариант и делаем его более наглядным:
Мы знаем, что это вывеска магазина, поэтому можем сделать важный шаг: придумать, как логотип будет «жить».
На основе названия «Некоторые люди» вы можете использовать разные фотографии людей как элементы своего фирменного стиля.
Давайте возьмем бесплатные unsplash.com :
Это будет шагом к так называемой «динамической идентичности» — правилам, по которым строятся элементы бренда вместо одного постоянного знака.
Для «Некоторые люди» мы можем использовать разные фотографии людей в большом формате, а в маленьком формате оставить цветной логотип.
Например, на коробке можно сфотографироваться, но на этикетке ее не видно, поэтому используем цвет:
Результат: простой знак превратился в так называемый «визуальный молоток».
С его помощью вы легко сможете делать узнаваемые визитки, вывески и создавать посты в социальных сетях.
Во-первых, это повысит узнаваемость «Некоторых», а во-вторых, будет легко сделать брендированной каждую точку контакта с клиентом.
Это покажет, что у некоторых людей есть силы и ресурсы обращать внимание на мелочи.
Давайте подведем итоги
Не все решения идеальны; многие из них необходимо улучшить или сделать более уникальными.Но я считаю, что они вполне подходят как пример простых улучшений.
Большинство из них отсекают лишнее, расставляют акценты и повышают узнаваемость «в жизни».
Тенденция к упрощению — это не столько тенденция (ему уже более полувека), сколько практический шаг к улучшению восприятия.
Если вам нужна наша консультация по дизайну логотипа и не только, используйте хештег #logomachin_help в социальных сетях — мы следим за ним и отбираем кандидатов на редизайн.
И, как всегда, удачи в ваших дизайн-проектах! Теги: #дизайн #редизайн #Графический дизайн #Типография #Работа с векторной графикой #практика #советы
-
Ключи К Дизайну Веб-Сайта
19 Oct, 24 -
Упрощение Установки Расширений
19 Oct, 24 -
Веб-Сервер Google
19 Oct, 24