Apple.com'i areng
Apple'i disainimeeskonda peetakse tänapäeval tööstuse üheks andekamaks disainerite rühmaks. Nende seatud suundumusi jälgib mitte ainult iga teine suurem tehnoloogiaettevõte, vaid ka veebidisainerid igas mõeldava toote- ja teeninduse nišis.
Jätkake oma põnevat teekonda läbi aegade ja oleme tunnistajaks Apple'i disainistiili arengule. Saate Apple.com.com-ist mitu hämmastavat pilguheit, mis ulatub tagasi 1997. aastasse, kui oleme tunnistajaks mitmete oluliste kujundustrendide tõusule ja langusele.
Tutvuge disainiressurssidega
Õun ja disain
Ülalolev pilt on hetkeseis Apple'i veebisaidil. See on täiuslik pilt kõigest, mis meile Apple'i disainilahenduse juures meeldib. See on puhas ja minimaalne, pannes suurt rõhku toote ilule.
Sorteerimiseks pole miljonit erinevat riba või mega rippmenüüd, vaid lihtne navigeerimisskeem, esiletõstetud toode ja neli eraldiseisvat sisukasti, mis on universaalne viis muude oluliste toodete ja teabe esiletõstmiseks.
Pange tähele ka koopiat: lühidalt ja napilt hüperbooliga (kus oleks Apple ilma selleta?). Hoolimata asjaolust, et iPhone 4S-il on sadu funktsioone, mille üle tuleb vaeva näha, on nad selle viinud neljaks peamiseks täppjaotuseks, mis on piisavalt piisav, et tekitada teie huvi ja julgustada teid kaugemale vaatama.
Kas see oli alati nii?
Apple on pikka aega olnud tuntud oma stiilitunnetuse ja hea disaini poolest. Võitmatu innovatsioon on nende edu esirinnas, kuid selle edu saavutamiseks on olnud tihedalt integreeritud kaubamärgikuvand, mis on pöördumatult juurdunud toodetesse, reklaamidesse, veebilehtedele ja isegi poodidesse.
Kuna vaatame Apple.com-i Apple'i visuaalse kaubamärgi kõige silmapaistvama ja sagedamini värskendava impulsi hulka, ei saa ma teekonna üle imestada. Kuidas see bränd arenes? Kuidas Apple.com varasemad versioonid välja nägid? Kas nad olid sarnased? Kas neil oli sama lihtne esteetika või olid nad pigem valmis kajastama kümmekond aastat tagasi hõivatud veebidisaini stiile?
Apple trükis
Apple'i kaubamärgi arengu tunnetamiseks peaksime lühidalt kaaluma aega, enne kui Apple.com isegi eksisteeris. Ettevõtte loomisest alates pani Jobs alati suurt rõhku lihtsusele. Sellel terminil oli tollal aga väga erinev visuaalne tõlge. Mac Mothershipil on veetlev Apple'i vanade reklaamide kollektsioon, mis annab meile 70-ndate aastate lõpus ülevaate Apple'i brändikuvandist, nagu näete, on see täna Apple.com-ist kaugel.
Need reklaamid on täidetud müügipunktide ja teabekoopiaga. See võib olla uute toodete kategooriate jaoks vajalik kurjus, kuid läheb sellest kaugemale. Isegi logod näitavad Apple'i enda määratluse arengut. Vasakul olev originaal on väga keeruline Newtoni illustratsioon puu all, paremal olev värskendatud versioon on värviline vikerkaar, mis pildistab kogu lehte. Mõlemad on palju keerukamad kui lihtne ja üldlevinud sümbol, mida me täna näeme.
Järgmise kahekümne aasta jooksul flirdib Apple heldelt tühikutega, kuid ainult lühidalt reklaamide vahel, mis järgisid samu põhikoopia raskeid lähenemisviise, mida me ülal nägime.
Võib öelda, et tänapäeval teadaolev kõige olulisem hüpe Apple'i kaubamärgi lihtsuse poole tuli TBWA \ Chiat \ Day - agentuurilt, mis oli 1984. aasta algse Macintoshi reklaami taga - ja siis läbi aegade üks kuulsamaid reklaamikampaaniaid: mõelge Erinevad.
1997. aastaks oli Apple leidnud oma identiteedi. Rohkem kui kümne aasta jooksul pole kampaania „Mõelge teisiti” ühe päeva jooksul vananenud. See ei tundu vananenud nagu Apple'i algsed reklaamid, vaid on ajatu ja piisavalt võimas, et mõjutada paljusid järgnevaid põlvkondi.
Tagasi veebi
Mõelge teisiti muutis Apple'i jaoks kõik (selle süüdistuse põhjustas loomulikult Jobs naasmine aastatel 1996-97). See pakkus hämmastavat identiteeti mitte ainult Apple'ile, vaid ka klientidele. Visuaalselt ühendas see Apple'i brändistiili sellega, mida me täna tunneme.
Kusagil pole see selgem kui Apple.com-is. Interneti-arhiivi imelist ajamasinat kasutades saame rännata tagasi Apple'i veebisaidi algusaegadesse. Mõelge teistsugusele löögile 1997. aastal, nii et kui meie eeldus osutub tõeks, peaksime seda pidama saidi muutuste aastaks. Siit leiate ülevaate Apple.com-ist 1997. aasta keskpaiga kohta:
Pole päris see, mida Apple'ilt oodata võiksite? Nagu varasemate trükiste reklaamid, näeme siin ka tüüpi ja palju seda. Ausalt öeldes oli see tolleaegse veebidisaini üldise olukorraga võrreldes tegelikult üsna minimaalne disain. Tõepoolest, kõik on ilusti välja pandud, kuid sisu on tonni. Tegelikult, mida te ekraanipildil ei näe, on see, et need uudiste lõigud lähevad edasi miilideks (otseversiooni kuvamiseks klõpsake siin).
Pidage meeles, et see kujundus on enne mõtlemist erinev. Varasemad Apple.comi kujundused jagasid seda esteetikat. Liigume nüüd 1998. aasta maini, mis on minu esimene leitud taktitunnetusjärgne Apple'i sait.
Erinevus kahe esteetika vahel on uskumatu, nad ei tundu isegi olevat samast ettevõttest (olgem ausad, nad tegelikult pole). Seal, kus varem leidsime segadust ja liiga palju teavet, leiame nüüd tühiku; tonni ja tonni valget ruumi. Seal, kus leidsime lehe, mis keris miilide kaupa, leiame nüüd lühiduse.
Lihtsas pealkirjas öeldakse lihtsalt “Apple”, see võte on kangelaseks tõusnud ja seal on isegi muljetavaldav animatsioon iMacist, mis animeeritud GIF-i imelise vahendi abil oma kohale keerleb.
Mõtle sama
Kõige hämmastavam osa 1998. aasta kujundusest on minu jaoks just see, kui sarnane see on sellega, mida Apple praegu kasutab, 2012. aastal sisse minnes! Tüpograafia, logo ja värvipritsmed on oluliseks õppetunniks selle kohta, millist tüüpi elemente võite oma kujunduses aja jooksul vananeda, kuid siinne põhipaigutus on šokeerivalt lähedal sellele, mida näeme täna Apple.com-is.
Saidi ülemine osa on reserveeritud peamise tootefunktsiooni jaoks (antud juhul originaalse iMaci jaoks) ja alumine osa on jagatud paariks horisontaalseks ristkülikuks, mis tähistavad muid olulisi tooteid.
Peamised erinevused
Nagu ma mainisin, on tüpograafia peamine element, mis selles arengus silma paistab. On põhjust, miks nimetame sans-serif-tüüpi kirjatüüpe modernseteks, võite selgelt näha, kuidas Applei praegune font toob nende kujunduse õigel ajal edasi, võrreldes klassikalise vanastiilis serifiga 1998. aastast.
Üks olulisemaid muudatusi, mida siin näen, on navigeerimine. Pange tähele, kui kaugel see leht asub. Nendel päevadel oleme tipptasemel navigeerimisega nii harjunud, et see kujundus heidab paljudele kasutajatele silmuse (võib-olla isegi lõpmatu). Apple on ilmselgelt õppinud, et aidates teil jõuda saidile sinna, kuhu soovite minna, on üsna sõna otseses mõttes esmatähtis.
Väga oluline paigutuse komponent, mida te ülaltoodud kärbitud ekraanipildilt ei saa, on see, et fikseeritud laiusega sisu asub ekraani vasakus servas. Tänapäeval koondavad tänapäevased saidid oma paigutuse tavaliselt nii, et lähtepunkt on brauseriakna keskel.
Samuti väärib märkimist Apple'i uudisvoog, mis jäi saidi jaoks klambriks aastaid ja eemaldati alles selle aasta alguses.
Edasi: 1999
1999. aasta oktoobriks kasutas Apple endiselt sama kujundust. Tooted arenevad, kuid lehe kujundus on peaaegu täpselt selline, nagu see oli eelmisel aastal. Pange tähele hüüdmist Pixari mänguasjaloole 2 otse saidil Apple.com. Kas võite öelda, et Steve on mõlema ettevõtte juhtimisel?
Pange tähele ka suurt muutust logos, nüüdseks on Apple tapnud vikerkaare kindla valge Apple'i kasuks. Apple osutub tänapäeval toimuva logo lihtsustamise liikumise tugevaks liidriks. Selle kohta saate rohkem lugeda meie artiklist Pepsi vs koks: brändi jõud.
2000
Kui jõuame 2000. aasta maile, näeme, et toimuvad mõned suured muudatused. Alustuseks on kogu paigutus nüüd brauseris tsentreeritud. Veelgi enam, navigeerimine on viidud lõpuks tippu ja sarnaneb väga akvalaadse liidesega, mille Apple kuulutas koos OS X-iga. Pange tähele, kui keeruline on navigeerimine kahe lingi kihi abil.
Läikivad nupud ja sakid olid veebidisainis tohutu liikumine ja olid mitu aastat standardsed “lahedad”. Praegune veebidisainerite kinnisidee lihtsate, minimaalsete, ühtlaste värvidega või peene kaldega nuppudega on otsene vastus sellele kaunimale stiilile
2001
Liigu edasi 2001. aasta novembrini ja näeme veel mõnda olulist hüpet. Akvaariumi stiil on jõudnud uudistevoo juurde, sans-serif-tüüp on hakanud end kätte võtma (märkige alapealkiri) ja sisukastid on dramaatiliselt edasi arenenud. Oleme teinud hüppe kolme asemel neljaks ja kastid on nüüd täiesti eristuvad ümarate nurkadega kujuga, nagu näeme ülaosas asuvatel vahekaartidel. Täna on nad endiselt ümardatud, kuid Apple on piiriraadiusel dramaatiliselt tagasi tõmmanud.
Ehkki Adobe võtab selles ekraanipildis keskpunkti, oli 2001. aasta Apple jaoks iTunesi ja iPodi väljalaske tõttu monumentaalne aasta. See tähistab nende esimest katset ebatraditsiooniliste seadmete põlvkonnana, mis muudaks ettevõtte täielikult uueks. See oli ka aasta, mil nad said hüpata OS X-i - see oli otsustav samm palju sõbralikuma ja intuitiivsema süsteemi poole, millest oleks abi, kui võidaksite Windowsi kasutajate üle, keda Mac tõmbab nende armastuse vastu iPodi.
2004
2004. aasta lõpuks oli Apple hakanud katsetama oma peamise sisuala esiletõstmist ühevärvilise ümara nurgakarbiga. Tavaliselt näeksite seda kasti mustana, mis andis valgele taustale ilusa kontrastsuse, kuid iPodi värvikirev reklaam tähistas juhust, et see leht võiks natukenegi elu tuua.
Veel üks 2004. aasta disaini tõeliselt oluline aspekt: nad on teinud hüppe kõikidele sans-serif tüüpidele. See on oluline verstapost disaini suundumuste edendamisel.
2005
2004. aastal mustaga flirtimine tõi kaasa suure eksperimendi Tiigri vabastamiseks 2005. aastal. Siin näeme enamikku Apple.comi kodulehelt üleujutatud musta värvi. Suundumus, mis kandus paljudele tootelehtedele.
Ka 2005. aastaks oli väga suur asi tootepeegeldused, mis olid iPodide abil selle lehe allosas näha. Mäletan neid nähes ja koheselt nende projektide jaoks, mille kallal ma tol ajal töötasin.
2007
Apple'i suundumused püsisid lähiaastatel üsna staatilised, alles 2007. aasta lõpus tegid nad lõpuks tohutu ja väga tervitatava hüppe saidi poole, mida me täna teame.
Saidi koduleht on täielikult ümber tehtud. Nad on sisu märkimisväärselt laiendanud ja tapnud vana vesiliigutuse, asendades selle oluliselt lihtsustatud versiooniga, kasutades sujuvaid kaldeid, mida ma juba mainisin, et see järgiks enamiku disainerite jaoks suundumusi vees. Laiendatud sisulaiuse võib kindlasti omistada laiekraanidele, mis olid nüüd olemas enamikes lauaarvutites ja sülearvutites. On väga oluline olla teadlik riistvara arengutest, mis võivad ja peaksid mõjutama kasutajaliidese kujundamise suundumusi.
Pange tähele ka seda, et otsinguriba on lõpuks lehe ülaosas. See oli liiga pikaks ajaks põhja visatud järelmõte ja tore oli näha, et see sai lõpuks tähelepanu ja esiletõstmise, mida ta vääris.
2011
Apple leidis oma varasema kujundusega sammu ja see püsis kuni 2011. aasta jaanuarini peaaegu muutumatuna, mis on muljetavaldav mis tahes standardi järgi!
Selle aasta alguses nägime, kuidas Apple astub sammu tagasi ja naaseb navigeerimise läikiva ilme juurde, ehkki värskendatud tumeda viimistlusega. Nad hakkasid katsetama ka mõningast peent taustmüra tekstuuri, mis oli minu arvates valulik samm, mis pani nende tüüpiliselt juhtiva disainimeeskonna tunduma, nagu hüppaksid nad populaarsete suundumuste poole, mille on seadnud lugematu arv teisi nende ette. Tekstuuri lähedalt nägemiseks klõpsake allpool olevat pilti.
Mis järgmiseks?
Raske on ennustada, kuhu Apple'i koduleht järgmisena läheb, kuid näeme, et saidil toimuvad mõned huvitavad katsed. Hoolimata asjaolust, et avalehel on müra tekstuur langenud, on praegune iPhone'i leht sisse viinud tekstureeritud fooni palju raskema teostuse, mille sisseehitatud tootepiirkond on.
Samuti on seal mõned muljetavaldavad animatsioonid iPhone'ist, mis lendab sisse ja välja. Need asendavad 1998. aasta animeeritud GIF-id tänapäevaste veebitehnoloogiatega, kuid idee süda on kindlasti sama.
Edaspidi näeme, kuidas Apple naaseb vanade trikkide juurde nagu animeeritud tooted ja läikivad nupud? Ja kas nad loodavad tekstureeritud tausta rakendamisel, tutvustades võib-olla rohkem iOS-is nähtavaid tekstuure? Teie arvamine on sama hea kui minu oma!
Järeldus
See Apple.com arengu uuring on palju enamat kui vaid ühe ettevõtte kapriiside uurimine, see on oluline õppetund mitmete peamiste veebidisaini suundumuste kohta kõigi ettevõtete jaoks viimase kümnendi jooksul. Me olime tunnistajaks kujunduse lihtsustamisele ja teksti vähendamisele, sans-serif-tüüpi esiletõusule ja mitmeaastasele armusuhtele läikega, millega me täna veel mängime, vaatamata sellest tulenevale minimalismi taassünnile.
Saame hõlpsasti märgata ka teisi suundumusi, näiteks otsinguribade tähtsuse suurenemist, mõistmist, et navigeerimine peaks olema silmapaistev ja hõlpsasti leitav, ning rikkalikkust, mida uued veebitehnoloogiad pakuvad veebidisaini Flash-järgsel ajastul. Apple on vastutanud HTMl5 ja CSS3 tõukamise eest võib-olla avatumalt kui ükski suurem tehnoloogiaettevõte otsese rünnaku all Adobe valitsemise vastu.
Nende ja lugematute muude oluliste kujundusloo säilitamise eest on Interneti-arhiivis inimestele suur tänu. Ootan väga, kas Apple saab järgmistel aastatel veebidisaini suundumuste juhiks või järgijaks.
