Poměrně málo webových aplikací začalo používat ikony šedé (černé) škály, například Github, nová Google Analytics atd. Dokonce i aplikace jako Firefox 4, Chrome „IE9, iTunes a Mac OS upustily od barevných ikon.
Jaké jsou důvody přechodu od barevných ikon k ikonám ve stupních šedi / černobílých ikon?
Příklady:
- Ikona nastavení Google Analytics
- Github (podívejte se na tlačítka ikon vpravo nahoře)
- iTunes 10 přepnul na černobílé ikony
Aktualizace: Zdá se, že ji Apple poprvé představil v Aqua pod Navrhování ikon pro ovládací prvky panelu obdélníkového stylu :
Ikony, které vypadají dobře v ovládacích prvcích panelu nástrojů v obdélníkovém stylu, jsou zjednodušené, černé obrázky, které vyjadřují význam prostřednictvím obrysů a obrysů, nikoli interních detailů. Protože vaše ikony by měly odrážet vzhled stávajících obrázků systému Mac OS X uvnitř ovládacích prvků panelu nástrojů v pravoúhlém stylu, použijte jako průvodce obrázky šablony poskytované systémem. Při navrhování ikony pro ovládací prvek panelu nástrojů v obdélníkovém stylu mějte na paměti následující body:
- Udělejte obrys ostrý a jasný
- Použijte přímou perspektivu
- K navrhování rozměrů použijte plnou černou a několik odstínů šedé.
- Použijte vyhlazování
- Ujistěte se, že je obrázek v ovládacím prvku vizuálně vycentrován (všimněte si, že vizuálně nemusí být stejné jako matematicky vycentrované)
Ikony pro ovládací prvky panelu nástrojů obdélníkového stylu s normální velikostí by neměly měřit více než 19 x 19 pixelů.
Komentáře
- Můžete poskytnout obrázek toho, o čem mluvíte? Jen jsem se podíval na Google Analytics a ' nevidím nic jako to, co říkáte.
- Omlouvám se za to. Aktualizován příspěvek o dva odkazy! Zde je několik dalších: Firefox 4 mozilla.com/en-US/firefox/features Chrome (podívejte se na zadní / vpřed / domov / oblíbené položky) google.com/chrome iTunes apple.com/itunes/what-is/player.html
- Dobrá otázka a děkujeme za aktualizaci. +1 a další +1 vyjmete a vložíte aktualizaci do nové odpovědi. 🙂
Odpověď
Věřím, že se tento trend spojil s myšlenkou oddělení obsahu a prezentace. Ikony jsou součástí chrom / ui a neměly by být příliš nápadné, aby nekonkurovaly samotnému obsahu.
Dalším důvodem může být, že je snazší přitáhnout pozornost k prvku, když se jedná o pouze jeden s barevnou ikonou a vše ostatní je ve stupních šedi. Například zelená ikona visacího zámku v kombinaci s ikonami nabídky ve stupních šedi. Vytvoření něčeho vyskakovacího okna ve skupině barevných prvků zabere mnohem více dovedností a času, protože musíte přemýšlejte o mnohem víc než jen o barvě (která již nehraje primární roli při získávání pozornosti uživatele).
Komentáře
- Přesně to, co chtěl říct. Google Chrome je dokonalým příkladem v tom, že byl navržen tak, aby unikl z cesty. Horní lišta, tlačítka, ikony jsou jednobarevné a pěkně zhuštěné. Uživatelské rozhraní Chrome tedy ' neukradne příliš mnoho pozornosti z webové stránky, na kterou se ' snažíte podívat. A ' jsem si všiml, že Microsoft má podobnou filozofii jako IE9.
- Část, která mě zuří (vzhledem k Microsoft ' s poslední oznámení blogs.msdn.com/b/visualstudio/archive/2012/02/23/… ) je, že to funguje pouze pro určité typy uživatelských rozhraní, zejména pro ty, které nemají ' t sto tlačítek, stromových zobrazení a panelů po celém rozhraní. Kdy si designéři uživatelského rozhraní začnou uvědomovat, že jde pouze o velmi specifickou metaforu designu a ne o nějaký skvělý výstřelek? Barevné ikony fungují, když je vidět mnoho ikon.
Odpověď
- Často vypadají dobře , bez ohledu na rozložení, takže si je můžete ponechat, pokud se rozložení změní.
- Ikony můžete kombinovat z různých zdrojů (The Noun Project, symbol fonts, existing icons used on platforms like the iPhone, etc.) , protože většinou vypadají podobně.
- Je snadné udělat si vlastní.
Osobně si myslím, že je to obecně špatný trend. Naše mozky zpracovávají barvy preattentně (ještě než to dokonce vědomě uvidíme); „jsme opravdu dobří v úkolech jako“ najdeme červenou ikonu v seznamu barevných ikon. „Nejsme tak dobří v úkolu typu„ najdeme ikonu, která vypadá jako malé nákladní auto v seznamu černých ikon. “ Díky tomu, že všechny ikony mají stejnou barvu, je používání produktu těžší.
Samozřejmě existují výjimky.