Å tegne et ikon er vanskelig og tidkrevende, og ofte resulterer det i mange ideer og skisser som hadde passet perfekt til en større samling. En ikon-suite. Ihvertfall har det vært min erfaring. Og det er klart, lager man en spesiell effekt, boks eller manér på et ikon, kan det lett overføres til flere. Og vips, er man mer produktiv og ideene kommer tydeligere frem.
I Shortcut hadde vi noen gode, noen løse og noen enkle konsepter til webapplikasjoner sommeren 2008. Mye halvferdig hobbyprosjekter som aldri så dagens lys. Og det er sikkert like greit. Men blant disse app-ideene, fant jeg nylig skisser på ikoner vi kanskje skulle jobbe videre med. Jeg tenkte da at alt kunne formes om til en kube, og at innenfor en slik klossete ramme ville den visuelle sammenhengen bli tydelig nok. Her er de skissene:

Jeg skal ikke si så mye om disse ikonene. Ikke annet enn at bussen øverst i midten, har i ettertid blitt til Trafikanten-ikonet på vår iPhone-applikasjon. På den tiden hadde vi en alternativ reiseplanlegger til Trafikanten.no. En annen ting som er artig for meg, er at jeg har fått levd ut kubedrømmen med logoen til vår eksisterende web-applikasjon Gitorious.
Den mest kjente ikon-suiten idag, og gjennom tidene, er vel Microsoft Office-ikonene:
![]()
De har endret seg mye gjennom tidene, men noen nøkkelelementer har blitt værende: W-en i Word, kakediagrammet i PowerPoint, Access-nøkkelen osv. Og kanskje enda viktigere, de har beholdt fargene sine. Word er blått. Adobe har ikke vært like standhaftig med sine ikoner:
![]()
Her er de siste ti årenes utvikling. Fra de gode gamle foto-/kunstlignende ikonene, innom de svevende gladhippie-illustrasjonene til deres Det Periodiske system-inspirerte ikoner av idag. Det eneste de har klart å holde på gjennom utviklingen er fargepaletten. Nesten. Men Adobe har vært flinke til å lage ikoner som henger veldig godt sammen i en pakke, hver gang. De samme rammene, effektene, fargeintensiteten og detaljnivå. Vi ser at de hører sammen. (Det florerer også med hjemmelagde, flotte alternativer – 35 Best Adobe Doc Icons set for Designers – og det er kanskje ikke rart, Adobe-suiten er jo design-suiten.)
Design-giganten Apple, tar lettere på den enhetlige oppgaven, kan det virke som:
![]()
Deres «Office»-pakke iWork, ser noe sprikende ut. Og det samme er det med iLife-pakken, ingen rød tråd verken i navn, farge, ramme eller substans. For selv om de er fine sånn som de ser ut, ville det ikke kostet mye å legge på en bakgrunnsfarge eller lignende. Så ville vi skjønt at det var iWork, og de kunne enkelt levere nye produkter til deres suite. Se bare på hvordan 37Signals har fikset det:
![]()
Enkelt og greit. Ikonene inni ligner ikke, men med denne landskaps-glasskulen, kan de ikke misforstås. De er 37Signals. Og dette er jo flotte webapplikasjoner, og de som inspirerte meg i utgangspunktet til mine skisser vi så på. Men idag er det kanskje iPhone-ikoner som opptar meg mest. Og også på iPhone finnes det noen gode suiter med lekre ikoner. Finest er kanskje Tapbots sine:
![]()
Se så søte roboter! Dette er flotte greier, og designet inni applikasjonene er minst like fint. Verdt å ta en titt på. En mye enklere løsning, men like fungerende og tydelig, er å velge et par filtere og kjøre symboler gjennom det. Slik App Cubby har gjort:
![]()
Her er det nok ikke vanskelig å utvide med flere ikoner. Og det er vel bra? App Cubby har også skrevet om hvordan de kom frem til dette, for de som er interessert.
Vet du om noen ikonsamlinger du synes er fine? Legg gjerne igjen en kommentar med en link.