Іде Лі У Минуле Статичний Логотип

1. Відправна точка думок: вектори
2. Кілька розмірів для чуйності
3. Анімовані елементи в статичному логотипі
4. Пошук цілісності
5. Статичний логотип ще живий
6. висновки

Наша взаимовыгодная связь https://banwar.org/

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

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

З іншого боку, кожен з вас може навести чимало прикладів, коли компанії використовують тільки звичайну картинку в якості Logo без будь-якої анімації. Справа в тому, що в світі немає глобального переходу до анімації, але є величезна кількість можливостей і причин для переходу. Наприклад, якщо вивчити портфоліо студії Clear Design , То можна побачити призначення, цілі, для яких створювалися анімаційні логотипи. Зрозуміло, і самі вони теж є. Варто також придивитися до відеоконтенту, соцмедіа проектам, де використовуються анімовані логотипи, та й багато сайтів теж не цураються їх.

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

Відправна точка думок: вектори

За фактом дизайн логотипів не змінився. Кожен бренд вимагає наявності добре промальовані векторного зображення в одноколірної або багатобарвної палітрі. Це основа і з неї можуть створюватися вже варіації. Наприклад, у використанні колірних схем або поєднання строгих векторних ліній з красивими витіюватими елементами. Варіації емблем і логотипів відомих торгових марок: Opera , Nivea , Slack , Mercedes . Традиційний векторний логотип масштабується, а тому його відмінно можна використовувати і для виведення на друк, і в будь-якому додатку або на сайті.

Але що ж змінилося за останні роки, таке непомітне і невелике?

Наявність великої кількості мобільних платформ. Додатків для різних пристроїв (консолі, приставки, смартфони, годинник і інше) дуже багато і не всі вони здатні виводити зображення в повну величину або з дрібним текстом (приклад логтіпом Rainbow6). Тоді зручніше використовувати невелику анімацію, що буде сприяти кращому візуальному сприйняттю логотипу. Причина також і в тому, що багато соцмедіа проекти мають круглим «плямою» зображення профілю, в якому багато логотипи банально не вміщаються. Добре, наприклад, BMW, а що робити таким, як GJ - варіацій бренду багато. Тому анімація стає тим способом, який дає можливість користувачам краще розглянути логотип і дізнатися бренд.

Кілька розмірів для чуйності

Саме глобальна зміна в розвитку одного логотипу - зміна його розмірів для забезпечення чуйності (адаптивності) , Оскільки один і той же розмір може не працювати на різних пристроях і бути просто непридатним для перегляду. Зазвичай дизайнери створюють основний варіант і розмір, потім вторинний варіант для профілів SMM і значків додатків, а також і третій варіант - крихітний для значків і іконок.

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

Але тут на сцену виходить динамічний логотип, який пропонує зовсім іншу точку зору на дизайн в цілому. Завдяки гнучкості його конструкції, логотип отримує можливість поєднувати в одній своїй моделі різні варіанти, об'єднані одним загальним брендом. Наприклад, це літери, символи, кольори, що асоціюються і впізнаються користувачами щодо того чи іншого бренду і нагадують собою частини одного загального логотипу стандартного (великого розміру).

наприклад, Twitch , Macaw , Rog.ie , Yondr Studio , Shazam

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

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

Згадайте Slack, наприклад, який якраз і має анімацію в додатку, а також Skype, Telegram.

Анімовані елементи в статичному логотипі

Окремі анімаційні елементи в загальній конструкції статичного логотипа увійшли в моду одночасно з появою їх і в веб-дизайні. Якщо придивитися до безлічі сайтів, то практично на кожному з них можна побачити невеликі або помітні анімовані елементи. Зрозуміло, що це автоматично стало застосовуватися і до логотипів, тим більше що навіть Facebook дозволяє використовувати анімоване зображення для фотографії профілю. Подивіться, як витончено використовується анімація для логотипу Fubiz і їх сайт , Де всі варіанти логотипу в дії, а також Todoist , rainbow six siege , Ubisoft The Division

Після зручності використання анімованого логотипу на TV його стали впроваджувати і в веб-дизайн. Як правило, оригінальний варіант має якусь одну динамічну частину / елемент. Так, найкраще, коли анімація тонка, легка, повітряна і ненав'язлива. Втім, як і дизайн сайтів, хоча деяким брендам вдається грамотно використовувати і повністю анімаційний логотип, який покриває деяку частину всього сайту і займає, тим самим, центральне місце домашньої сторінки.

Деякі Logo змінюють свій вигляд при прокручуванні сторінки, деякі під час завантаження, деякі самі по собі або при наведенні курсору мишки. Мова йде про abelodor , kommigraphics , inavoué restaurant , The Hunt for the Cheshire Cat , Wibicom , Authentiks Paris XV , Project Redspace

Більшість таких логотипів створюються в GIF варіанті або за допомогою CSS і SVG. Але в незалежності від вибору формату, динамічні логотипи дозволяють користувачам згадати і дізнатися бренд, урізноманітнити контент на сторінці / сайті або надати унікальності, характеру сайту.

Пошук цілісності

Тепер, коли у вас з'явилося безліч ідей, і вам здається, що наступає перевантаження ідеями, виникає резонне питання: як впоратися з усім і знайти ту єдину конструкцію, яка буде зручною і працездатною у всіх місцях, що потрібно бренду?

І це той момент, коли приходить нова концепція системи використання і проектування логотипів. Ева Браун випустила по цій темі цікаве керівництво для Design Manic, але ми звернемося тільки до деяких моментів, які нам важливі на даному етапі.

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

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

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

Статичний логотип ще живий

Простіше кажучи, дні статичного логотипа закінчуються. Поступово. Можливо, навіть не так швидко, як вам думалося на початку нашого матеріалу. Коли брендинг розвивається в декількох напрямках, то виникає необхідність створювати систему логотипів і налаштовувати її (створювати варіанти) для різних цілей і каналів. Найчастіше, одному працювати над системою концепцій складно, потрібні помічники, колеги для створення повного брендинг-box. Наприклад, це конструктор макета, аніматор, художник.

Після відтворення безлічі варіантів, настає той момент, коли все збирається разом і створюється або підлаштовується під стиль компанії, тестується в додатках і на сайтах. Виникає необхідність чітко визначити, в яких випадках буде використовуватися, який саме логотип, щоб і користувачі, і самі клієнти (власники бренду) могли чітко бачити і простежувати загальну ідею зв'язку всіх логотипів в різних каналах (сайти, SMM, додатки, відео та інше) .

висновки

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

У той час, коли статичний логотип може виявитися «мертвим», необхідно працювати над створенням досить сильною емблеми, яка здатна просувати бренд. Логотип важливий для користувачів, бо по ньому і дізнаються компанію. Подивіться уважніше на логотип Coca-Cola, J7. Чи не відчуваєте ви бажання сходити на кухню і чогось випити, водички, соку, чаю ..?

У той же час, щоб гарантувати успіх і необхідність наявності анімованого логотипу, важливо створювати всі варіації в одному руслі, ключі. Наприклад, створюєте ви статичну картинку у векторі, а через місяць вирішили зробити анімацію. Це може привести до деяких проблем, які зажадають переробки та дизайну сайту. Але якщо ви вирішили відразу змінити статичний логотип і відповідним чином ввели анімований такий же за стилем, то це ... правильно. Невеликий приклад: восени 2017 року компанія Ubisoft оновила свій логотип. Уявіть, якби на сайті був новий, а в додатках залишився б старий? Казус ...

Таким чином, працюючи в веб-дизайні або над логотипами, варто задуматися, запитати у замовника: чи існують інші варіанти Logo, чи потрібно їх створювати і для якого саме варіанту логотипу створюються сайт. Якщо сам логотип анімований, то множинна анімація на сайті просто створить хаос, але якщо він є статичною, то анімація в меню або на сторінках стане цілком доречною. І, звичайно, потрібно пам'ятати не просто про розміри логотипу, але і на яких пристроях він буде фігурувати, чи зможе відповісти останнім трендам і течіям стилів.