Ikoner – Én for alle, alle for én

Skrevet av John Eivind

For et halvannet år siden var jeg overbevist om at det var i nettleseren softwareutvikling kom til å være mest spennende. Googles og 37Signals’ produkter var allerede noe jeg var avhengig av. Og jeg ønsket sterkt å være med å lage slike webapplikasjoner. Enda mer ønsket jeg å tegne ikonene deres.

Å 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:

ikonskisser-08

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:

icons_office

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:

icons_adobe

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:

icons_iwork

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:

icons_37signals

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:

icons_tapbot

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:

icons_appcubby

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.

Publisert

Abonnér på Stammen på RSS

John Eivind Hallén

Jobber med interaksjonsdesign og visuell utforming av nettløsninger og iPhone. Hvordan funksjonelle løsninger bør se ut og fungere er noe John Eivind har opparbeidet seg mye kunnskap om etter 11 år i bransjen. Følg John Eivind på Twitter

Gravatar-aktivert. Hva er Gravatar? E-postadressen din vises ikke sammen med kommentaren.

Følgende HTML er tillatt: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">