Еволюцията на логата на социалните медии (и какво можете да научите от тях)

лого на социалните медии Телефонът показва медийни икони
Как преработвате лого, с което са свикнали стотици милиони хора? (Снимка на Tracy Le Blanc от Pexels) (Кредит за изображение: Pexels)

Логотата на социалните медии са трудни. Когато стотици милиони използват приложението ви ежедневно, рискувате да разстроите страшно много хора, ако не им хареса, както видяхме тази седмица с ребранд на Snapchat .

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



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



И така, какво движи тези промени, колко успешни са били те и какво ни казват за изкуството на дизайна на логото и най-новите тенденции в логото?

01. Facebook

Лого на Facebook



Оригиналното лого на Facebook, лансирано през 2005 г.(Кредит за изображение: публично достояние)

Ще започнем с Facebook, като пример за това как да го направим правилно.

Facebook започна като мрежов сайт на Харвардския университет, първоначално наречен „Facemash“, а след това „Thefacebook“. След като беше преименуван на „Facebook“, основателят Марк Зукърбърг нае Майк Буззард от Кубинския съвет, за да създаде професионално изглеждаща идентичност.

Неговият дизайн на лого, показан по-горе, е модификация на шрифта Klavika, който е проектиран от Ерик Олсън. Buzzard ръководеше проекта, а дизайнерът на шрифтове и графики Джо Крал завърши модификациите на типа и последната дума.



Отличителният оттенък е избран поради факта, че Зукърбърг има форма на цветна слепота, наречена дейтеранопия, което означава, че синьото е единственият цвят, който може лесно да различи.

Лого на Facebook

Актуализираната версия на логото, лансирана през 2015 г.(Кредит за изображение: публично достояние)

Думата беше чиста, ясна, отчетлива и мащабируема. Като го направи правилно за първи път, Facebook успя да запази същото лого непокътнато през следващото десетилетие. И това се оказа безценно, тъй като платформата разшири обхвата си по света с експоненциални темпове.

Оттогава насам Facebook е трябвало да направи големи промени в логото си веднъж, през 2015 г. (показано по-горе). И дори тогава, повечето потребители вероятно не са забелязали промените.

Сътрудничество зад вътрешния екип на Facebook и Ерик Олсен, версията от 2015 г., включваше фини, но важни ощипвания, за да придаде на логото по-приятелски и актуален вид, включително промяната на едноетажна „а“ и стъбло върху буквата „b“.

Лого на Facebook

Facebook актуализира логото на приложението си през 2019 г., с нова кръгла икона (вдясно), заместваща тъмносиния блок на старото(Кредит за изображение: публично достояние)

Разбира се, тъй като обществеността се премести от компютри към смартфони, иконата на приложението стана по-важна от нейната работна марка. По-рано тази година тогава не беше изненада да се види това лого е преработено също.

Този нов дизайн, показан по-горе, видя по-стария квадратен фон да бъде заменен с по-достъпен кръгъл и превключване от традиционното синьо на Facebook към по-живия градиент на неговата икона Messenger.

В обобщение, когато става въпрос за неговите лога, Facebook е направил всичко правилно. В началото привлече професионалисти и им се довери да свършат добра работа. След това се сдържаше от никакви промени изобщо в продължение на десетилетие и направи само незначителни промени, отново в съгласие с професионалистите.

В резултат на това Facebook успя да се разрасне до глобалния гигант, който върви по планетата днес, като същевременно запази почти пълната последователност на дизайна във времето.

Научен урок: Инвестирайте в това да получите логото си за първи път и ще сте готови за десетилетия. Въпреки че е изкушаващо да изхвърлите нещо бързо и мръсно, когато сте в „режим на стартиране“, принуждаването на професионалистите да свършат правилна работа ще ви се отплати в дългосрочен план.

02. Twitter

Лого на Twitter

Оригиналната дума на Twitter от 2006 г.(Кредит за изображение: публично достояние)

В сравнение с Facebook, Twitter е възприел много по-разнообразен подход към дизайна на своето лого. Това може би отразява липсата на ясна бизнес визия за платформата. (Въпреки че съществува от 2006 г., Twitter успя да реализира печалба едва през 2018 г. и оттогава започна да наблюдава тревожен спад на потребителите.)

Оригиналното лого на Twitter, показано по-горе, е творението на шведския графичен дизайнер Линда Гавин, която получи само един ден да разработи дизайна. В него е изписано името на компанията в забавни, подобни на деца букви, което създава образ на дружелюбност и приобщаване.

Лого на Twitter

Второто лого на Twitter включва първото повторение на иконата на птица(Кредит за изображение: публично достояние)

Второ лого през 2006 г., показано по-горе, дебютира на добре познатата икона на птица. През следващите няколко години се появиха други варианти на споменатата птица, издадени през 2006, 2007, 2009 и 2012 г., включително този, съставен от съоснователя на компанията, Биз Стоун.

Всеки от тях имаше подобен нюанс на синьото, но всеки беше доста различен. И нещата започнаха да стават малко претрупани и объркани в резултат, защото винаги, когато видите връзка към Twitter на уебсайта на някого, не знаете кой от тях ще бъде или дали собственикът на сайта току-що е нарисувал своя собствена версия изцяло.

Лого на Twitter

Twitter го разбра правилно с иконата си за птица от 2012 г.(Кредит за изображение: публично достояние)

Нещата станаха малко по-подредени през 2012 г. с въвеждането на познатия вече опростен и рационализиран силует, показан по-горе, който оттогава се превръща в постоянна икона за Twitter.

Въз основа на планинска синя птица, крилата са съставени от три припокриващи се кръга и именно това вродено чувство за геометричен баланс е направило тази икона на Twitter, създадена от вътрешния дизайнер Дъг Боуман, толкова обичана и успешна.

Лого на Twitter

През 2019 г. Biz Stone пусна този скрийнграб на прототип със син квадрат на мястото на логото(Кредит за изображение: публично достояние)

И така, какво, за бога, си мислеше Twitter, когато по-рано тази година те обявиха нова версия на прототип с участието на прост син квадрат като новото си „лого“ ?

„Птицата отлетя от иконата на приложението, представляваща: Простота,“ туитна Biz Stone . „Синьо небе мислене. Преработваме. Още не е там; следователно, без лого. Смело и малко странно.

Преди някой да се паникьоса твърде много, бяхме успокоени, че това НЕ е новото лого на Twitter, а някакъв експеримент.

Достатъчно е да се каже, че никой не беше впечатлен и това просто засилваше усещането, че Twitter няма ясен път напред.

имаш ли един-единствен факт, който да подкрепи това, което подкрепя сникърите

Научен урок: Първата и най-важна стъпка при проектирането на успешно лого е разбирането на основните цели на бизнеса и стратегиите, насочени към тяхното постигане. И обратно, визуалната идентичност, която е навсякъде, предполага, че може би и основният бизнес е.

03. Instagram

Лого на Instagram

Оригиналното лого на Instagram всъщност не е свързано с услугата, която предлага(Кредит за изображение: Instagram)

По отношение на ентусиазма на потребителите, глобалния обхват и рентабилността, Instagram е историята на успеха на социалните медии от десетилетието. А чувството му за яснота и предназначение е ясно отразено в внимателната еволюция на дизайна на неговото лого.

Пуснато на пазара през 2010 г., първото лого на Instagram беше словна марка, която самата е преминала през редица повторения през годините. Но за платформа, която винаги е била съсредоточена около смартфона, това е иконата, която е най-важна за нейната идентичност на марката.

Главният изпълнителен директор и съосновател Кевин Систром проектира оригиналната икона, показана по-горе. Изглежда като старомоден фотоапарат Polaroid, за който по-късно той призна, че няма нищо общо с това, което Instagram всъщност предлага като услуга.

Лого на Instagram

Следващото лого беше по-опростено, но все пак скеуоморфно(Кредит за изображение: Instagram)

Малко след това, той привлече помощ от Cole Rise, професионален дизайнер и фотограф и един от бета тестерите на приложението, за изработването на нов дизайн.

След редица повторения за период от шест месеца, те най-накрая се спряха на иконата на камерата на Rise (показана по-горе).

Лого на Instagram

Дизайнът от 2016 г. раздели всичко до най-важното(Кредит за изображение: Instagram)

Това остана на мястото си до 2016 г., когато Instagram пусна нов, драматично минималистичен дизайн (по-горе), който беше създаден вътрешно за период от девет месеца.

Както споменахме по-рано, потребителите на социални медии не обичат промяната, особено когато това е толкова драматично. И не е изненадващо, че много хора полудяха, карайки New York Times да озаглави събитието Големият Instagram Logo Freakout от 2016 г. .

Но като погледнем назад сега, изглежда като необходим ход.

Скеуоморфизмът сега е категорично в немилост в света на логата и с почти всяка друга уеб услуга, опростяваща дизайна на тяхното лого, Instagram би изглеждал доста стар, ако беше запазил подробната си икона на 3D камера. Особено като се има предвид, че самата камера, като отделно устройство, бързо става без значение в очите на потребителите на смартфони от висок клас (вижте нашата най-добрите смартфони ако искате да надстроите своя).

Научен урок: Широката актуална тенденция е да опростите и сведете до минимум дизайна на вашето лого с течение на времето. Най-безопасно е да правите това постепенно, но ако имате силен продукт и страстно следвате, вие биха могли, може избягайте с разкъсване на лейкопласта с едно движение.

04. Pinterest

Лого на Pinterest

Оригиналното лого на Pinterest, със своите приятелски надписи на скрипт(Кредит за изображение: Pinterest)

Pinterest е друга платформа за социални медии, която направи само една, сравнително фина промяна в логото си през годините.

Пуснат на пазара през 2010 г., Pinterest скоро намери доходоносна ниша, действайки като виртуална табла за любимите изображения на хората. И неговата икона „P“ - която превръща първата буква от името си в щифт - е идеално проектирана да предаде същността на предлаганото от нея.

В комбинация с фразата „Pin it“, този интелигентен дизайн (показан по-горе) мигновено изяснява за какво става дума в платформата и как да я използвате.

Лого на Pinterest

Редизайнът от 2017 г. направи надписите по-делови, но остави иконата „щифт“ непокътната(Кредит за изображение: Pinterest)

Така че, когато Pinterest в крайна сметка преработи логото си през 2017 г., беше умен ход да оставите иконата изцяло недокосната.

Вместо това фокусът беше единствено върху словесната марка, която беше преработена с помощта на модифицирана версия на Neue Haas Grotesk, за да изглежда по-чиста и по-бизнес.

Научен урок: Логото не винаги трябва да обяснява или илюстрира вашата услуга ... но ако можете да намерите начин да го направите визуално, значи сте на победител.

05. YouTube

Лого на YouTube

Оригиналното лого предаваше прекрасно целта на услугата(Кредит за изображение: YouTube)

Еволюцията на логото на YouTube през годините е друг пример за това как любимото лого може да бъде неусетно подобрено, като го рационализира и опрости с течение на времето.

Трудно е да си спомним време, когато никой не е знаел какво е YouTube, но когато услугата, създадена от бивши служители на PayPal Чад Хърли, Стив Чен и Джауви Каримон, стартира на Свети Валентин 2005 г., беше точно ситуацията.

И така, оригиналното лого, показано по-горе, помогна на хората да стигнат по-бързо, като постави думата „Тръба“ в червен заоблен правоъгълник, представляващ телевизор.

Лого на YouTube

До 2011 г. по-плоският правоъгълник има смисъл както функционално, така и символично(Кредит за изображение: YouTube)

Това лого, проектирано с алтернативна готика номер две, остава непроменено до 2011 г., когато е представен нов дизайн с по-плосък правоъгълник (показан по-горе), в по-тъмен нюанс на червено.

В свят, в който обемистите CRT телевизори от по-стари години бяха бързо заменени от елегантни плоски екрани, премахването на 3D градиента беше разумен ход, запазвайки логото да изглежда свежо и модерно, без да изисква радикална промяна.

Лого на YouTube

Логото за 2017 г. може по-лесно да бъде разделено на отделни икона и дума(Кредит за изображение: YouTube)

Логото беше обновено за пореден път, но само с незначителни промени, през 2013 и 2015 г. През 2017 г. обаче оригиналното лого от 2005 г. получи първия си основен ремонт.

Този дизайн, създаден в къщата, най-накрая изпусна формата на телевизора, заобикаляща 'Tube', и го премести на една страна, осигурявайки място за по-чиста и по-ясна дума.

Новото лого (показано по-горе) е създадено специално, за да бъде по-гъвкав дизайн, който работи по-добре на различни устройства, включително малки екрани. Както YouTube обясни в публикация в блог: „Когато помещението е ограничено (да речем на смартфон), можете да използвате озарената икона като съкратено лого, което ще се вижда по-лесно и ще се чете по-ясно.“

Той също така включва нов шрифт по поръчка, а новият правоъгълник е оцветен в # FF0000, „наистина чисто червено, което отива към RGB на видео“.

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

Научен урок: Добре е да актуализирате и усъвършенствате логото си с течение на времето - и ако го правите бавно, фино и по основателни причини, потребителите са по-склонни да останат настрана.

06. Среден

Средно лого

Оригиналното лого на Medium красиво предаде темата на писането(Кредит за изображение: Среден)

Ако искате да видите контраст с естествената и често незабележима еволюция на логото на YouTube, просто проверете неприятните стъпки напред и назад, направени от Medium.

Medium стартира през 2012 г. от Евън Уилямс, по-рано съосновател на Blogger и Twitter. Първоначално той го виждаше като начин хората да публикуват писания и документи, по-дълги от 140 символа (сега 280 знака) на Twitter.

При изстрелването той носи лого, базирано на монохромен плоча-сериф M, използвайки шрифта Stag (показан по-горе). Като платформа, насочена към писатели, този прост, претрупан сериф, напомнящ на пишещи машини и печат, направи ясно и смело изявление.

Средно лого

Промяната в 2015 г. сега изглежда като продукт на преосмисляне(Кредит за изображение: Среден)

През 2015 г. обаче тогавашният арт директор на Medium Ерих Наглер заяви в публикация в блог, че този дизайн не се е оказал особено разтегателен.

„Служи ни добре през първите няколко години, но тъй като Medium нарастваше и се развиваше, логото започна да се чувства плоско, непроницаемо, тъпо и не е за игра с него“, обясни той. „Освен това не е особено отличително. Накратко, нашият М вече не улавяше и не предаваше това, което се превърна в Медиум. '

Средно работи с дизайнера на типове Род Кавазос от PSY / OPS за разработване на нова концепция: „че нашето лого може да бъде направено от поредица от взаимосвързани идеи или форми, които, когато се обединят, формират нова мисъл. Лого, което тече, разгръща се и се изгражда като страхотен и запомнящ се разговор ... Резултатът е персонализиран набор от букви, който красиво улавя ъглите и духа на логото, без да става прекалено груб или прекалено геометричен.

Възможно е да има някаква логика в това продължително обяснение (можете да прочетете пълния пост тук ). Но полученото лого, показано по-горе, най-малкото не беше прието с ентусиазъм.

Цветът на монетния двор - по-скоро свързан с финансовите приложения от всичко останало - озадачаваше. Сгънатите хартиени изображения изглеждаха тромави и неудобни. Ясната визуална връзка с писането беше изчезнала. Дори кернингът беше под въпрос.

Средно лого

Днешното лого на Medium е очевидна обратна връзка към оригинала(Кредит за изображение: Среден)

Така че може би не е изненадващо, че само две години по-късно, Medium направи остър десен завой и пусна друго ново лого (показано по-горе), което изглеждаше поразително подобно на оригинала.

Сътрудничество между Наръчник и вътрешния екип на Medium, този елегантен и зрял дизайн прилича много на директна еволюция от оригинала, почти ако самоличността от 2015 г. никога не се е случвала. По-малко препроектиране, може би, отколкото „непроектиране“.

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

07. Snapchat

Snapchat лого

Основателят на компанията Евън Шпигел проектира оригиналното лого на Snapchat в спалнята си(Кредит за изображение: Snapchat)

Ще завършим тази статия, както започнахме: с лого на социалните медии, което беше доста заковано в самото начало и оттогава се нуждае само от две еволюционни промени.

Геният на Snapchat, стартиран през 2011 г., беше да позволи на потребителите да изпращат снимки или видеоклипове, които изчезват след определен период от време. И така, идеята за лого, базирано на призрак (показано по-горе), беше шлем.

Основателят на компанията Евън Шпигел го нарисува на компютъра си в спалнята си в общежитието, преди компанията дори да има име. Рап фен, той беше вдъхновен от рапъра на Wu-Tang Clan Ghostface Killah, а логото вече е известно вътрешно в компанията с прякора Ghostface Chillah.

Spiegel избра жълто, защото това беше цвят, който никое друго популярно приложение не използваше. Неговият опростен дизайн беше лесен за разпознаване, дори на малки екрани, и като цяло дизайнът се оказа чудесен пример за максимата „Ако не е счупен, не го поправяйте“.

Snapchat лого

Най-новото лого (вдясно) в сравнение с актуализацията от 2013 г. (вляво)(Кредит за изображение: Snap)

Всъщност до съвсем наскоро имаше само голяма актуализация. През 2013 г., когато Snapcat дебютира Stories, стартира преработеното лого, показано по-горе (вляво).

Премахването на анимационното лице помогна за рационализиране на логото и за по-доброто му функциониране при малки размери. Snapchat също промени цвета на Pantone 100% Yellow, който не може да не бъде забелязан на голямо разстояние и идеално се вписва в младата демографска група на основната си аудитория.

През 2019 г. Snapchat разстрои мнозина, като актуализира иконата си за призрак, очертавайки го повече от преди с по-дебела черна линия. Това е напълно логично от гледна точка на достъпността, иконата вече е по-лесна за гледане. Но това не спря хората да се ядосват .

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

Прочетете още: