Найти тему

Дизайн логотипа. Часть вторая

Оглавление

Продолжаем  разговор о дизайне логотипа.

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

Сегодня, после вводно-теоретической части, мы переходим к практике.

Думаю, вам хорошо знаком сайт Википедия .

Это популярная онлайновая энциклопедия, где можно ни только найти информацию обо всём на свете, но и самостоятельно добавлять любые сведения по той или иной теме.

Кроме основного общего сайта Википедия  существуют и другие, дочерние, относительно небольшие сайты, имеющие аналогичную структуру.
Вот некоторые из них:

http://en.wikiquote.org/wiki/Main_Page
http://species.wikimedia.org/wiki/Main_Page
http://en.wikinews.org/wiki/Main_Page

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

Собственно, сайт должен был стать чем-то вроде большой открытой книги пословиц на разных языках. Только, в отличии от обыкновенной, бумажной книги, здесь каждый может пополнить коллекцию пословиц.

Меня попросили сделать логотип для сайта.

Пословицы и поговорки создавались на протяжении веков. В них и народная мудрость, и история, культурные, религиозные и языковые особенности народа… Как всё это выразить в логотипе?

Итак, бриф составлен.

Нам надо облечь идею пословиц в  некую запоминающуюся простую графическую форму.

Для начала изучим логотипы существующих вики-сайтов.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Все сайты этой группы не случайно имеют похожую структуру и внешний вид. Во-первых, таков их «фирменный стиль», а во-вторых, это попросту «облегчает  жизнь» пользователю.

Легко заметить, что, как правило, все они имеют в основе форму круга и используют 1-3 цветов. Предположим, что  логотипы этих сайтов не случайно чем-то похожи друг на друга:)
Вот и возьмём за основу нашего дизайна круг .

Генерируем креативную идею.

Помните,  в одном из предыдущих уроков я рассказывал вам о карте мышления?

Так вот, теперь час настал! Испытаем карту мышления на практике. Берём блокнот и карандаш и записываем идеи и ассоциации.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

В результате, у нас обозначается 3 направления мысли:

  • Различие и особенности языков  (символ — Вавилонская башня)
  • Мудрость, знания (символ — плод Древа познания)
  • Язык, речь письменность — буквы.

Я остановился на варианте с Вавилонской башней.

Во-первых, эта библейская история знакома каждому школьнику, и моментально наводит на мысль об языках. Во-вторых, изображение башни довольно узнаваемо: ступенчатая, конусовидная башня, прорывающая облака… Достаточно, например,  вспомнить известную гравюру Гюстава Доре «Смешение языков» (1856 г.).

фото гравюры Гюстава Доре «Смешение языков» (1856 г.). Взято из сети интернет для некоммерческого использования
фото гравюры Гюстава Доре «Смешение языков» (1856 г.). Взято из сети интернет для некоммерческого использования

Делаем карандашные наброски

Теперь, как уже можно догадаться, приступаем к наброскам.

Придумываем композицию, вписанную в круг.
Ищем оптимальное сочетание типографики с графическими элементами.
Обозначаем контраст и соотношение деталей.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Отбираем 2-3 наиболее удачных варианта и приступаем к работе в программе векторной графики. Лично я с некоторых пор пользуюсь программой Adobe Illustrator, раньше работал во FreeHand’e.

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

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Упрощаем

Теперь попробуем максимально упростить наш дизайн, удалить всё второстепенное, оставить только те элементы, без которых логотипу не обойтись.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Работаем с цветом

Как вы уже видели, в большинстве логотипов Вики-сайтов присутствует синий или голубой цвет. Возьмём и мы голубой цвет за основу и переведём наш чёрно-белый вариант в оттенки голубого. На мой взгляд,  для такого логотипа достаточно одного цвета, и голубой как нельзя лучше нам подходит.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Я показал варианты логотипа заказчику, и он предпочёл логотип в круге.  А кроме того, попросил добавить еще один цвет.
Лично я предпочёл бы последний вариант. Он самый лаконичный и стильный, но клиент, как известно, всегда прав..

Итак, вот вам окончательный вариант логотипа.

изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)
изображение взято с нашего сайта creativshik.com (создано нашими дизайнерами)

Этот логотип долго красовался на сайте www.wikiproverbs.com, пока сайт не прекратил свое существование по неизвестным мне причинам.

Хотите посмотреть, как работают над логотипом известные дизайнеры? Рекомендую вам заглянуть на сайт ирландского дизайнера Дэвида Айри, который специализируется на дизайне логотипов. http://www.davidairey.com/berthier-logo-design-process/. Там вы найдете много примеров работы над логотипами, от идеи до воплощения.

По материалам официального блога нашей онлайн школы creativshik.com. Оригинальная ссылка на статью -https://creativshik.com/dizajn-logotipa-chast-vtoraya/