Ganske mange webapplikasjoner har begynt å bruke grå (svarte) skalaikon, for eksempel Github, nye Google Analytics osv. Selv applikasjoner som Firefox 4, Chrome , IE9, iTunes, Mac OS, har droppet fargerike ikoner.
Hva er begrunnelsen bak flyttingen fra de fargerike ikonene til gråtoner / monokrome ikoner?
Eksempler:
- Google Analytics-innstillingsikon
- Github (se på ikonknappene øverst til høyre)
- iTunes 10 byttet til monokrome ikoner
Oppdatering: Det ser ut til at Apple først introduserte det i Aqua under Designe ikoner for verktøylinjekontroller i rektangulær stil :
Ikoner som ser bra ut i verktøylinjekontroller i rektangulær stil er strømlinjeformede, svarte bilder som formidler mening gjennom omriss og kontur, ikke interne detaljer. Fordi ikonene dine skal gjenspeile utseendet til de eksisterende Mac OS X-bildene i verktøylinjekontrollene i rektangulær stil, kan du bruke de malene som er gitt av systemet som en guide. Når du designer et ikon for en verktøylinjekontroll i rektangulær stil, må du huske følgende punkter:
- Gjør omrisset skarpt og klart
- Bruk et rett perspektiv
- Bruk full sort og noen få gråtoner for å antyde dimensjonalitet
- Bruk anti-aliasing
- Forsikre deg om at bildet er visuelt sentrert i kontrollen (merk at visuelt sentrert er kanskje ikke det samme som matematisk sentrert)
Ikoner for kontroller av verktøylinjene i vanlig størrelse i rektangulær stil må ikke måle mer enn 19 x 19 piksler.
Kommentarer
- Kan du gi et bilde av det du snakker om? Jeg har bare sett på Google Analytics og ser ikke ' noe som du sier.
- Beklager det. Oppdaterte innlegget med to lenker! Her er noen flere: Firefox 4 mozilla.com/en-US/firefox/features Chrome (se bakover / fremover / hjem / favoritter) google.com/chrome Itunes apple.com/itunes/what-is/player.html
- Godt spørsmål og takk for oppdateringen. +1, og en annen +1 kutter du og limer inn oppdateringen i et nytt svar. 🙂
Svar
Jeg tror denne trenden kom sammen med ideen om separasjon av innhold og presentasjon. Ikoner er en del av krom / ui og bør ikke være for iøynefallende for ikke å konkurrere med selve innholdet.
En annen årsak kan være at det er lettere å vekke oppmerksomhet til et element når det er bare en med et fargerikt ikon, og alt annet er gråtoner. For eksempel et grønt påloggingshengelåsikon i kombinasjon med gråtoner-menyikoner. Å lage noe pop-out i en gruppe fargerike elementer tar mye mer dyktighet og tid som du må tenk på mye mer enn bare farge (som ikke lenger spiller den primære rollen for å tiltrekke brukerens oppmerksomhet).
Kommentarer
- Akkurat det jeg skulle si. Google Chrome er et perfekt eksempel ved at den ble designet for å komme seg ut av veien. Den øverste linjen, knappene, ikonene er alle monokrome og kondensert pent. Så Chrome UI stjeler ikke ' t for mye oppmerksomhet fra nettsiden du ' prøver å se på. Og jeg har ' lagt merke til at Microsoft har en lignende filosofi med IE9.
- Den delen som gjør meg rasende (gitt Microsoft ' s siste kunngjøring blogs.msdn.com/b/visualstudio/archive/2012/02/23/… ) er at dette bare fungerer for visse typer brukergrensesnitt, spesielt de som ikke har ' t har hundre knapper, trevisninger og paneler over hele grensesnittet. Når vil UI-designere begynne å innse at dette bare er en veldig spesifikk designmetafor og ikke noe kul stil? Fargede ikoner fungerer når det er mange ikoner å se.
Svar
- De ser ofte bra ut , uansett oppsett, slik at du kan beholde dem hvis oppsettet endres.
- Du kan kombinere ikoner fra forskjellige kilder (Substantivprosjektet, symbolskrifter, eksisterende ikoner som brukes på plattformer som iPhone, etc.) , siden de for det meste ser like ut.
- Det er lett å gjøre ditt eget.
Personlig synes jeg det generelt er en dårlig trend. Hjernen vår behandler farger forsiktig (før vi til og med bevisst ser det); vi er veldig flinke til oppgaver som «finner det røde ikonet i en liste over fargede ikoner.» Vi er ikke så flinke til en oppgave som «finn ikonet som ser ut som en liten lastebil i en liste over svarte ikoner.» Hvis du lager alle ikonene samme farge, blir produktet vanskeligere å bruke.
Det er selvfølgelig unntak.