Адаптивно лого (responsive logo)

Пример

Търговска фирма има лого от знак, име и ред под него с дейността. В заглавната лента на сайта то заема 240 пиксела ширина и всичко се чете. В мобилната версия мястото е 140 пиксела: редът с дейността става висок седем пиксела и се превръща в сива черта. Във Facebook снимката е кръг, а иконата в раздела на браузъра е 16 или 32 пиксела — в нея не влиза дори името.

Затова се правят три версии: пълна за печат и за широки заглавия, съкратена без реда с дейността за телефони и документи, и само знакът за кръгове и икони. Праговете се записват като числа — под 160 пиксела ширина се минава на съкратената версия, под 48 пиксела остава само знакът. Така решението не се взема наново при всяка поръчка.

Защо има значение за бизнеса

Логото рядко се среща в размера, в който е нарисувано. То стои в приложение за доставки, в подпис на имейл, върху капачка, върху фактура и като малка икона до името на сайта в резултатите от търсене. Когато файлът е само един, някой го смалява, докато знакът стане петно, или го разтяга, докато пропорциите се счупят.

Адаптивното лого не е ново лого. То е същият знак, подготвен за местата, на които вече ви търсят. Ако формата изобщо не издържа смаляване, това сочи към самия знак, а не към липсващ файл — тогава се връщаме към седемте принципа на лого дизайна.

Какво да попитате

• Кои версии влизат в комплекта и при коя ширина се сменя всяка от тях?
• Има ли версия за кръгло изрязване и икона за раздела на браузъра в подходящите размери?
• Всички версии във векторен формат ли са, с готови изображения за екран към тях?
• Как изглежда знакът в един цвят — черно, бяло и върху снимка?
• Кой одобрява нова версия, когато се появи ново място: ново приложение, нова платформа, нов носител?

Версиите, праговете и файловете подреждаме в правилата за визията, когато правим брандинг.