Jó néhány webalkalmazás elkezdett szürke (fekete) méretarányú ikonokat használni, például Github, új Google Analytics stb. Még olyan alkalmazások is, mint a Firefox 4, a Chrome , Az IE9, az iTunes, a Mac OS elhagyta a színes ikonokat.
Mi az oka annak, hogy a színes ikonokról a szürkeárnyalatos / monokróm ikonokra váltunk?
Példák:
- Google Analytics beállításai ikon
- Github (nézd meg a jobb felső sarokban található ikonok gombjait)
- Az iTunes 10 váltott monokróm ikonokra
Frissítés: Úgy tűnik, hogy az Apple először az Aquában mutatta be a ikonok tervezése téglalap alakú eszköztár vezérlőkhöz :
A téglalap alakú eszköztárvezérlőkben jól megjelenő ikonok áramvonalasak, fekete képek, amelyek jelentést közvetítenek a körvonal és a kontúr révén, nem pedig a belső részleteket. Mivel az ikonjainak tükrözniük kell a téglalap alakú stílusú eszköztár vezérlőinek meglévő Mac OS X képeinek megjelenését, használjon útmutatóként a rendszer által biztosított sablonképeket. Téglalap alakú eszköztár-vezérlő ikonjának tervezésekor tartsa szem előtt a következő pontokat:
- Tegye élessé és világossá a körvonalat
- Használjon egyenes perspektívát
- Használjon teljesen feketét és a szürke néhány árnyalatát a dimenzióképesség sugallására
- Használjon elnevezésgátlót
- Győződjön meg arról, hogy a kép vizuálisan középre van állítva a vezérlőben (vegye figyelembe, hogy vizuálisan középre lehet, hogy nem ugyanaz, mint matematikailag középre állítva)
A szabályos méretű, téglalap alakú stílusú eszköztárvezérlők ikonjai legfeljebb 19 x 19 képpont méretűek lehetnek.
Megjegyzések
- Tudna képet adni arról, amiről beszél? Most néztem meg a Google Analytics szolgáltatást, és nem látok ' semmit, amit mondasz.
- Elnézést ezért. Két linkkel frissítette a bejegyzést! Íme még néhány: Firefox 4 mozilla.com/en-US/firefox/features Chrome (nézz vissza / előre / home / kedvencek) google.com/chrome Itunes apple.com/itunes/what-is/player.html
- Jó kérdés és köszönöm a frissítést. +1, és egy másik +1, amelyet kivág és beilleszt a frissítés egy új válaszba. 🙂
Válasz
Úgy gondolom, hogy ez a tendencia a tartalom és a prezentáció szétválasztásának gondolatával jött össze. Az ikonok a chrome / ui részét képezik, és nem lehetnek túl feltűnőek ahhoz, hogy ne versenyezhessenek magával a tartalommal.
Egy másik ok az lehet, hogy könnyebb felhívni a figyelmet egy elemre, amikor ez az csak egy színes ikonnal, és minden más szürkeárnyalatos. Például egy zöld bejelentkezési lakat ikon a szürkeárnyalatos menü ikonjaival kombinálva. Ha valami előugrik egy színes elemek csoportjában, sokkal több készséget és időt igényel, mint amire szükség van gondoljon sokkal többre, nem csak a színre (amely már nem játszik elsődleges szerepet a felhasználó figyelmének felkeltésében).
Megjegyzések
- Pontosan mi mondani akarta. A Google Chrome tökéletes példa abban, hogy úgy alakították ki, hogy elkerülje az útját. A felső sáv, a gombok, az ikonok fekete-fehérek és szépen sűrítettek. Tehát a Chrome felhasználói kezelőfelülete ' nem lop el túl sok figyelmet arról a weboldalról, amelyet ' megpróbál megnézni. És én ' észrevettem, hogy a Microsoft az IE9-hez hasonló filozófiával rendelkezik.
- Az a rész, ami engem dühít (adott a Microsoft ' s legújabb bejelentése blogs.msdn.com/b/visualstudio/archive/2012/02/23/… ) az, hogy ez csak bizonyos típusú felhasználói felületeknél működik, különösen azoknál, amelyeknél nincs ' nincs száz gomb, fa nézet és panel az egész felületen. Mikor kezdik rájönni a felhasználói felület tervezői, hogy ez csak egy nagyon sajátos tervezési metafora, és nem valami hűvös divat? A színes ikonok akkor működnek, ha sok ikon látható.
Válasz
- Gyakran jól néznek ki , függetlenül az elrendezéstől, így megtarthatja őket, ha az elrendezés megváltozik.
- Kombinálhatja a különböző forrásokból származó ikonokat (The Noun Project, szimbólum betűtípusok, meglévő ikonok, amelyeket olyan platformokon használnak, mint az iPhone stb.) , mivel többnyire hasonlítanak egymásra.
- Könnyű megcsinálni a saját.
Személy szerint szerintem ez általában rossz tendencia. Az agyunk előszeretettel dolgozza fel a színt (még mielőtt tudatosan látnánk); “nagyon jól járunk az olyan feladatokhoz, mint” a piros ikon megtalálása a színes ikonok listájában. “Nem vagyunk olyan jók olyan feladatoknál, mint a” keresd meg a kis teherautónak tűnő ikont a fekete ikonok listáján “. Az összes ikon azonos színűvé tétele megnehezíti a termék használatát.
Természetesen vannak kivételek.