Ca și în cazul operelor de artă mari, trebuie să vă uitați în trecut pentru a aprecia viitorul. Cu rădăcini încă din anii 1970, icoana umilă a parcurs un drum lung. În continuare este o colecție de icoane, deși istoria. Deși au existat multe alte sisteme de operare în perioada 1981 - 2010, am selectat cele mai semnificative pentru designul icoanelor moderne. Aceste desene sau modele prezintă doar o mică parte a icoanelor din interfața utilizatorilor numeroase și variate de-a lungul anilor. Pentru a afla mai multe despre istoria designului interfeței cu utilizatorul, puteți găsi un articol cuprinzător despre subiect pe Wikipedia.
Această postare este Ziua 7 a Sesiunii noastre de Design Interfață. Sesiuni de creație "Ziua sesiunii 6-a sesiune"În 1973, Xerox Alto a fost primul sistem de calcul bazat pe GUI (Graphical User Interface). Concepută în jurul unei metafore "de birou" (de asemenea, prima), Alto a fost construit ca un calculator de cercetare și, prin urmare, nu era disponibil pentru lansare comercială. Cu 2.000 de mașini la nivel mondial, Xerox Alto a fost atât de semnificativă, a fost o sursă de inspirație pentru Apple Lisa (1983). În 1981, Star Xerox a fost lansat, încorporând multe dintre caracteristicile de design ale lui Alto. Pictogramele Xerox demonstrează o atenție deosebită pentru interacțiunea umană. După cum puteți vedea, Calculatorul, Documentul, Folderul și Coșul de gunoi nu s-au schimbat în aproape 30 de ani.
1981 - Xerox 8010 Star
Dezvoltarea Apple Lisa a început în 1978 și a fost puternic influențată de computerele anterioare Xerox. În speranța de a crea o nișă pe piața personală de calcul, Apple a adoptat metafora biroului pentru a ușura navigarea pentru utilizatorii noi. Lisa a fost o interfață grafică avansată pentru timp, deoarece avea accesoriile mobile "Birouri de birou" (early widgets), meniuri derulante și directoare bazate pe foldere. Puteți vedea că pictogramele nu diferă mult de Xerox, cu excepția dimensiunilor și contururilor unice ale pixelilor, precum și utilizarea calculatorului ca pictogramă de preferințe (acum este obișnuit să folosiți știfturile).
1983 - Lisa Office System 1
La un an după Lisa, Apple Macintosh 1.0 a fost lansat. Acum vedem drag and drop copierea fișierelor, ferestre mobile și iconițe noi! Icoanele Macintosh au fost proiectate de legendara Susan Kare. Susan Kare trebuie să fie maestrul de toate vârstele de design Icon și a fost responsabil pentru multe icoane, inclusiv interfața MacPaint (fig.2). Filozofia lui Kare privind designul icoanelor este simplă: "Cred că icoanele bune sunt mai apropiate de semnele de circulație decât de ilustrații și, în mod ideal, ar trebui să prezinte o idee într-un mod clar, concis și memorabil. Încerc să optimiz pentru claritate și simplitate, paleta și opțiunile de rezoluție au crescut. " Această filozofie este în centrul succesului comercial al Apple timpuriu.
1984 - Sistemul Macintosh 1.0 (fig.1)
1984 - Sistemul Macintosh 1.0 (fig.2)
Este important de remarcat - pentru cei puțin mai tineri decât noi utilizatorii de sentimente vechi de calculatoare - că interfața grafică nu era doar pentru sistemele Apple. Atari ST avea un sistem de operare numit TOS, care avea o interfață minimală, de asemenea, folosind metafora de birou, care până atunci devenise standard de calculator. Este interesant să vedem că TOS are pictogramele de discuri izometrice (sertare de fișiere).
1985 - Atari TOS Versiunea 1.0
Amiga Workbench a fost creat pentru calculatorul personal Amiga 1000. În ciuda icoanelor proiectate grosolan, Workbench era de fapt înainte de vremea sa. Inclusiv caracteristici cum ar fi cursor mouse-ul personalizabil, patru culori grafice și icoane multi-state. Puteți vedea cele două stări ale pictogramei "Workbench" din exemplul de mai jos. Amiga a rupt cu convenția desktop și a ales să folosească un banc de lucru cu sertare în loc de fișiere.
1985 - Amiga Workbench 1.0
În 1985, Microsoft a lansat în sfârșit primul său GUI. Icoanele sunt la fel de crude ca Amiga, dar nu includ culoarea. Este interesant de văzut că primele pictograme pentru Windows Paint folosesc simboluri diferite pentru MacPaint, în special pentru Spray Painter.
1985 - Windows 1.0x
Am inclus GEOS pentru Commodore 64, deoarece, la acea vreme, a fost al doilea cel mai popular GUI din spatele Macintosh 1.0 (bazat pe unități expediate). Pictogramele au mai mult caracter decât sistemul de operare Windows și împărtășesc filozofia Mac a metaforelor clar exprimate.
1986 - Commodore C64 GEOS
Cu Sistemul 7 am văzut introducerea de culoare a icoanelor. Este posibil să observați că pictogramele sunt acum ușor ridicate pentru a apărea "clicabile".
1991 - Sistemul Macintosh 7
În Windows 3.0 (1990), Microsoft a angajat Susan Kare (care a făcut prima dată icoane pentru Macintosh 1.0), care a îmbunătățit mult desenele. În 3.1, Kare îmbunătățește în continuare culorile și desenele pentru pictograme. Windows 3.1 a fost prima platformă Windows cu fonturi True Type pre-instalate.
1990 - Windows 3
Windows 95 introduce mai multe culori în icoane și câteva modele izometrice. Designul Windows 95 este o re-construcție completă și include elemente care încă fac parte din desenele Windows până în prezent. Elementele includ bara de activități, meniul și butonul de pornire faimos al Microsoft.
1995 - Windows 95
În Mac OS 8, pictogramele încep să apară mai luminoase și redate pentru a afișa o sursă puternică de lumină. Macintosh începe, de asemenea, să pună în aplicare un stil izometric cu o puternică "umbră de picătură".
1997 - Macintosh OS 8
Mac OS X a fost lansat în jurul valorii de timp în care am fost de studiu pentru gradul meu în Multimedia. Iubit numit "Jelly Mac" de către majoritatea studenților. Nu am putut să nu remarcăm finisajul icoanelor ultra-strălucitoare și a jeleurilor din plastic. Pictogramele din OS X reprezintă de asemenea un salt uriaș în proiectarea de la OS 9 anterioară, care a fost lansat cu doar doi ani mai devreme (OS 9 arată aproape la fel ca OS 8 de mai sus.) Probabil datorită Dock-ului, icoanele sunt redate fie de la un punct de vedere direct înainte sau ușor de deasupra. Conceput în jurul noii teme Aqua, icoanele prezintă reflecții complexe, subliniază și texturi. Fără tema Aqua, mă îndoiesc că proiectarea icoanelor ar fi la fel de dezirabile precum este astăzi.
2001 - Mac OS X v10.0
În 2001, Microsoft a introdus încă un sistem complet nou de sistem de operare. Adoptând o paletă de culori saturate, pictogramele sunt redate cu un aspect ilustrativ moale, care utilizează o singură sursă de lumină și o umbră semi-transparentă. Ei continuă să folosească stilul izometric.
2001 - Windows XP
Mac scapă dungile și adoptă un doc reflectorizant 3D pentru ca icoanele să "stea". Folosirea cromului, a sticlei și a reflexiilor este la fel de populară ca niciodată. Pictogramele nu se modifică prea mult de la v10.0.
2007 - Mac OS X Leopard
Pictogramele Windows 7 sunt complet diferite de Windows XP și similare cu Windows Vista. Diferența majoră dintre Vista și 7 este direcția cu care se confruntă icoanele. Nu am reușit să găsesc nicio documentație oficială despre schimbare, dar nu sunt singurul care pune întrebarea. Pictogramele din Windows 7 sunt, de asemenea, mai moi și mai sticlă decât cele anterioare.
2009 - Windows 7
În următoarea tranșă (Know Your Icons Part 2 - Modern Icon Design), vom fi delve mai departe în lumea icoanelor și explorarea a ceea ce înseamnă icoane pentru noi astăzi.