Gyönyörű ÉS használhatatlan ikonok
Az ikontervezés, ahogy én látom kísérletező időszakát éli: a képernyőfelbontás drámaian megugrott és az ikonok is vele nőttek. A Vistával bejött a csillogó, üvegszerű megjelenés. Másrészről még mindig a régi jó pixelekből állnak össze és a 16×16-os méretet is széles körben használják. Valahol itt kezdeném el számba venni miért szaporodtak meg a szép, de használhatatlan, átgondolatlanul gyártott ikonkészletek..
Ez az ikon gyönyörű.. ha eltekintünk attól, hogy túl részletes, az apró finomságok elvesznek kis méretben, köztük a megkülönböztető jellege is, ami az ikonkészlet többi elemétől elválasztaná - a színes toll. Ezzel szemben nagy felületet vesz el a nem hasznos rész- az Adobe cég “A” betűje.
Vegyük csak sorban általánosan.
Mert kritizálni mindíg könnyebb nemde? ;-)
#1 Hiba- a készlet tagjai túlságosan egyformák
Az ikonoknak egymás között is megkülönböztethetőnek és felismerhetőnek kell lenniük első pillantásra. A problémát súlyosbítja, hogyha a megszokott kis méretben (16×16, 32×32 pixel) kell őket alkalmaznunk. És rendszerint kell.
#2 Hiba- egy darab ikon túl sok elemből áll
Egy ikon jel, tehát valami helyett áll, a jelölt információ rövidítése. Minél egyszerűbb és „szófukarabb” annál jobb.
Ezzel szemben Microsoft tervezői, egész apró grafikákat mellékelnek a Vistához, amik kerek ,beléjük foglalt történettel ajándékoznak meg, mint egy-egy meseillusztráció.
Ha a túldíszített grafikákat lekicsinyítjük a alkotóelemek nagy része elvész. Azon kívül a komplexitásuk miatt nagy méretben sem egyszerű sokszor megfejteni az üzenetüket.
#3 Ezzel máris elérkeztünk a harmadik ponthoz: mivel kevés pixelből gazdálkodunk az egész ikonnak a tárgyhoz tartozónk kéne lennie, mellőzve a felesleges elemeket. Ha csak a lényeget rakjuk bele, értékes pixeleket nyerünk és az ábrázolt téma sokkal kivehetőbbé válik. Ha ikon szettet tervezel, gondold át, melyik eleme lehet elhagyható.
#4 Egy készlet attól szett, hogy valami miatt összefügg. A stílus egysége fog össze több ikont egyetlen készletbe. Ez lehet színösszeállítás, perspektíva, méret, rajztechnika, vagy ezek kombinációja. Lehetőleg NE legyen egy plusz grafikai elem, ami csak ezért került rá és egyébként semmi funkciója! Ha a készletben csak néhány ikon van, a tervező fejben tarthatja a szabályokat. Ha sok és több dizájner is dolgozik rajtuk, nem árt szavakba foglalni.
#5 Az ikongyártással együtt jár egy formai redukció- szükségszerűen kompromisszumot kell kötni a használhatóság és az eredetiség között. Ha az ikonod az országhatárokon kívül is megjelenik, nem árt, ha mellőzöd a túl nemzeti gondolkodású asszociációkat. Ugyanez érvényes a túl személyes indíttatású ötletekre is. Amennyiben nemcsak te fogod nézni, gondolnod kell másokra is.
#6 Miért rossz dolog szöveget írni az ikonokba? Először is, mert mint jel a szöveges információ helyett is áll, de így rögtön „visszaminősíted”. Másrészt mert össze fog függni azzal a nyelvvel amivel a szöveget leírtad és akadályozza a honosítást. Harmadrészt, ha az ikon kicsi, a szöveg olvashatatlan lesz. Az ilyeneket mint: „playlist”, „bookmarks” nyugodtan lehagyhatjuk, nem létfontosságú.
#7 Végezetül szinte sosem hangzik el, de a gomb meg az ikon két különböző dolog.
Pl a rádiógomb= 1 gomb, amire ha rákattintasz be vagy kikapcsolt állapotba hozod - DE egy on és off állapotot ábrázoló ikon az 1 grafika, amire ha ráklikkelsz, az egész ikont „megkattintod”.
Az ikonnal előfordulhat, hogyha beivódott valami miatt a köztudatba stabil eleme lesz az interfésznek.
Jó kis cikk ez, meg a blog is teszik, riszpekt.
Köszönöm.
Ki használ ekkora bazinagy ikonokat, és mire??? 32×32-es van a desktopon, 16×16 a tálcán. Hová a lótüdőbe lehetne kitenni egy 256×256-ost? Mi értelme van? Még fejlécbe, logónak is óriási. Nyomtatásban még értem, de képernyőre?
32×32-ben egységes és látványos, ugyanakkor jól értelmezhető ikonsort csinálni — no az a kunszt.
1600*1200 feletti felbontásnál lehet értelme…
node kérem, ez hányas ps ikonja?
7es talán?
a cs3 egyaltalan nincs tulcsicszva:)
a gyartok eredeti ikonjai sosem ilyenek, az utangyartottakrol meg hat inkabb ne is beszeljunk..
photoshopnews.com/stories/images/PSCS3/CS3-icon.png
mellesleg a peldan levo ikon sztem kifejezetten csunya..
Hat, nemtudom, nekem nem azert van 1920×1200 hogy bazi nagy, hanem hogy bazi sok ikon lehessen rajta
na szép…:)
Így igaz, a felbontás egyre nő.
Jo cikk, bar az ominozus ikont megvedenem. Az Adobe A betuje lassan idotlen idok ota ezt a format viseli, a rajtalevo toll szinten az ismert program resze regota ezert konnyen felismerheto. A DTP studiok tobbsége mar regota nagyfelbontasokat hasznal itt az uj divat szerint keszult ikonok szepen teljesitenek. A nagymeretu ikonok nem mindig onceluak. A felhasznaloi feluletek mai trendje szerint ahol lehet bevetik a parasztvakitast, ennek mar-mar szerves resze valamifele nagyitas. Ennek merteke sok esetben brutalis mertekure allithato, es ha en szoftverfejleszo lennek adnek arra, hogy az alkalmazasom ikonja adott helyzetben ne egy pixeles paca legyen, hanem a megtervezet igenyes munka.
Kaptal egy CTRL+D kombot.
mac osx 128*128-as ikonokat használ
phoebia: egy szóval sem mondtam, hogy ez bármely PS hivatalos ikonja lenne, ahogyan azt sem hogy utángyártott, valamint ez csupán egy példa volt, még felhozhattam volna amennyit kedvem tartja, mert mostanában szinte csak ilyenek készülnek.
Persze gondoltam rá, hogy több “szemléltetőanyag is kellhet”…
DE 1: nem vagyok iskola, 2:hikomat kérdések és meglátások ellen nem tudom magam bebiztosítani, valaki úgy sem fogja érteni ha a szájába rágják miről van szó 3: fáradt voltam, mert késő este írtam.
értem én, hogy mit írsz, de pont itt a válasz egyben, az eredeti ikonok normális grafikusok által vannak megterveztve, és kicsiben is működnek. akkor miről beszélünk?:)
Te arról beszélsz, hogy vannak “normális grafikusok” és “eredeti ikonok”. Amik szépek és jók és kerek a világ.
Én arról beszélek, hogy emberek gyártanak ikonokat, eladnak ikonokat. Nemcsak szoftvergyártó cégek, akik mintegy mellékesen ikont is készíttetnek a program mellé, hanem főállásban. Ezek az arcok szállítanak be a “nagyobb cégeknek is” mint az iconfactory a twitternek. Viszont ez nem a reklám helye- Google a barátod.
És arról beszélek, hogy a hajdani praktikusságra épülő (bár néha vagy a technikai kötöttségek, vagy a művészi hiányosságok miatt) gyengécske ikonkultúrát, felváltotta tőlük is csaknem 100%-ban egy erősen látványorientált vizuális orgia.
Ami azzal kezd, hogy nem a leendő felhasználási méretében prezentálja a munkát, hanem kirakja 512pixelesben, amiben csodálatosan néz ki, mert olyan részletes, hogy órákig lehet böngészni, ezerszínű, és még csillog is, csak éppen 16×16 px-ben teljesen kivehetetlen. Tehát nem funkcionális, ahogy a bejegyzésben kifejtettem.
És akik ezeket gyártják nem „rossz grafikusok”, hanem a maguk módján igazi művészek, hiszen olyan energiát fektetnek egy-egy ikonjuk elkészítésébe, hogy rossz belegondolni.
Főleg, hogy az eredmény, mint „ikon” csaknem teljesen használhatatlan.
a művészet az egy tervezőgrafikusnál, hogy mit tudsz elvenni, és nem az, hogy mit tudsz hozzáadni, hogy tökéletes legyen vmi szvsz.
pont ilyeneknél, mint egy ikon.
..ha a képen szereplő ikont valaki el tudta ADNI (nem ingyenesen letölthető valahonnan) az elég szégyen..
Elnézést mindenkitől akinek a hozzászólása késlelteve jelent meg. Sajnos csak phoebiáról kaptam értesítést. Ha merő véletlenségből nem nézem meg a várakozó kommenteket időtlen időkig ott álltak volna.
Nade jobb későn mint soha.
Judy Epokit ! Kösz a kedvencekbe mentést.
Igaz amit írsz.
Annyit tennék még hozzá, hogy valójában a bejegyzést az inspirálta, hogy nemrégiben újra ikonokat készítetem valakinek és olyan komplex elképzelésekkel jelentkeztek, hogy csak nehezen tudtam visszaszorítani a realitások talajára. Maximum 36×36-os kis jelekről volt szó (tehát maximum, mert ennél csak kisebb méretben láthatja őket majd a felhasználójuk), de ezzel együtt az ehhez hasonló kisgrafikus történetek voltak példának állítva, hogy márpedig, de lehet ilyet. Végül lekicsinyítettem őket, hogy lássák, valójában mire tervezünk.
Ezzel nem kárhoztatni szeretném őket, mert gyorsan átlátták, hogy mi a helyzet.
Csak mire eljutottunk odáig:-)
Az oldal és a meglátásaid nagyon tetszenek, elismerés :D
A cikkről és az ikonról annyit, hogy maga az alap, mármint a tipikus ‘A’ betű, és rajta a toll tetszik, de ahogy így bemutatják, az inkább egy sablonosan feltunningólt, csillógó-villogó 3D-s remekmű, de inkább a belefektetett munka gyümölcse, mintsem egy frappáns ötlet, vagy egy zseniális meglátás eredménye (feltételezem a grafikus aki elkészítette ezt, nagyon magas szintet lehet, és biztos, hogy elnyerné az elismerésemet minden szinten, ha látnám a többi munkáját, de itt csak a szakmai tudását tudom elismerni)
- egyébként hiányolom a színeket - egész pontotsan 1-t, a mindent kitöltő PS kéket, mert hogy a CS3-as verziók ikonjai azért jók, mert messziről észrevenni, hogy együtt mozognak, de a színek egyértelműen megkülönböztetik őket. XD
- még utóiratnak annyit, hogy kösz, hogy megdicsérted a körkép.sk-t, jól esett ez tőled :)
Hűha :-) Nagyon meglepődtem, hogy viszonoztad a látogatásom. Főleg hogy ahogy elnéztem ti afféle közösségi blog vagytok, ráadásul a tematikátokból kifolyólag kizártnak tartottam, hogy bármelyikőtök is kíváncsi lenne rám. Azért köszönöm szépen :-) Izgalmas olvasni titeket, felvidéki magyarokat- bár gondolom ti is ahányan vagytok, hát annyifélék.
( Nekem még nem volt szerencsém elmenni felétek. Bár ahogy most állnak a dolgok, sajnos nem is biztos, hogy szeretnék arra kirándulni.)
De igazság szerint kifejezetten érdekel, hogy arrafelé milyen az élet, mik a lehetőségeitek, stb.
Szóval lehet, hogy személyemben visszatérő vendégre számíthattok- legalábbis a kultúra rovatnál.
Jogos leírás, viszont lenne egy néhány megjegyzésem :)
Egyrészt a nagy ikonok vannak használva … gondoljunk a nagy képpontsűrüségű képernyőkre (pl. a 17 colos notebook képernyő 1600×1000 felbontás fölött). Ekkora pixelsűrüségnél igenis segítségünkre lehet a 256×256 képpontos ikon.
Másrészt, ha figyelembe vesszők a Microsoft ikon készítési útmutatóját, látjuk, hogy külön felhívja a figyelmet arra, hogy az ikonok készítésénél csak a nagy felbontású grafikáknál figyeljünk a részletekre és külön kiemeli, hogy vegyük figyelembe a perspektívát és a fényforrás(oka)t. Továbbá arra is felhívja a figyelmet, hogy a 16 x 16os ikonok ne legyenek perspektívában, hanem valami egyszerű, szembe fordított grafikai elem legyen, ami tisztán látható és könnyedén felismerhető.
Jó cikk.
Annyit tennék hozzá, hogy az említett ikon tényleg eléggé ratyin néz ki (nagyban is - legalábbis nekem nem tetszik), és technikailag sem egy nagy kihívás elkészíteni. Más kérdés, hogy a legtöbben, akik profi ikonkészítő kisiparosok, azok a lekicsinyített ikonokon is pixeleznek még egy kicsit, hogy ne legyen maszatos, stb.
Amúgy windóz alatt is van értelme nagy ikonok használatának, én pl. régóta RocketDock fan vagyok, ami egy osx dockbar replika win alá. Na ott, amikor “kinő” egy ikon a többi között, és nem min. 128×128, akkor az látszik.
..és így írtok ti
Címkék
Adobe Illustrator bmp CG deviantArt esettanulmány harmónia ikon ingyenes inspiráció ismertető képregény kezdő kritika letöltés lineart manga marketing navigacio noir photoshop_idézet portfólio protokoll színek személyes_vélemény Tutorialok vektor wallpaper weboldal_anatómiaKategóriák
Hasznos dolgok
Nézd meg a többi oldalam is!
beaudenoir.deviantart.com
behance.net/Beau_de_Noir
Legtöbb hozzászólás
Kontakt
e-mail: beaudenoir@gmail.com