Ідея цієї статті виникла після того, як мені в черговий раз прислали "логотип" для сайту. Черговий замовник сайту, надіслав черговий "логотип", щоб його поставити на сайт. І в черговий раз це була просто картинка, яку в принципі неможливо використовувати в якості логотипу.

Тому я вирішив написати пам'ятку. Коротко розповісти про те що таке логотип і чому будь-яка картинка не може бути логотипом.

Логотип це картинка. Але особлива картинка, до неї пред'являються дуже жорсткі вимоги. Я б сказав надзвичайно жорсткі вимоги.

Масштабованість. Логотип повинен виглядати однаково помітно і на вуличному білборді і в куточку сайту. На візитці. На друкованій сторінці.

Тексти.   Логотип не може бути фразою. Так, якщо дозволяє масштаб, до логотипу можна додати   наприклад слоган. Однак слоган не може   бути частиною логотипу. Або простіше - логотип може складатися з одного слова, але в логотипі не може бути три, чотири, п'ять слів!

Кольори.   Логотип не повинен бути строкатим. Найкращі в світі логотипи використовують всього два кольори.

Деталі.   На логотипі не повинно бути дрібних деталей. Дрібні деталі погіршують сприйняття і запам'ятовування. А крім того, частіше за все не дозволяють зменшувати логотип - при зменшенні він перетворюється в кашу.

У логотипу для сайту є ще додаткові вимоги.

• Його кольори і розмір повинні корелліроваться з шаблоном оформлення сайту. У зв'язку з цим до логотипу особливо жорсткі вимоги щодо масштабування. Розмір сторінки сайту дуже обмежений. І розмір логотипу на сторінці не може перевищувати 50-100 пікселів по висоті і 200-250 пікселів по ширині. Технічно звичайно можна зробити логотип розміром в чверть веб-сторінки, але як буде виглядати така сторінка?
• Якщо використовується готовий шаблон, тоді логотип потрібно "втискувати" в ті розміри, які визначені в цьому шаблоні.
• Якщо не весь логотип, то принаймні його візуально головна частина повинні мати перетин квадрата. І можливість максимального масштабування. Це необхідно для отримання favicon сайту.

Зменшіть ваш логотип до розміру 16х16 пікселів і ви побачите його таким, як він буде в пошуку Яндекс і Гугл. На вкладці браузера.

Зменшіть висоту вашого логотипу до 50 пікселів і ви побачите як ваш логотип буде виглядати на сторінках сайту.

Примітка по favicon . Загалом необязятельно для favicon використовувати саме логотип цілком. Можна вирізати частину логотипу. Можна для favicon зробити окреме зображення. Однак це зображення повинно візуально корелліроваться з логотипом, щоб забезпечити впізнавання і зв'язок. Людина побачила favicon і у нього відразу виникла асоціація з вашим логотипом. В ідеалі, звичайно, favicon потрібно робити з логотипу.

От якось так.

Щоб зрозуміти що таке логотип, уважно подивіться на логотипи Sony, IBM, Dell, Adidas, Nike, MTS, Vodafone, HP, Mercedes Macdonalds, РЖД, Kodak, CNN, Ikea, Сбербанк, Камаз, Юлмарт. Їх дуже багато, хороших логотипів.

Вивчайте, думайте. Розстрілюйте ваших дизайнерів.

P.S.

Якщо ваш дизайнер має диплом дизайнера, це не означає автоматично, що він взагалі знає як робити логотипи :)

Тут як з лікарями. Малоймовірно, що ви дозволите терапевта зробити вам хірургічну операцію на мозку. Навіть якщо це чудовий терапевт.

У будь-якій професії є вузькі спеціалізації. Дизайн логотипів це вузька спеціалізація.

Іван Сухов.

Про те, як визначити, чи гарний логотип у компанії - за допомогою тесту, заснованого на принципах роботи відомого графічного дизайнера Пола Ренда (створив логотипи IBM, UPS і інших компаній).

У той час як танцюрист задається питанням «Сподобалися б мої рухи Майклу Джексону?», А боксер - «Як би оцінив мій удар Мухаммед Алі?», Дизайнер запитує себе: «Як оцінив би мій логотип Пол Ренд?»

- Дейв Скулс

Пол Ренд - відомий американський дизайнер. Він розробив логотипи для IBM, UPS, компанії Стіва Джобса NeXT і інших організацій. Логотип NeXT обійшовся Джобсу в $ 100 тисяч. При цьому коли молодий підприємець наймав Ренда, той пояснив, що подає замовнику тільки один варіант логотипу. «Я вирішу ваші проблеми за вас, але вам не обов'язково використовувати моє рішення. Якщо вам потрібні варіанти - можете звернутися до кого-небудь іншому », - сказав Ренд.

Як результат Пол Ренд представив Джобсу 100-сторінкову брошуру з описом бренду, нового імені (NeXT) і логотипу для компанії. Вона також включала точні характеристики логотипу - в тому числі, розмір кожного з кутів.

Тест логотипу, заснований на принципах дизайну, які запропонував Пол Ренд, включає в себе сім кроків. Дизайнер повинен послідовно відповісти на сім запитань:

1. Логотип самобутній?
2. Помітний?
3. Чи легко його адаптувати?
4. Він запам'ятався найбільше?
5. Універсальний?
6. «Вічний»?
7. Простий?

При відповіді на кожне питання потрібно виставити логотипу відповідну оцінку від 1 до 10. Для останнього пункту - від 1 до 15. Відмінним вважається логотип, який набрав 75 ​​балів. Якщо концепт отримав менше 60 балів, він не підходить для компанії.

Приклад: логотип Bing

Кращий спосіб освоїти цей тест, каже Скулс - подивитися, як він працює, на прикладі старого логотипу пошукової системи Bing, від якого власник сервісу Microsoft відмовилася в 2013 році.

1. Чи є цей логотип самобутнім?

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

Старий логотип Bing виконаний в синьому кольорі. 80% всіх логотипів, зазначає журналіст, є синіми. Шрифт обраний широкий і плоский - це добре для пошукової системи, але погано для прямого конкурента Google. При цьому логотип - звичайне слово, в якому немає нічого унікального. Букви, каже Скулс, здаються «злиплими», особливо «i» та «n». Петля у «g» несподівано обривається - що робить логотип «холодним і незавершеним».

«Якби вушко" g "(виступаюча частина в правому верхньому куті) було трохи тонше, воно б нагадувало єдиний волосся на полисілий голові. Це змушує асоціювати логотип зі старістю (тобто з Microsoft?) »- пише журналіст.

Разом: 3 з 10.

2. Чи є логотип помітним?

Це означає, що логотип має бути легко помітити. Bing використовувала великий логотип, який займає значний простір на сторінці, так що його нескладно побачити. Однак якщо звернути логотип в чорно-білий, його індивідуальність загубиться - жовта точка над «i» практично зникне. Як зазначає Дейв Скулс, завжди важливо проектувати концепт таким чином, щоб його особливості не губилися при перекладі в чорно-білий варіант.

Разом: 6 з 10.

3. Чи легко його адаптувати?

«Адаптивність» логотипу означає, що його легко застосувати до будь-якої ситуації - його можна розташовувати на футболках, гуртках, вантажівках, дорожніх покажчиках і так далі.

У цей плані логотип Bing, каже Скулс, досить хороший: за рахунок простоти і білого тла його можна помістити практично куди завгодно. Однак проблеми виникнуть, коли його потрібно буде «вписати» в квадрат. Текст практично не масштабується по горизонталі, і його не можна розмістити, наприклад, на іконці мобільного додатка.

Разом: 5 з 10.

4. Чи є логотип, що запам'ятовується?

Хороший логотип, говорить Скулс, повинен бути таким, що запам'ятовується і говорити сам за себе. Коли користувачеві потрібно рішення конкретної проблеми, перше, що повинно приходити йому на розум - потрібний логотип. Протестувати, наскільки логотипу підходить це визначення, можна опитавши своїх знайомих і дізнавшись, що їм приходить в голову, коли вони його бачать.

Дейв Скулс попросив кількох людей розповісти, що приходить їм в голову, коли вони дивляться на такі логотипи:

Більшість опитаних відповіли «пиво», «чіпси» і «автомобілі». При цьому жоден з них не використовує зазначені слова. Їм це не потрібно, тому що у компаній впізнавані і запам'ятовуються логотипи. При цьому дивлячись на старий логотип Bing, каже журналіст, навряд чи хтось згадає про пошукових системах - за словами Скулса, він плоский і не викликає ніяких емоцій.

Разом: 2 з 10.

5. Чи є логотип універсальним?

Універсальний логотип несе одне і те ж значення для людей по всьому світу. Google домагається цього за рахунок колірної гами:

Apple використовує нейтральну колірну гамму і фрукт, який відомий у всьому світі:

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

Разом: 4 з 10.

6. Чи є логотип «вічним»?

Дизайн - це не популярні кольори, класні шрифти або стилі. Є речі, які ніколи не змінюються - постарайтеся знайти і вхопитися за них.

Старий логотип Bing, вважає журналіст, навіть зараз не назвеш позбавленим смаку. Однак дизайнери, каже він, занадто заглибилися в округлі форми - які тоді були затребувані, а зараз застаріли.

Разом: 6 з 10.

7. Чи є логотип простим? (Найголовніше питання)

На думку самого Пола Ренда, хороший логотип повинен уособлювати собою мінімалізм - інакше йому не прожити тривалий час. І якщо перші шість кроків припускають додавання якихось відмінних рис, які зроблять логотип унікальним і незабутнім, то останній, сьомий крок, зосереджений на позбавленні від всього непотрібного.

Перевірити, чи достатньо логотип простий, можна в такий спосіб: спробувати намалювати його олівцем від руки. Якщо у дизайнера виходить укластися в 10 секунд - це хороший показник. Крім того, варто спробувати сильно зменшити його в розмірах, а потім збільшити. Якісний логотип буде однаково добре виглядати в будь-якому розмірі.

Одним з кращих прикладів «простих» логотипів журналіст і підприємець вважає свуш Nike. Він асоціюється з перемогою, спортом і спортивним взуттям, грецькою богинею Нікою. За словами Скулса, багато хто відзначає, що цей логотип може стати найкращим в історії людства.

Логотип Bing, вважає Скулс, простий - настільки, що межує з нудьгою. У ньому немає гостроти або яскравості. Дизайнерам потрібно намагатися знайти баланс між простотою і нудьгою - для цього можна було б вивчити історію бренду і відштовхуватися від неї.

Разом: 10 з 15.

підсумок

Всього старий логотип Bing отримує 36 балів. Він добре працював якийсь час, але був недостатньо сильним - і Microsoft довелося його замінити. У вересні 2013 року корпорація представила новий логотип пошукової системи: