Logotyper för Print Versus Online - Identifiera din målgrupp och design

Eftersom effektiviteten och det strömlinjeformade tillvägagångssättet för en online närvaro fortsätter att bli det primära sättet för företagskommunikation, är ett företags varumärke starkt beroende av hur en logotyp gränsar till sin webbplats.

Vi undersöker en rad frågor som rör att arbeta med och integrera logotyper, inklusive effektiva och ineffektiva kombinationer och hur logotyper som presenteras online skiljer sig från sina tryckta motsvarigheter. Dessutom diskuterar vi vad som gör en logotyp framgångsrik från användbarhet och teknisk synvinkel.

Det här inlägget är dag 5 i vår grafiska designsession. Creative Sessions "Session Day 4Session Day 6"

Skype

Skype är en onlinetjänst där användare kan prata online, snabbmeddelande och göra videosamtal gratis (eller en liten avgift i vissa fall). Skypes huvudfokus är att ansluta vänner och familj online. När besökare interagerar med deras varumärke är det alla online. Med detta sagt, är deras logotyp mestadels betraktad med en 3D eller fasad effekt, medan den platta blåfärgen är reserverad för andra applikationer som inte tillåter subtila färgförändringar. Dessa fall förekommer allmänt när det gäller tryckta bitar som faxark, broderade kläder, etsade ytor och vinylbokstäver.

Det är rättvist att säga att det primära utseendet Skype vill att besökarna ska följa är den fasade versionen av logotypen. Denna version har en mjukare och mer tilltalande överklagande som fungerar i mer situationer än inte, ur användbarhetssynpunkt, med tanke på deras affärsmodell.


Digg

Digg är en online-plattform där användarna kan rösta eller digg intressanta historier.

Digg har en rad stilar och ikoner som betecknar sitt varumärke. Till skillnad från Skype vars primära logotyp är ganska konsekvent varhelst det inträffar är Diggs implementering unik och varierad. Diggs hemsida använder en omvänd (vit) logotyp.

Digg har utökat de visuella som besökarna associerar med dem med hjälp av andra ikoner och inte deras logotyp för att identifiera sig. När någon vill "Digga" en artikel, en historia, ett foto eller något annat, ser de inte en bild av Digg-logotypen, utan ser ett nummer som anger hur många Diggs den särskilda posten har, medan ordet "digg "är skrivet litet och under numret (se 1).

Med en webbplats som är lika populär som Digg är det svårt att styra användningen av sina visuella tillgångar. Människor ändrar företagslogotyper regelbundet, vilket i allmänhet sparar effektiviteten hos ett starkt varumärke. Det är vanligt att se anpassade ikoner och konst som kanske eller inte ser professionell ut som representerar ett företag vi känner igen. Digg är sällsynt i det faktum att de välkomnar besökare att ändra några visuella tillgångar som representerar dem. Digg shovel-ikonen (se 2) är ett av dessa exempel. Digg tillåter öppet ändringar av denna ikon för att passa en webbplatss behov som anges här.

Fullfärg Digg-logotypen (se 3) används i en annan kapacitet, inte nödvändigtvis mindre ofta men inte som den primära identifieraren som den föredrar den besökare att se, döma av bristen på användning på en av de mest framträdande platser man skulle se den, webbplatsen eller under Digg-knapparna.


Firefox

Firefox är en populär webbläsare. Faktum är att de flesta av dina läser denna artikel med det!

Firefox är ett annat bra exempel på en produkt som kan ha enstaka tryckta dokument (kanske på företagsnivå) medan deras primära funktion är helt online. När en person vill använda Firefox klickar de på en fullfärg och underbar Firefox-ikon. En gång inuti programmet ser du inte Firefox-logotypen längre.

Med detta i åtanke kan vi byta till hur användningen av logotyper översätts till reklam. Firefox-logotypen i dess helhet (se 1) består av ikonen och texten. I de fall där ikonen inte används, skriver de helt enkelt ordet "Firefox" (se 2.) Versioner 3 och 4 går helt enkelt tillbaka till arbete där bakgrunden är för lik eller skapar en obehaglig kombination med den orange texten. Du får aldrig se en officiell version av ordet "Firefox" skrivet i en annan färg.


En här en där

One Here One There (OHOT) är en ideell vinst som främjar tillväxt i Afrika söder om Sahara genom utbildning. OHOT-märket får stöd och medvetenhet mer lika (jämfört med exemplen ovan) både online och i tryck. Eftersom det här är fallet behövde OHOT-logotypen vara i stort sett konsekvent under hela kampanjen. OHOT-logotypen nedan använder endast två färger, grönt och grått. Eftersom OHOT är en ideell organisation använder den begränsade färger i sin logotyp som i sin tur kommer att spara pengar på tryckta bitar.

OHOT-webbplatsen använder logotypen i oförändrad form på en ljusgul bakgrund. Återigen, eftersom användningen av logotypen spänner över såväl utskrifter som online-applikationer, fortsätter OHOTs logotyp konstant.

Nedan visas en tryckt annons som innehåller en omvänd version av logotypen. Inte mycket har förändrats.

Denna bänkreklam behandlar logotypen på ett liknande, men kreativt sätt.

OHOT-logotypen och kampanjen utformad av och med tillstånd av Ad 2 Tampa Bay.


Mindre effektiv användning av en logotyp på nätet

Som en viktig informationskälla är en webbplats en hörnsten för en framgångsrik varumärkesbild. Det är viktigt att din logotyp fungerar bra oavsett om det är enkelt, 3D, utsmyckat, extravagant, etc..

Ta till exempel den berömda MGM-logotypen som visas nedan. Den här logotypen har funnits i många år och är i sig en snygg logo. Å andra sidan är implementeringen på webbplatsen mindre än idealisk. Observera hur droppskuggan är för tung och hindrar loggens läsbarhet. Det skulle ha varit mycket effektivare att eliminera droppskuggan och experimentera med att ändra bakgrundsfärgen, åtminstone direkt bakom logotypen.

Det är viktigt att din online-närvaro skildrar bilden du tänker förmedla. I MGM: s fall är webbplatsen en viktig informationskilde, men fler människor ser logotypen på storskärmen snarare än på deras hemsida.

Det viktigaste begreppet att absorbera är att en logotyp ska fungera bra oavsett omständigheten. Om du håller detta koncept bakom dig som du tillverkar logotypen kommer slutresultatet att bli en som fungerar i flera år framöver i både digital och tryckt form.


Medel

Nedan finns några resurser som jag har hittat till hjälp när det gäller att få inspiration eller att utföra några av de steg som skapar en logotyp innebär.

Identityworks

Identityworks har en mängd information om branding, logotyper, logotyper och mer. Följ länken för att se hur företag använder riktlinjer för att hålla sitt varumärke synligt konsekvent.

Svänga

Veer är en stock photography webbplats som har ett stort urval av högkvalitativa teckensnitt att läsa och köpa när du letar efter det perfekta teckensnittet för din logotyp. Ännu bättre är att du kan skriva dina egna bokstäver för att se hur de ser ut i en viss typsnitt.

En av de största fördelarna med att köpa ett teckensnitt är att det begränsar antalet personer som använder samma teckensnitt i sin logotyp. Om du letar efter något som är lite mer exklusivt, så är det här vägen att gå.

Fawnt

Fawnt har några trendiga och unika teckensnitt som är gratis att ladda ner. Kolla in typsnittet Diavlo, det är ganska coolt.

Kuler

Kuler är Adobes onlineverktyg för att välja färgkombinationer. Användare kan skapa sin egen kombination med en mängd olika reglage och alternativ. Du kan ladda ner färgpaletter som andra användare har gjort direkt till ditt Adobe-program.

TIPS: I Illustrator CS3 går du till Fönster> Adobe Labs> Kuler för att öppna paletten som gränsar till webbplatsen.

David Airey

Kolla in Davidairey.com för att lägga till lite humor på din dag, kolla in artikeln nedan. Det finns också massor av bra logotypsartiklar och resurser på webbplatsen.

Det här inlägget är dag 5 i vår grafiska designsession. Creative Sessions "Session Day 4Session Day 6"