15 dizaina padomi, kā mācīties no Apple
Netrūkst uzņēmumu, kas seko populārām dizaina tendencēm, lai pievilinātu masu tirgu. Daudz retāk ir tāda uzņēmuma šķirne, kas faktiski nosaka dizaina tendences. Šodien mēs pārbaudīsim uzņēmuma, kas veido pārtikas aprites ķēdes virsotni, paņēmienus: Apple.
Zemāk jūs atradīsit 15 praktiskus veidus, kā sekot Apple piemēram, veidojot skaistas saskarnes.
# 1: saglabājiet to vienkārši
Apskatiet Apple mājas lapu un nedomājiet par to, ko redzat, bet par to, ko neredzat. Es došu jums mājienu, tas ir visā šajā vietnē (nē, šī ir ļoti vietne, noklikšķiniet uz muļķīgās saites). Protams, atbilde ir redzes juceklis. Paredzams, ka mājas lapa lietotājiem pastāstīs visu par jūsu uzņēmumu, detalizēti paziņos visas jūsu produktu kategorijas, uzskaitīs bezgalīgas iespējas un parādīs jūsu logotipu pēc iespējas lielākam. Pa labi? Saskaņā ar Apple: nepareizi.
Apple mājas lapā vienkārši tiek parādīts viņu jaunākais darbs un sniegtas dažas viegli saprotamas kategorijas, lai palīdzētu jums iegūt informāciju, kuru vēlaties redzēt. Protams, ja nedomājat par izcili visuresošu uzņēmumu, kuram nav nepieciešams ievads. Tomēr, lai palielinātu lietojamību, jūs joprojām varat izmantot minimālu, bet pievilcīgu dizainu.
Iedomājieties, ka jūs braucat līdz lidostai. Braucot gar jums, vienlaicīgi tiek trāpītas piecas vai sešas zīmes, kurās ir kartes ar atrašanās vietām visam, sākot no termināļiem līdz pat invalīdiem pieejamām tualetēm. Karšu izstrādātāja arguments ir tāds, ka viņš sniedza jums visu nepieciešamo informāciju, lai nokļūtu jebkur, kur vēlaties nokļūt. Jūs, bez šaubām, atgriezaties, ka viņa vaina bija tā, ka jūs to visu atdevāt uzreiz, braucot ar ātrumu 20 jūdzes stundā. Tagad iedomājieties, ka atrodaties Sky Harbor, Fēniksa Arizonas ārkārtīgi viegli orientējamajā lidostā. Ievelkot jūs redzat zīmi, kurā teikts: “Sveiki, laipni lūdzam Sky Harbor! Ir trīs termināļi ”. Braucot garām, jūs sasniedzat vairāk zīmju, katra ar īsu aprakstu par to, kādas aviokompānijas lido katrā terminālī un kur doties, lai ielido vai izlido. Sajūta, kas rodas, iebraucot Sky Harbor, ir “Vau, tas ir vienkārši!”
Apple izmanto tādu pašu pieeju interfeisa dizainam. Tā vietā, lai trāpītu jums ar visu, ko viņi ir ieguvuši lietojamības vārdā, viņi izmanto mazākus informācijas fragmentus, lai jūs novirzītu uz vietu, kurā atrodas saturs, kurā jūs patiesībā esat. Apskatiet vietni, kurā strādājat, un apsveriet, kā jūs varat sadalīt sarežģīto informāciju mazākos gabalos, kas lietotājam nešķitīs milzīgi.
Nr. 2: izmantojiet pārsteidzošus produktu attēlus
Viens no Apple galvenajiem iemesliem, kāpēc viņu vietnē tiek samazināta liekā grafika, ir patiešām parādīt svarīgo: viņu produktus. Vienkārši apskatiet kadrus, ko viņi izmanto; ir gandrīz neiespējami aplūkot lapu Apple vietnē un acis nekoncentrēties uz izstrādājumiem sekunžu beigās.
Ir vairākas lietas, kas padara šos produktus tik neticamus. Pirmais ir tas, ka tie acīmredzami ir senatnīgi. Krīējiet šo līdz digitālo attēlu ekspertiem. Neesmu redzējis precīzi, kā viņi to dara, bet, iespējams, šī kombinācija ir fotografēšana, 3D modelēšana (izvēlies: Modo, Lightwave, Maya utt.) Un, protams, Photoshop.
Nākamais, ko viņi dara, ir likt viņiem aizņemt milzīgu lapas daļu. Ja stundas pavadāt, veidojot skaistu iesaiņojuma attēlu un pēc tam to samazinot līdz sīktēlam, tas vienkārši nav tik iespaidīgi. Ņemiet vērā, ka Apple arī bieži iekļauj vairākus produktus, kas sakārtoti pievilcīgā veidā, kā parādīts iepriekš redzamajā attēlā.
Mācība šeit ir tā, ka jūs ne tikai nofotografējat savu produktu un to sauc par dienu. Pavadiet laiku, lai tas izskatās fantastiski. Neatkarīgi no tā, vai tas ir pārstrādātu pupiņu kārba vai Lexus, dariet visu iespējamo, lai nošautu lielisku varoni.
Neticat, ka jūs varat padarīt savu izstrādājumu, kas nav tehnoloģija, izskatīties tikpat labi kā Apple izstrādājumus? Iepazīstieties ar filmu Shoot Canns kā pierādījumu tam, ka talantīgs mākslinieks var padarīt jebkuru produktu labu.
# 3: Kontrasts ir galvenais
Vēl viena lieta, kas padara šos Apple produktu fotouzņēmumus tik krāšņus, ir vienkāršā vide, kurā viņi tos nomet. Cilvēka smadzenes mīl kontrastu. Tas ir iemesls, kāpēc mēs skatāmies uz kalnu grēdām un horizontu virs okeāna. Tas ir arī iemesls, kāpēc mēs sakām “oooooohhhh”, kad uz līdzena balta fona redzam melnu spīdīgu iPhone. Jums vajadzētu censties piemērot selektīvu kontrastu katram jūsu izveidotajam dizainam. Meklējiet iespējas izmantot kontrastu ar krāsu, izmēru, fonta biezumu un visu citu, ar ko jums jāstrādā.
Apple ne tikai piemēro pretstatu viņu produktu attēliem. Apskatiet iepriekš redzamo attēlu un padomājiet par to, kas jums lec. Iespējams, ka tā ir lielā zilā lejupielādes poga. Brauciet pa Apple vietni un redzēsit, ka gandrīz katru reizi, kad viņi vēlas, lai jūs kaut ko darītu (iegādātos, lejupielādētu utt.), Viņi izmanto spilgti zilu pogu, lai pievērstu jūsu uzmanību.
# 4: sviedri mazos sīkumus
Apple visu uzmanību pievērš detaļām. Ikviens neliels viņu vietnes gabals tiek pilnveidots. Nekad neiekļaujieties slazdā, sakot: “neviens nepamanīs” vai “pietiekami labs”. Labos dizainerus no lielajiem bieži atdala laiks, kas tiek pavadīts sīkākajām detaļām.
Vai nepirksiet sīkumu argumentam? Pārbaudiet sociālo mediju logotipus Microsoft Office mājaslapā un sakiet man, ka tie neliek jums drūzmēties.
Man personīgi ir katra no šiem logotipiem vektoru faili. Tagad, ja es to varu izdarīt, vai jūs nedomājat, ka Microsoft dizaineri būtu varējuši veltīt laiku, lai izsekotu šo logotipu labākās versijas, lai izvairītos no aplamas Photoshop Magic Wand izvēles, kas viņiem notiek? Es aicinu jūs atrast kaut ko tik slikti izdarītu jebkur Apple vietnē, vēl jo mazāk viena no viņu populārākajām programmatūras vienībām galvenajā lapā.
# 5: izvairieties no zibspuldzes
Es nekad neesmu bijis tāds, kas pievienojies Flash naida pūlim, bet patiesībā šis pūlis pieaug. Masu vadībā ir neviens cits kā Apple izpilddirektors un pasaulē pazīstamais tehnoloģiju gaišreģis Stīvs Džobss. Iepazīstieties ar šo fragmentu no nesena vadu raksta:
“Par Adobe: Viņi ir slinki, saka Jobs. Viņiem ir viss šis potenciāls darīt interesantas lietas, bet viņi vienkārši atsakās to darīt. Viņi neko nedara ar tām pieejām, kuras izmanto Apple, piemēram, Carbon. Apple neatbalsta Flash, jo tas ir tik kļūdains, viņš saka. Ikreiz, kad Mac notiek avārija, tas notiek Flash dēļ. Neviens neizmanto Flash, viņš saka. Pasaule pāriet uz HTML5. ” (Avots)
Tie ir spēcīgi vārdi no cilvēka, kuru ciena par vadību tehnoloģiju pasaulē. Godīgi sakot, liela daļa no viņa teiktā ir patiesa. Tiešsaistes Flash saturs noteikti nav visuzticamākā tehnoloģija, un tas ir ļoti atkarīgs no papildu programmatūras un jaunākajiem spraudņiem, kas lietotājam var būt vai nav. Turklāt HTML5 un CSS3 ir ieskats nākotnē, kur varat iegūt bagātīgi interaktīvu multivides pieredzi ar vienkāršu, standartiem atbilstošu kodu.
Kā izstrādātājs, ja pievienosities Apple viņu virtuālajā Flash boikotā, jūs, iespējams, nenožēlosit. Jums pat nav jāieņem aktīva nostāja pret Flash, kā vienkārši jāizvairās no iespējas izmantot. Jūs esat gandrīz garantēts, ka lietotājiem, kuri nevar apskatīt jūsu saturu, ir daudz mazāk galvassāpju.
# 6: padariet to draudzīgu
Gadiem ilgi Apple tika nosaukts par kultu, kas bija kaut kas cits kā draudzīgs. Viņi pēdējos gados patiešām ir centušies attīrīt šo ideju, pārstrukturējot savu tēlu, lai tas būtu vairāk sasniedzams. Visievērojamākā vieta, ko redzat, ir reklāmās “Iegūstiet Mac”. Mac tiek attēlots kā ikdienas puisis, savukārt personālais dators ir “tur esošais” biznesa cilvēks, kurš vienmēr strādā bez labuma. Zemāk šie sludinājumi saka, ka Apple patiešām ir atvērta kopiena un ikviens no pusaudžiem līdz vecmāmiņām iederēsies tieši tajā.
Vēl viena lieta, ko viņi ir paveikuši, ir viņu līdzšinējā ļaunprātīgā tehnoloģiju atbalsta ierakstu uzlabošana. Tagad ikviens lielpilsētā var tikai norunāt tikšanos Apple veikalā par bezmaksas konsultāciju viens pret vienu, lai risinātu visas problēmas un / vai jautājumus, kas klientiem varētu rasties.
Visas šīs metodes pastiprina draudzīgu, smaidīgu seju grafikas. Pašlaik netālu no manis esošajā Apple veikalā logā ir apmēram ducis Apple darbinieku izgrieztu kartona izgriezumu, it kā teiktu: "ienāciet, mēs labprāt palīdzēsim". Varat arī pamanīt šos smaidošos darbiniekus dažās vietās Apple vietnē, kā parādīts attēlā iepriekš.
Tas, ko dara Apple, veido līdzsvaru starp pārsteidzošo, bet ne personīgo tehnoloģiju balstīto dizainu un pieejamo smaidošajām sejām. Neatkarīgi no tā, ko pārdodat, apsveriet, vai ir lietderīgi to padarīt draudzīgāku, un padomājiet par to, ko jūs varat darīt, lai tur nokļūtu. Pat vienkāršs virsraksts “Sveiki” var aiziet tālu.
# 7: izmantojiet spēcīgu režģi
Augšējais attēls pats par sevi runā. Katrā Apple vietnes lapā tiek ievērota stingra režģa struktūra; vienalga vai sarežģīts, tas tur ir. Nolūks? Augšējā lapā pārbaudiet, cik daudz informācijas viņi jums dod. Vienkārši notiek tonna, bet tas kaut kā šķiet pievilcīgs, nevis milzīgs.
Sporādiskas informācijas sadalīšana pārvaldāmās šūnās krasi samazina redzes jucekli un apjukumu. Ņemiet vērā, ka katrā šūnā ir arī vizuāla atsauce, kas jāpievieno teksta aprakstam. Šīs vizuālās atsauces izskatās ļoti līdzīgas un iekļaujas kopējā Apple tēmā. Pat ja izmantojat krājuma attēlus, mēģiniet saglabāt līdzīgu tēmu, lai attēlos, kas izkaisīti pa visu lapu, nebūtu redzamas atšķirības.
# 8: izveidojiet mācību palīglīdzekļus
Lai pastiprinātu ziņu, ka peles augšdaļa faktiski ir daudzpusēja virsma, Apple izveidoja iepriekš minēto ilustrāciju. Pat bez virsraksta gandrīz ikviens spētu saprast, kas notiek attēlā, un attiecīgi saprast, kā izmantot pavisam jaunu tehnoloģiju, kas viņiem ir pilnīgi nepazīstama.
Tomēr Apple sniedzas tālāk par ilustrācijām. Gandrīz katram aparatūras un programmatūras elementam viņu vietnē ir pievienots video, kas parāda, kā tas darbojas. Tas ir tāls ceļš, lai samazinātu jautājumus par tehniskā atbalsta jautājumiem. Es savus draugus (kuri visi manis dēļ ir pārvērušies uz Mac un tāpēc mani uzskata par bezmaksas tehnoloģiju atbalstu) bieži nosaucu uz šiem video, jo tie nodrošina daudz bagātāku un vieglāk saprotamu pieredzi, nekā jebkad varētu sarunāties pa tālruni. Iepazīstieties ar Apple mācību video bibliotēku, lai redzētu, cik lieliski tie jums ir.
# 9: Esiet konsekvents
Iepriekš redzamais attēls ir iTunes veikala ekrānuzņēmums. Izskatās pazīstams? Ja domājat, ka tas izskatās daudz kā Apple.com, jums taisnība. Tagad apskatiet Mac OS X, it īpaši Finder. Atkal mēs redzam spēcīgu režģa dizainu, daudz baltu, metālisku faktūru un zilu kā uzmanības piesaistītāju (atlasēs). Visbeidzot, apskatiet pilnu Apple aparatūras līniju, lai redzētu šīs faktūras un dizaina elementus, kas ienesti reālajā pasaulē.
Apple vispārējais izskats vai “zīmola būtība” tiek pielietots visām tām lietām, kuras viņi izstrādā. Tas ir diezgan satriecoši, kad saprotat, cik viņu programmatūra patiesībā izskatās pēc viņu aparatūras. Cik daudz integrētāku jūs varat iegūt? Ja jums kādreiz ir uzticēts uzdevums attīstīt zīmolu, apskatiet visus uzņēmuma aspektus, sākot no televīzijas reklāmām un vietnēm līdz pat pašiem produktiem. Apsveriet, kā jūs varat integrēt visus šos atšķirīgos elementus, lai tie izskatās kā atsevišķi saliedēta veseluma gabali.
# 10: ne tikai liels veikals
Apple ir lielisks piemērs veiksmīgai e-komercijas vietnei. Ievērojiet, ka visa vietne ir vērsta uz to, lai ietekmētu jūs pirkt un izglītotu viņu produktus. Tomēr vietne nejūtas kā viens liels veikals.
Ko es ar to domāju, ir parādīts iepriekš redzamajos ekrānuzņēmumos. Augšējais kadrs ir tam veltītā Time Capsule lapa. Apple mīl veidot skaistas produktu lapas ar gudriem virsrakstiem, kas informē par to, cik lieliski ir viņu produkti. Ievērojiet, ka šis tehniski nav “veikals”. Noklikšķinot uz pogas Pirkt, jūs tiekit atvērts otrajā ekrānā - faktiskajā tiešsaistes veikalā. Šeit Apple ir pilnībā izņēmis vizuālo pievilcību un koncentrējies uz lietojamību. Tie sniedz jums nepieciešamo informāciju bez uzmanības novēršanas un ļauj ērti iegādāties preci ar dažiem klikšķiem.
Ja veidojat tiešsaistes veikalu, pirmā ideja, iespējams, būs tieši šāda: veidot veikalu. Ja jums ir laiks, budžets, brīvība utt., Apsveriet iespēju izveidot vietni, lai veikalā demonstrētu preces tādā veidā, kas pašā veikalā vienkārši nebūtu efektīvs. Izveidojiet skaistas veltītas lapas, kas patiešām veicina jūsu produktu, un iekļaujiet saiti “pērciet tūlīt”, kas klientus ved uz vietnes vizuāli garlaicīgo, bet ļoti praktisko veikala sadaļu.
# 11: Esiet pārliecināts
Atzīsimies, Apple produkti ir diezgan pārsteidzoši. Dažas minūtes noklikšķiniet uz Apple vietnes, un jūs redzēsit, ka viņi par to nav precīzi pazemīgi. Viņu virsraksti ir piepildīti ar tādiem īpašības vārdiem kā skaisti, spēcīgi, jautri, revolucionāri, viegli lietojami un uzlaboti. Viņu produktu apraksti informē, ka prece ir labākā pieejamā prece savā kategorijā. Ja jūs to pārvērtējat, tas var izklausīties mazliet skumji. Tomēr kā nejaušs apmeklētājs jūs, iespējams, vienkārši iespaidosit.
Neatkarīgi no tā, vai jūsu vietne reklamē produktu, pakalpojumu vai vienkārši ideju, nepārdodiet sevi. Nekad nelietojiet vārdu “labs”, kad varat pateikt “lieliski”, nekad nesakiet “pievilcīgs”, kad varat pateikt “skaists”. Ja esat pārliecināts par savu produktu, patiešām centieties to darīt zināmu saviem apmeklētājiem. Jūs redzēsit, ka tas viņiem nobriest un ka viņiem parasti būs daudz pozitīvāks pirmais iespaids, ja viss jūsu vietnē koncentrēsies uz viņu pārliecināšanu, cik lieliski jūs esat.
Tāpat kā jebkas, protams, ir arī lūzuma punkts. Vai kāds, kas nav saistīts ar vietni, pārlasīs jūsu eksemplāru, lai pārliecinātos, ka jūs neliecat tik sevis slavēšanu, ka tā kļūst par kairinājumu.
# 12: ievietojiet tajā juridisko kopiju
Šis ir mazs, bet svarīgs. Ja strādājat uzņēmumā, kas ir pietiekami liels, lai tajā būtu juridiskā nodaļa, jūs zināt, ka juridisko departamentu cilvēki strādā smagi, lai pierādītu, ka viņi nav bezvērtīgi. Parasti tas nozīmē, ka jūs kā dizainers kaut ko izveidojat, nosūtāt juridiskajai nodaļai un saņemat atpakaļ 500 vārdu dokumentu, kas ir pilns ar papildu saturu, kas likumā jums ir jāiekļauj. Neizbēgami rodas lāsts.
Svarīgi ir tas, ko jūs darāt ar šo saturu. Apsveriet, vai tā ir informācija, kuru lietotājs patiesībā vēlas uzzināt, vai tā ir tikai ļauna nepieciešamība, kuru neviens nekad nelasīs. Ja tas ir pēdējais, izņemiet lapu no Apple grāmatas (tā sakot, iekodiet Apple) un iemetiet to lapas pašā apakšā mazā, bet lasāmā fontā, kas pārāk nekontrastē ar fonu. Jūsu, kā darbinieka, galvenajam mērķim vajadzētu būt šī satura pieejamības, atrodamības un lasāmības nodrošināšanai. Tomēr jūsu kā dizainera mērķis ir pārliecināties, ka tas neuzspiež jūsu dizainu, piepildot to ar nesvarīgu jucekli.
# 13: Visaptveroša navigācija kājenes vietnē
Pārbaudiet kājeni augšējā ekrānuzņēmumā. Apple ir pārveidojis katras lapas apakšdaļu par īpaši noderīgu navigācijas rīku. Tas ir lielisks veids, kā mazināt lielas vietnes navigācijas grūtības. Tā vietā, lai aizpildītu galveno navigāciju ar saiti uz katru vietnes sadaļu, viņi to ir rezervējuši vispārīgām kategorijām. Ja ritiniet uz leju līdz lapas apakšdaļai, kājenē atrodat daudz pilnīgāku vietnes karti.
Ņemiet vērā, ka viņi vēl nav izgājuši no tā, lai liktu tai izcelties. Pietiek ar to, ka varat to pamanīt, ja meklējat kaut ko, bet pietiekami smalks, ka nesniedzat tam otru skatienu, ja jums nav nepieciešama palīdzība navigācijā.
# 14: izveidojiet skaistas pielāgotas ikonas
Ieviešot OS X, Apple ienesa ikonas pilnīgi jaunā valstībā. Kopš tā laika satriecošs ikonu dizains ir pārpludinājis operētājsistēmas un izplatījies tīmeklī. Tomēr tiešsaistē ir daži bezmaksas ikonu komplekti, kas ir ieguvuši tādu slavu, ka kļuvuši par klišejām.
Tāpēc, pirms lejupielādējat ikonu komplektu, kas izskatās kā viss pārējais tīmeklī, dodiet to sev. Aktivizējiet Photoshop un / vai Illustrator, noņemiet zīmēšanas prasmes un izveidojiet sev lieliskas pielāgotas ikonas. Galu galā viņi patiešām noslīpēs jūsu vietnes dizainu. Apgūstot labu ikonu dizaina mākslu, pamanīsit, ka esat daudz mazāk atkarīgs no trešo pušu mākslas, lai radītu pārsteidzošas vietnes (kas ir patiešām laba lieta). Ja kaut kas notiks, jūs ietaupīsit tos trakus juridiskajā nodaļā, mēģinot izdomāt juridiskos ierobežojumus visām šīm “bezmaksas” ikonām.
# 15: interaktīvs un dinamisks saturs
Gandrīz katrā Apple vietnes lapā ir automātiska slaidrāde, animēta akordeona izvēlne, video vai interaktīva fotogalerija. Mērķis šeit ir piesaistīt lietotāja uzmanību. Statiskais saturs var būt nedaudz garlaicīgs, un lietotājs var atstāt vietni, meklējot kaut ko interesantāku. Apple pievērš jūsu uzmanību, piešķirot jums daudz lapu ar pastāvīgi mainīgu saturu vai interaktīvo funkciju bitiem.
Šāda veida saturam ir jāpieiet ļoti piesardzīgi vairāku iemeslu dēļ. Pirmkārt, ir viegli atstāt vairāk nekā pusi apmeklētāju, ja plānojat funkcijās, kurām nepieciešams īpašs spraudnis. Centieties pieturēties pie plaši atbalstītām tehnoloģijām, kas darbojas vairākos pārlūkos. Turklāt ar dinamisko saturu tas ir patiešām viegli. Starp uzkrītošo un kaitinošo ir ārkārtīgi smalka, un jums noteikti jāiemācās, kur šī līnija nokrīt. Citādi jūs apmeklētājiem sagādāsit galvassāpes labā iespaida vietā.
Vēl viena lieta…
Rezumējot, Apple Inc. ir diezgan līdzīgs stilīgam dizainam. Novērojot šos lieliskos dizainerus darbā, mēs daudz ko varam iemācīties, un tas sniedzas daudz tālāk nekā tikai to lielisko pārdomu izvilkšanu, kuras viņi uzliek visam. Iepriekš minētie padomi ir domāti tam, lai tos vispār unikāli piemērotu jūsu darbam. Izmantojiet tos kā iedvesmu, lai iezīmētu savu ceļu lieliskā vietnes noformējumā.
Katru reizi, kad kāds piemin Apple, noteikti jābūt evaņģēlistu un ienaidnieku, kas vēlas dalīties savā neizsīkstošajā mīlestībā vai dziļajā naidā pret Apple projektēšanas metodēm. Izmantojiet zemāk esošos komentārus, lai pastāstītu mums, kurš jūs esat. Vai jūs visi esat par minimālismu, kas sajaukts ar spīdīgām ikonām, vai arī jūs esat slims no tīmekļa, kas izskatās kā ķekars Apple wannabes? Mēs vēlamies dzirdēt jūsu domas.
