Логотип для сайту – це оригінальний графічний знак, який сприяє ідентифікації компанії, її продуктів та послуг.
Ключові завдання лого на сайті:
1. Вказувати на приналежність веб-ресурсу до конкретної компанії.
2. Як значущий елемент айдентики встановлювати емоційний зв'язок з користувачами.
3. Визначати авторське право.
Якщо компанія вже має логотип, то при створенні фірмового веб-ресурсу головне завдання дизайнера полягає в адаптації та правильному використанні цього знака.
Коли сайт розробляється при виході фірми на ринок як носій корпоративної ідентичності, логотип створюється з нуля. Відповідно до загальних правил та вимог до одного з базових елементів айдентики.
Як розробляють логотипи: для сайтів та не тільки
Логотипи поділяють на декілька видів:
Текстові – в їх основі лежить оригінальна типографіка, іноді з додаванням невеликих мальованих деталей. Такі лого можуть являти собою повні назви або скорочені - до монограм або лігатур.
Такі, що складаються лише із зображення. Це може бути емблема, абстрактний символ або малюнок прямо пов'язаний з діяльністю компанії.
Комбіновані, у яких знак поєднується із назвою.
Основні правила створення логотипів від графічного дизайнера Девіда Ейрі:
Простота. Мінімалістичний фірмовий логотип легко адаптувати до будь-яких носіїв. Простий дизайн легко впізнається і запам'ятовується.
Відповідність цінностям компанії, сфері діяльності та цільовій аудиторії. Це означає, що зображення має бути зрозумілим. А ось прямо демонструвати те, чим займається компанія, скоріш, не повинно. Про різні рівні асоціацій трохи нижче в цьому розділі.
Традиційність. Логотип — основа айдентики бренду і має бути довговічним. Тому не варто сліпо слідувати модним трендам.
Індивідуальність. Ідеально, коли зображення впізнається вже за зовнішніми контурами.
Виділення однієї яскравої риси, що найбільше запам'ятовується.
Чіткість та виразність навіть у маленькому розмірі.
До речі, саме зменшення допоможе виявити непотрібні деталі — все, що стає непомітним, варто забрати.
Якщо говорити про розуміння, то правильний логотип викликає потрібні асоціації щодо бренду. А самі асоціації можна класифікувати за трьома рівнями, кожен із яких має свої переваги:
Перший рівень - асоціації, що виникають у людини в той момент, коли вона помічає предмет чи явище. Вони очевидні, не викликають сумнівів і тому сприймаються добре.
 |  |
Другий рівень – асоціації, в основі яких прості логічні зв'язки між подіями, фактами, поняттями. Щоб розпізнати асоціацію другого рівня, людині потрібні певні знання. Відповідно, логотипи, створені за таким принципом, мають «попадати» в інформаційне поле та досвід цільової аудиторії.
Наприклад, те, чому на фірмовому знаку молочних продуктів «Простоквашино» кіт у тільнику, зрозуміло тим, хто бачив добрі мультфільми за книгами Е. Успенського.
Відомий конфуз із дитячим харчуванням Gerber, упаковки якого здивували покупців у країнах Африки. Оскільки читати там вміло незначна кількість людей, вони звикли бачити на етикетках саме вміст баночок, а не споживачів продукту.
 |  |
- Третій рівень - асоціації, побудовані на підсвідомому розумінні та емоційному зв'язку. Це абстрактні образи. Мабуть, найвідоміший з таких лого, - свуш, придуманий для компанії Nike, - графічний символ стрімкого руху.
Приклади логотипів з різним рівнем асоціацій із робіт Rocketmen:
Логотип сайту: що означає колір та форма
Перший важливий фактор, що впливає на сприйняття логотипу, – колір. Саме він визначає, чи помітить людина зображення, і які почуття сформують його перші враження.
Кожен колір має свій настрій:
Чорний - строгий та класичний.
Білий – щирий, чистий.
Червоний - енергійний, привабливий і бентежний.
Помаранчевий – життєлюбний, привітний, сонячний.
Синій – солідний, впевнений, професійний.
Блакитний - відкритий, схильний до спілкування.
Жовтий – радісний, теплий.
Зелений – екологічний, пов'язаний із родючістю, життям, здоров'ям.
Сірий – елегантний, стриманий, високотехнологічний.
Фіолетовий – містичний, чарівний.
Квадрат, овал, трикутник або гексагон - вибирати форму логотипу теж слід не з натхнення. Геометричні постаті людську підсвідомість наділяють певними властивостями. І ці асоціації потрібно вміти використати:
Круглі форми символізують єдність, завершеність та безперервність.
Квадрати – врівноваженість та надійність.
Прямокутники - практичність та логічність.
Трикутники – лідерство, енергію, проактивність.
Окрім геометричних, фірмові знаки створюють на основі органічних (природних) фігур: плавні силуети квітів, листя, черепашок, крапель води асоціюються зі здоров'ям, природністю, спокоєм та задоволенням.
Відомі абстрактні зображення – серце та хрест – мають традиції використання в айдентиці медичних, релігійних, благодійних організацій.
Шрифт для логотипу
Шрифт важливий не тільки для читабельності. Своїм графічним малюнком він передає характер бренду:
Округлі літери виглядають відкритими, повільними та впевненими.
Овальні говорять про орієнтацію на інноваційність.
Квадратні сприймаються як надійні, стабільні, солідні.
Літери з кутами та зарубками підкреслюють енергійність і цілеспрямованість.
Слова, набрані лише великими літерами, створюють враження статусності, тільки малими – відкритості та демократичності.
Розгонистий рукописний напис вказує на дружність та креативність.
Вузькі каліграфічні, навмисне ускладнені літери - на оригінальність, ексклюзивність.
Шрифти із засічками викликають повагу як строгі та класичні, літери без засічок прихиляють до себе і виглядають сучаснішими.
Лого для сайту: як правильно використовувати
Дизайн логотипу впливає на вибір схеми кольору для сайту. Його головні та акцентні кольори мають бути пов'язані з кольорами лого, а фоновий – доповнювати їх.
На прикладах із портфоліо студії:
Приклади демонструють і традиційне розміщення логотипу дизайнерами у верхньому лівому кутку. Причин для цього дві:
Поширеність так званої Z-схеми перегляду, коли погляд людини рухається сторінкою якраз від верхнього лівого кута.
Таке розміщення звичне користувачам з тих часів, коли не всі браузери відображали сайт на повну ширину і права сторона сторінки могла залишитися прихованою. Відповідно, розробники змушені були поміщати фірмовий знак зліва.
У центрі сторінки вгорі розміщують свої логотипи офіційні сайти ЗМІ, які таким чином підтримують візуальну ідентичність із друкованими версіями.
Логотип сайту також є елементом навігації — користувачі звикли натискати на нього, щоб перейти на головну сторінку. Так клієнти легко запам'ятовують фірмовий знак компанії.
Завдання веб-дизайнера — зробити логотип помітним і розмістити під ним активне посилання.
Інші технічні вимоги до логотипу на сайтах:
1. Використовувати зображення із прозорим фоном.
2. Вибирати векторний формат .svg, оскільки растрові при масштабуванні можуть втрачати якість відображення. Якщо з логотипом розташовується і слоган, оформляти його текстом або малюнком у векторному форматі.
3. Зберігати зображення у кореневій папці на сервері, у файлі з прямою назвою – logo.
4. Універсальний розмір – 1024 x 512 px. Оскільки зображення має масштабуватись під різні браузери та пристрої, необхідно підготувати адаптивну верстку, прописати окремі коди для кожної з картинок різних розмірів.
5. Прописати для фірмового знака метатег title та атрибут alt.
Ще один елемент веб-ресурсу, який може бути пов'язаний з логотипом, є фавікон. Це піктограма, яка відображається браузерами в закладках та у пошуковій видачі перед назвою сайту. Для фавікону часто використовують спрощений лого або його частину, наприклад, першу літеру слова-назви.
Як зробити логотип для сайту та не помилитися
Щоб зробити логотип для сайту в Україні, є чотири шляхи:
Спробувати розробити самостійно, використовуючи найпопулярніші графічні редактори.
Поекспериментувати на сервісах для створення логотипів онлайн.
Використовувати програмне забезпечення для дизайну, наприклад GIMP, Free Card Maker, Banner Maker Pro, Logo Design Studio.
Звернутися до професійної студії брендингу.
Вирішите ви слідувати шляхом самостійних спроб і помилок або довіритеся професіоналам, корисно знати, яким логотип сайту бути не повинен:
Багатобарвним. 1-2 кольори, якщо в їх більшу кількість не закладено особливе значення.
Незрозумілим. Цей момент зручно тестувати на фокус-групі.
Неоднозначним. Запитайте в інших людей, що вони бачать на зображенні. Переверніть лого та оцініть, чи не створює вигляд догори ногами небажані асоціації.
Візуально громіздким.
Заснованим на смислових кліше: холод – сніжинка, авіакомпанія – літак, турагентство – пальма під сонцем.
Логотип на сайті має залучати, дивувати та розповідати історію свого бренду. Причому розповідати цільовій аудиторії: думайте про її почуття, потреби та досвід, коли затверджуєте новий фірмовий знак свого бізнесу.
