Share
Apple er en av de største merkene i verden, og med den populariteten kommer stor innflytelse? Kanskje mer enn noe annet selskap i verden, har Apple spilt en enorm innflytelsesrik rolle i måten produkter, applikasjoner og nettsteder er utformet på. I denne artikkelen diskuterer vi Apples samlede designstil og hvordan det påvirker en haug med andre.
En stor del av Apples samlede markedsføringskampanje kommer fra deres svært populære nettside på Apple.com. Alexa rangerer dette nettstedet som # 32 i popularitet - som setter det foran nettsteder som BBC, Craigslist og PayPal - ikke dårlig for et nettsted som i utgangspunktet bare er et nettbutikk for et enkelt merke.
Apples nettsted har fått et rykte for det er attraktivt merkeidentitet og rene layouter. Takket være dette omdømmet har det påvirket en bølge av andre nettsteder som følger med. Apples design stil er en som strekker seg fra produktdesign og emballasje helt til måten at sidebar widgets på deres nettsted er design?
Denne artikkelen kommer til å fokusere hovedsakelig på de nyere iterasjonene på Apples nettsted? men før vi graver for langt, la oss besøke Apple.com gjennom årene (med WaybackMachine). Det viktige å huske her er at Apple.com, akkurat som resten av internett, startet ganske stygg av dagens standarder. Klikk på hvert bilde for å se den faktiske fangsten fra wayback?
Ok, nå som vi har gått deg gjennom Apple-nettstedet de siste 15 årene, la oss grave inn i det som har gjort det så utrolig innflytelsesrike i de nyere iterasjonene av nettstedet deres.
Den største funksjonen i Apples innflytelsesrike webdesign er minimalismen. Apple holder det enkelt ved å bruke store områder med hvitt mellomrom og store marginer for å fokusere på enkelte områder av innholdet.
Apples hjemmeside har vanligvis et stort produktspill med enkelt tagline og noen andre sider som er koblet under brettet. For eksempel, på tidspunktet for skriving, har Apple et stort bilde av Apples andre generasjons iPad med en stor tittel og underoverskrift.
Den antatte tenkningen bak dette designvalget er at Apple ikke vil skyve alt på deg på en gang. I stedet vil de at du klikker gjennom til den enkelte produktside der de kan vise frem mer informasjon. Ta denne tilnærmingen i motsetning til Microsofts hjemmeside. Microsoft har også et stort kjennetegnet bilde, men siden er trangt med flere annonser, og høydepunktene i bunnen er enda vanskeligere å lese.
Det er noen områder av Apples nettsted som trenger å formidle mye informasjon samtidig. Det ville være nedsettende for brukbarheten dersom den ble splittet. Disse områdene synes imidlertid fortsatt veldig rent og organisert takket være at alt er begrenset til et rutenett.
Apples nåværende iPod-område har et glidende heltbilde med tre mindre plassert pent under. Denne trioen bryter da ned i ytterligere seks elementer som skaper en hierarkisk forstand. Apple har det viktigste (og tilfeldigvis dyrt) produktet øverst og viser de mindre produktene nedenfor (for eksempel programvareoppdateringer og tilbehør).
Denne pyramideffekten er tydelig gjennom Apples nettsted.
For de fleste merker er retail prominence et viktig reklamemedium. Folk kan hente produktet på en butikkhylle, og de vil skanne emballasjen for informasjon. Apples utsalgsopplevelse er veldig forskjellig, og siden du ikke ser produktet før du kjøper (i stort sett noe sted), er det ikke nødvendig å fylle emballasjen med tekst- og annonseringsgrafik.
Det er imidlertid interessant at Apples nettside er designet på samme, minimalistiske måte. Apples stil er sett på tvers av alle sine fysiske og virtuelle egenskaper, slik at du kan identifisere en Apple-boks (eller et produkt) som en Apple, akkurat som du kan gjøre med en nettside.
Som nevnt tidligere bruker Apple hovedsakelig entall, store bilder av sine produkter i stedet for flere, mindre. Når du besøker en av deres få produktsider, tar bildet bildet i sentrum før noen prising, funksjoner eller tilgjengelighet er nevnt. Denne spesielle teknikken spiller veldig pent inn i den generelle teorien om visuell hierarki ved å bringe produktet opp først og fremst.
Denne teorien er veldig enkel, men svært effektiv til å danne et godt bilde av et produkt som et førsteinntrykk.
Som du vil vite, er Apple en korsfarer for nye webstandarder som HTML5. Deres eget nettsted gjenspeiler dette ved å tilby et utvalg av noe nyskapende interaktivitet ved bruk av ikke-Flash-webteknologi.
Vi vet også førstehånd at Flash er nummer én grunnen til at Macs krasjer.
Disse små animasjonsområdene virker også svært funksjonelle i forhold til deres Flash-kolleger. Den Flash-avskyelige gjengen vokser om dagen, og bruken av Chrome viser jevnlig krasjingen av Adobes populære plugin. Faktum er at høydene som Flash tilbød før HTML5 blir replisert med bedre kompatibilitet i den femte revisjonen av HTML.
Den virtuelle boikotten av Flash er noe som Apple påvirker, ikke fra deres hjemmeside. I stedet er det en demonstrasjon av hva som kan oppnås med bare teknologiene som er kompatible med Apples mobilenheter.
Apples iPad 2-side viser en interaktiv demo av det er Smart Cover-tilbehøret der brukere kan endre fargen på iPad og saken og dra eller dra (avhengig av enheten) for å kaste dekselet. Og ingen blits! Når du navigerer gjennom Apples nettsted, vil du legge merke til at de fleste markedsføringspoengene har tilknyttede bilder som gir en liten visjon i den ellers kjedelige markedsføringsdribben. For eksempel bruker Apples Mac OS X-nettsted (bildet nedenfor) et stort ikon ved siden av det 64-biters OS-seksjonen. Resten av Apples poeng har hver sitt eget ikon også.
Når du blir dypere inn i Apples nettsted, begynner ikonene å bli tydeligere. Når Apple prøver å demonstrere at denne interasjonen av programvaren er 40% raskere, bruker de et bilde for å markere dette. Dette bryter opp innholdet og gir litt ekstra farge til Apples ellers enkle design.
Det er et ikon for det. Apples nettsted er en ting som danner en stor designpåvirkning, men det er programvare har en lignende effekt. iOS bruker en rekke unike grensesnittelementer som har blitt tydelige på både webapplikasjoner og nettsteder. For eksempel kan iOS-svitsjebryteren ses i et utvalg av nettprogrammer som bruker stilen til å veksle en handling på eller av.
Apple har pioner i en ny alder av brukergrensesnittdesign, en som er ren og enkel å bruke. Påvirkningen av Apples brukergrensesnitt oversetter til en god opplevelse på webapplikasjoner som har tatt ideen om minimalistisk, forenklet grensesnitt med nøkkelfunksjoner som enkelt kan identifiseres gjennom hvilken type element som brukes. Hvis du ser en byttebryter, vet du at den har to nøkkelfunksjoner - mest sannsynlig på og av.
Selv om de faktiske brukergrensesnittelementene genererer sin egen innflytelse på webapplikasjoner, kan den rene, minimalistiske stilen til UX også betraktes som en innvirkning på design. Alt fra ikonene til gradienten over menyer i Mac OS X ser flott ut. De subtile gradienter som vises på bildet nedenfor, gjør at designen ser mindre enn flat og minner meg mye om Chrome for Macs ren gradient over toppen.
Følgende eksempler er et svært lite utvalg av det store utvalget av nettsteder som enten direkte eller indirekte er påvirket av Apples tilnærming til webdesign.
MacRabbits produktside har innflytelse fra Apples rene, monokromatiske webdesign og grensesnitt stiler. Legg også merke til de samme appene og støttelogoer blir brukt her som på Mac OS X.
Legg merke til at Thace Tapbots bruker det samme store, sidedominerende heltbildet etterfulgt av tre mindre programmer som er omtalt nedenfor.
Ikoner er en annen stor funksjon i Apples webdesign. Det er massevis av godt utformede, vakre ikoner som finnes på Apple.com og Pixelmators nettsted viser noen flere. Det er noen Apple-made ikoner der, men de fleste er originale og spiller pent med tekstskygging.
Symphony demonstrerer samme Z-layout som brukt på Apples individuelle produktsider med en logo til venstre, etterfulgt av navigasjon, etterfulgt av stor heltenavn.
Som en Apple-blogg tar Cult of Mac mange design-signaler fra den store A selv. De samme, subtile gradienter brukes på det valgte innleggssettet og de mørkere menylinjen.
Å bare se på Gibson indikerer en slags Apple-innflytelse. Alt fra Apple-ish-trioen med uthevede bilder nederst til det er inkludering på alle "Apple-inflenced webdesign" roundup på nettet skrik Apple.
Checkouts app-promo-nettsted tar mange av Apples designprinsipper i spill med grågrader, store produktbilder og til og med Apples Hot News-style ticker.
Versjoner er et mørkt webdesign, men en som bruker teorien om hvitt rom godt. Selv om rommet ikke er hvitt, bruker det store mengder tomt rom til effekt. De egendefinerte ikonene brukes også til å demonstrere innhold.
Accentsconagua