Heel wat webapplicaties zijn begonnen met het gebruik van grijze (zwarte) schaalpictogrammen, bijvoorbeeld Github, nieuwe Google Analytics, enz. Zelfs applicaties zoals Firefox 4, Chrome , IE9, iTunes, Mac OS, hebben kleurrijke pictogrammen laten vallen.
Wat is de reden achter de overgang van de kleurrijke pictogrammen naar grijswaarden / zwart-witpictogrammen?
Voorbeelden:
- Google Analytics-instellingenpictogram
- Github (kijk naar de pictogramknoppen in de rechterbovenhoek)
- iTunes 10 is overgeschakeld naar monochrome pictogrammen
Update: het lijkt erop dat Apple het voor het eerst in Aqua heeft geïntroduceerd onder Pictogrammen ontwerpen voor werkbalkbesturingen in rechthoekige stijl :
Pictogrammen die er goed uitzien in rechthoekige werkbalkbesturingen zijn gestroomlijnde, zwarte afbeeldingen die betekenis overbrengen door middel van omtrek en contour, niet door interne details. Omdat uw pictogrammen het uiterlijk van de bestaande Mac OS X-afbeeldingen in rechthoekige werkbalkregelaars moeten weerspiegelen, gebruikt u de door het systeem geleverde sjabloonafbeeldingen als richtlijn. Houd bij het ontwerpen van een pictogram voor een werkbalkbesturingselement in rechthoekige stijl rekening met de volgende punten:
- Maak de omtrek scherp en duidelijk
- Gebruik een rechtuit perspectief
- Gebruik volledig zwart en een paar grijstinten om dimensionaliteit te suggereren
- Gebruik anti-aliasing
- Zorg ervoor dat de afbeelding visueel gecentreerd is in het besturingselement (merk op dat gecentreerd is misschien niet hetzelfde als wiskundig gecentreerd)
Pictogrammen voor normale rechthoekige werkbalkregelaars mogen niet meer dan 19 x 19 pixels meten.
Reacties
- Kun je een beeld geven van waar je het over hebt? Ik heb zojuist naar Google Analytics gekeken en ' zie niet zoiets als wat je zegt.
- Sorry daarvoor. Bijgewerkt het bericht met twee links! Hier zijn er nog een paar: Firefox 4 mozilla.com/en-US/firefox/features Chrome (kijk naar de achterkant / vooruit / home / favorieten) google.com/chrome Itunes apple.com/itunes/what-is/player.html
- Goede vraag en bedankt voor de update. +1, en nog een +1, knip en plak je de update in een nieuw antwoord. 🙂
Answer
Ik geloof dat deze trend samenkwam met het idee van een scheiding tussen inhoud en presentatie. Pictogrammen maken deel uit van de chrome / ui en mogen niet te opvallend zijn om niet te concurreren met de inhoud zelf.
Een andere reden kan zijn dat het gemakkelijker is om de aandacht te vestigen op een element wanneer het de slechts één met een kleurrijk pictogram, en al het andere is in grijstinten. Bijvoorbeeld een groen inlog-hangslotpictogram in combinatie met menupictogrammen in grijstinten. Iets uitklappen in een groep kleurrijke elementen kost veel meer vaardigheid en tijd. denk aan veel meer dan alleen kleur (dat niet langer de primaire rol speelt bij het trekken van de aandacht van de gebruiker).
Opmerkingen
- Precies wat ik wilde zeggen. Google Chrome is een perfect voorbeeld omdat het is ontworpen om uit de weg te gaan. De bovenste balk, knoppen, pictogrammen zijn allemaal zwart-wit en mooi gecondenseerd. Dus de Chrome-gebruikersinterface steelt niet ' teveel aandacht van de webpagina die u ' probeert te bekijken. En ik ' heb gemerkt dat Microsoft een vergelijkbare filosofie heeft met IE9.
- Het deel dat me woedend maakt (gegeven Microsoft ' s laatste aankondiging blogs.msdn.com/b/visualstudio/archive/2012/02/23/… ) is dat dit alleen werkt voor bepaalde soorten gebruikersinterfaces, in het bijzonder diegene die niet ' geen honderd knoppen, boomweergaven en panelen over de hele interface hebben. Wanneer zullen UI-ontwerpers zich realiseren dat dit slechts een heel specifieke ontwerpmetafoor is en geen coole rage? Gekleurde pictogrammen werken wanneer er veel pictogrammen te zien zijn.
Antwoord
- Ze zien er vaak goed uit , ongeacht de lay-out, zodat u ze kunt behouden als de lay-out verandert.
- U kunt pictogrammen uit verschillende bronnen combineren (The Noun Project, symboollettertypen, bestaande pictogrammen die worden gebruikt op platforms zoals de iPhone, enz.) , aangezien ze er meestal hetzelfde uitzien.
- Het is gemakkelijk om het zelf te doen.
Persoonlijk denk ik dat het over het algemeen een slechte trend is. Onze hersenen verwerken kleur pre-aandacht (voordat we het zelfs maar bewust zien); we “zijn erg goed in taken als” zoek het rode pictogram in een lijst met gekleurde pictogrammen “. We” zijn niet zo goed in een taak als “zoek het pictogram dat eruitziet als een kleine vrachtwagen in een lijst met zwarte pictogrammen.” Als u alle pictogrammen dezelfde kleur maakt, is uw product moeilijker te gebruiken.
Er zijn natuurlijk uitzonderingen.