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:

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

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.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *