Отзивчиви съвети за лога за малки екрани

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

Ръководство за стил

Добре проектираната идентичност предоставя разнообразни опции за показване на лого. В най-добрия случай ще намерите вертикални и хоризонтални оформления, кратки и дълги версии, допълнителен текст и никакъв текст и т. Н. Обикновено тези възможности са описани в ръководството за корпоративна идентичност. По-долу виждате пример как това се случва.

В нашия случай това е логото на университета в Пенсилвания. Тяхното ръководство за стил предоставя миниатюрна версия на логото.

По-малката версия на логото е лишена от допълнителен малък текст, а основният текст на елемента е подравнен по височината на щита. Вижте как изглеждат и двете версии в хедър 320px. Вторият вариант е по-ясен и по-добре възприет.

Няма ръководство за стил? Действаме внимателно

За съжаление, не всички лога са придружени от толкова удобно и подробно ръководство. Ако сте изправени пред точно такъв случай, опитайте се да измислите свое решение. Имайте предвид обаче, че трябва да бъдете изключително внимателни с него, като се грижите да поддържате максимална осведоменост за марката. Ето няколко съвета, които ще ви помогнат да постигнете това:

Намаляване на броя на частите

Логотата с много малки детайли са рядкост, но ако попаднете само на един, намаляването на детайла ще помогне да направите логото по-ясно в по-малък размер. Малките елементи могат да се комбинират в един по-голям, тънките линии могат да се направят по-дебели, обектите с щрихи могат да се превърнат в обекти с пълнеж. Добър пример за това е логото на Argento и тяхното ръководство за стил.

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

Разширете логото до хоризонтално положение

Това е може би най-простата и често срещана техника за отзивчиви лога. В този случай вземаме елемента над текста и го поставяме отдясно или отляво. Пример за такова решение е логото на Case-Mate.

Извадете излишъка

За лога, използващи малък шрифт, работи поетапно изваждане на малки елементи. Разгледайте този случай, като използвате примера на логото на Националната администрация за океаните и атмосферата (NOAA). В оригиналната версия на логото виждаме много текст около основния елемент. Като правим логото по-малко, първо го премахваме. Ако логото трябва да бъде намалено още повече, ние дори премахваме надписа вътре в основния елемент. В същото време емблемата остава разпознаваема.

Има много опции как да направите по-малко лого по-добро и да го запазите разпознаваемо. Надяваме се тази практика скоро да стане задължителна за дизайнерите.