På nettstedet Webdesign from Scratch finner du som er opptatt av nettsteder og webdesign utrolige mange gode artikler om emnet. Du kan blant annet lese om hvilke logoer som gjør seg best på internett.

Logos are graphical shorthand that can represent a company or product, and communicate certain characteristics

...er deres definisjon av hva en logo er. For at en logo skal fungere etter sin hensikt må den ha visse karakteristika:

  • Form (shape)
  • Fylde (presence)
  • Vekt (weight)
  • Kontrast (contrast)

 

1. Form

Det viktig at logoen har en form som vi lett kan kjenne igjen. For å få dette til må logoen være enkel og klar. En enkel test for dette kan være å myse, når du ser på logoen, du skal vurdere.

 

 Et godt eksempel er Apple sin logo. Vi kjenner den igjen på formen selv om den ikke her har sine vanlige farger.

En annen veldig sterk form, som står alene og i hvilken som helst sammen er Nike.
Et eksempel på svak form, altså uklar siluett og som er så komplisert at gjenkjennelse er vanskelig. Den er ukonsistent vet, både veldig tynne og veldig tykke streker. Bilde har for mange elementer som ikke har nok kontrast til å bære vekt.
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2. Presence


For det andre må logoen ha fylde, dvs bruke det meste av plassen den har til rådighet. Dette gjør logoen 'fetere' og klarere og dermed lettere å gjenkjenne.

 

 IBM sin logo bruker plassen den får tildelt og har ikke elementer som trekker bort fokus.

Nøkkel elementene "FTL" er for svake til å trekke fokus. FTL bokstavene manger rom rundt seg for å skille de ut fra spiralen og si at de er viktige. Spiralen og ovalen er de sterkeste formene her - men det er ikke de som skal gi mening og gjenkjennelse.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. Vekt


For det tredje er det viktig at logoen ikke er avhengig av tynne/fine trekk for å bli gjenkjent. En fet logo vil være effektiv i flere ulike omgivelser.  Bruken av farge er viktig i forhold til å få til en klar. fet logo. For mange farger, gradienter, 3-d effekter og komplekse mønstre må man prøve å unngå. Altså:

  • Bruk så få farger som mulig
  • Unngå 3-d effekter

 


 Sterk balanse (vekt), farge og form gjør Dells logo lett gjenkjennbar.

Teksten er for lys, det er også den andre viktige formen (plattformen). 3-D effekten på teksten reduserer kontrast og lesbarhet. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. Kontrast

For det fjerde er kontrast viktig i forhold til å lage en logo med en form som man kjenner igjen. Også her kan myse-testen anvendes.

 


 McDonald's logo har ikke veldig sterk fargekontrast, men kontrast mellom sterke flater farger og farger som gjør formen klar. Legg merke til rom rundt teksten som gjør den lesbar.

Logoformen bak teksten er  for lett til å være tydelig. 'Venture Capital' teksten som er viktig, er også for lett i lys grå.  Man står igjen med ordet 'Mobius' - som kanskje ikke gir så mye mening og gjenkjennelse.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Les hele artikkelen og både gode og dårlige eksempler hos Webdesign from Scratch.

Kilde: webdesignfromscrach.com/logos.php



Hvordan er det da med W3Spor sin egen logo?

webdesign kommuniserer
  • Formen (ellipse) er enkel og gjenkjenbar
  • Den gjør god bruk av plassen, den har til rådighet
  • Skriften som brukes er passe tykk (har vekt)
  • Kontrasten er også godkjent

 

 

 

 

 

 

 

 

 

Konklusjon: En bra logo som vil fungere godt på internett (puuuh!)