![image](https://habrastorage.org/web/9c4/d6f/10c/9c4d6f10cb374d5e9f8e8cb95b7aea37.png)
Всем привет! У нас в сообществе есть рубрика, в которой мы даем советы по улучшению дизайна. Сегодня расскажем о полезных приемах, которые могут помочь и вам, на примере участников рубрики.
1. Brow Tambow: улучшаем геометрию
Brow Tambow — художественная студия по оформлению бровей в Тамбове. Логотип компании — милый енот, в исполнении которого, однако, есть недочеты.
![image](https://habrastorage.org/web/746/f2d/252/746f2d2526ca4ac0bc3788082d9b55b9.jpg)
У знака неправильная геометрия — выравниваем ее и исправляем недочеты со светом и тенями. Также, поправляем баланс знак/шрифт — в первоначальном варианте знак был слишком крупным. Наш совет — при таком активном и интересном знаке, подбирать более спокойные и простые шрифты, чтобы элементы не спорили друг с другом.
![image](https://habrastorage.org/web/5a3/d92/ffe/5a3d92ffeab3450caa733c4724f533af.jpg)
Пример, как логотип после наших советов будет смотреться на фирменных носителях:
![image](https://habrastorage.org/web/e1a/c80/bd4/e1ac80bd46114bb199a68e451789f07b.jpg)
![image](https://habrastorage.org/web/9c1/2aa/f70/9c12aaf7003a46fbbd06ae93bd987136.jpg)
Логотип на самом важном носителе для студии — в профиле социальной сети:
![image](https://habrastorage.org/web/a14/799/46d/a1479946dc474629b46cf6158a9a6d58.jpg)
Итог:
+ Исправлены ошибки в графике
2. Вожатник: развиваем идею
К нам за помощью обратился «Вожатник» — всероссийский портал для вожатых.
![image](https://habrastorage.org/web/530/05b/0a1/53005b0a1d9a45139e3dd08d9b4b0b17.jpg)
В изначальном логотипе очень много элементов: обводка, галстук в названии, планета. Глаза разбегаются, и не понятно, на что в первую очередь смотреть. Мы бы предложили в данном случае: подобрать простой, четкий шрифт и оставить пионерский галстук, как элемент вожатых. Красный цвет привлекает внимание и вызывает ассоциации с детским лагерем.
Общий совет — не бойтесь избавляться от черной обводки. В большинстве случаев ее можно убрать, и знак ничего не потеряет.
После того, как мы слегка поправили графику логотипа, мы пофантазировали над фирменным стилем портала:
![image](https://habrastorage.org/web/ae1/77b/15d/ae177b15dfc2421f99e7a645e7061219.jpg)
Что, если использовать стилистику советских плакатов?
![image](https://habrastorage.org/web/37d/613/f0b/37d613f0b5464e3a97c142d7fa3c0c6b.jpg)
![image](https://habrastorage.org/web/bfd/365/b1e/bfd365b1e8e742b7bec2428a62a2fbc8.jpg)
Яркие элементы можно применять для любого оформления:
![image](https://habrastorage.org/web/8ff/9f1/e1a/8ff9f1e1af0b44dabac1a5bd7b07313a.jpg)
Итог:
+ Логотип можно прочесть
+ Элементы знака можно использовать в фирменном стиле
— Знак может вызывать ассоциации с символом борьбы с ВИЧ
3. Букля: подбираем шрифт
Литературный портал «Букля» использует символ пера в своем логотипе и… верхний регистр в названии.
![image](https://habrastorage.org/web/cba/241/ec8/cba241ec85b24c078c840b7804b6566e.jpg)
При таком написании, буквы начинают себя плохо вести — прыгают и становятся крайне беспокойными. Лучше набрать название нижним регистром — с большой буквы. В случае «Букли» можно подобрать шрифт, который будет подчеркивать литературную направленность портала.
Кроме того, знак можно переработать — например убрать плашку и сделать его графичным. Так его можно использовать отдельно от названия, как фирменный элемент.
После того, как мы быстро накидали варианты графических решений, мы прикинули, как «Букля» будет смотреться на носителях:
![image](https://habrastorage.org/web/e7c/f0c/f33/e7cf0cf333b447e1b8166b1883029d21.jpg)
Фирменным носителем, например, может быть авторучка:
![image](https://habrastorage.org/web/92c/824/f52/92c824f521f64f3e820519a075237abc.jpg)
Или приложение:
![image](https://habrastorage.org/web/5a0/715/3d8/5a07153d8764469bb57826880a105183.jpg)
Как итог:
+ Логотип стал четче и уверенней
— Можно придумать более интересную идею для знака
4. Choco: уравновешиваем знак
Choco — шоколадная мастерская, которая делает сладости ручной работы. В логотипе мастерской изображен кусочек шоколада, мы дали несколько советов, как можно усилить логотип.
![image](https://habrastorage.org/web/91b/01d/26f/91b01d26ff3e40a89340b46990b59500.jpg)
Первое, что можно посоветовать — уравновесить знак и шрифт, сделав знак меньше. В первом варианте знак перебивает шрифт, он слишком большой по сравнению со шрифтом.
Второй совет: сделать меньший угол наклона шоколадки и убрать штрихи вокруг нее. Они делают логотип «грязным» и слишком нагруженным. Можно добавить скосы на углах и сделать цвет более «шоколадным». Так у знака появится нужная форма и объем.
Смотрим, как можно использовать знак с нашими советами, в жизни:
![image](https://habrastorage.org/web/632/14d/29d/63214d29d9b1416682de895e4ea4f65d.jpg)
На пакетах для сладостей:
![image](https://habrastorage.org/web/341/fce/4f2/341fce4f257b4183aa0a2aa99f3ea180.jpg)
![image](https://habrastorage.org/web/e7f/ff4/143/e7fff414374a497fab2daa70a4651b54.jpg)
![image](https://habrastorage.org/web/678/23f/bbc/67823fbbc32f451a96cc90a16e51315a.jpg)
Итог:
+ Логотип стал больше похож на шоколад
— Пропала метафора проектирования сладостей
5. Дай лапу: улучшаем читаемость
Дай лапу! — дрессировочный клуб для собак. В логотипе использованы иллюстрации руки человека и лапы собаки, как знак дружбы. Подобная детальная иллюстративность ухудшает восприятие знака.
![image](https://habrastorage.org/web/3a7/997/c3d/3a7997c3de6e4f04a4c31788fedc1139.jpg)
Здесь, можно улучшить читаемость знака, если крупно написать название. Иллюстрацию можно сделать отдельным элементом — знаком.
В качестве фирменного стиля можно использовать различные завитушки и палочки, таким образом показав веселый нрав клуба:
![image](https://habrastorage.org/web/b4d/ea0/d38/b4dea0d382f446f4a604e064470be58e.jpg)
![image](https://habrastorage.org/web/599/f17/299/599f172994ef4a8da0f79654485aa603.jpg)
![image](https://habrastorage.org/web/123/aeb/1f2/123aeb1f244c4818a578dd9a21d7f1bb.jpg)
Мы рассказали о нескольких простых приемах, с помощью которых можно улучшить свой дизайн. Не забывайте — это неполноценный редизайн, а просто быстрые советы и направления, которые нам кажутся перспективными.
Как и обещали — следующий выпуск будет с дизайном, который нам присылали пользователи Хабрахабр, он готовится и выйдет уже в конце месяца!
Почитать предыдущие выпуски:
> Выпуск №1
> Выпуск №2
> Выпуск №3
Комментарии (10)
Xeli
21.08.2017 17:09-1Всегда с интересом читаю ваши выпуски. Логотип «Вожатника» выше всех похвал, а стилистика супрематизма как раз передает дух 1920х — 30хх когда пионерское движение набирало силу.
— Знак может вызывать ассоциации с символом борьбы с ВИЧ
А есть люди которые верят в гороскопы и нанимают по нему партнеров в бизнес. Что теперь всем на идиотов равняться?
kaftanati
21.08.2017 17:34+1Для вожатых прям в тему — сразу символ красного галстука подчеркнут. И енот веселей стал. А вот шоколадной мастерской зря убрали символ проектирования.
Эх, все жду когда мой скромный позыв помощи в facebook заметят…
Aingis
21.08.2017 17:41+1Вроде дизайнеры, а вместо минуса тире:
+ Логотип можно прочесть
Я понимаю, что вы без заморочек поставили дефисо-минус «-», который Хабр автоматом поменял на тире, но вы же дизайнеры! Можно и нормальный знак минуса поставить: «?». В отличие от дефиса он выравнен со знаком «+»:
+ Элементы знака можно использовать в фирменном стиле
— Знак может вызывать ассоциации с символом борьбы с ВИЧ
+ Отлично смотрится рядом с плюсом и цифрами.
? Надо набирать знак особым образом.
MaxKitsch
21.08.2017 22:42У меня вопрос, пожалуй, к «Шоколадной мастерской». Выносные элементы были «фишечкой», которую стоило бы попытаться сохранить или переосмыслить. «Шоколадная» осталась, а вот «мастерская» ушла.
novoselov
21.08.2017 23:301. Енот стал смотреться лучше, но как уже писали потерялся смысл.
2. Идея с галстуком не развита, в общем оформлении много шума (треугольников и «палок»)
3. Перо стало симпатичнее, но смотрится как-будто оторвано от текста (шрифт не совсем подходящий)
4. Плитки смотрятся хорошо, но обе буквы «С» в шрифте все портят. Возможно стоило доработать идею предыдущего шрифта.
5. И лапа и рука нарисованы плохо, не хватает «профессионализма» в логотипе (дрессировка — это не только игра)
sortarage
Я вот как-то про геометрию знака не уловил — на первом еноте отчетливо видны "брови", что как бы символизирует сферу работы, а ваш енот просто лучше отрендерен, но идея как бы теряется :)
cleaner_it
Поддерживаю, тоже обратил внимание. С другой стороны, если бы не видел первоначального варианта — то даже не подумал бы об этом.