Dizajn studija na web stranicama aplikacija Mac OS X

/2018-09-30 16:48:27/
Quintrell
/Programi/

Apple je od zaposlenika uvijek zahtijevao posao najvišeg kalibra još od svog osnivanja krajem 1970-ih. Mnogi dizajneri tek su se nedavno preselili u okruženje OS X, a većina se zaljubila na prvi pogled. Mac OS X Lion nudi toliko mnogo mogućnosti koje jednostavno ne možete pronaći drugdje - od kojih je najpoznatiji App Store.

Odavde imate pristup nizu aplikacija i besplatnih i plaćenih. Sve su to stvorene za OS X Lion i mogu se izravno preuzeti u Launchpad. U ovom slučaju proučavat ću trendove dizajna za web stranice Mac aplikacija. Oni su posebno usmjereni prema OS X i ne uključuju iOS aplikacije ... stilovi su vrlo različiti. Uz ove savjete, sastavio sam i malu galeriju izloga mojih omiljenih web mjesta Mac aplikacija za dijeljenje malo inspiracije.

Istražite elemente Envatoa

Povećajte svoje ključne bodove

Kad se ljudi spuste na bilo koju web lokaciju aplikacije, nadaju se vrlo brzo utvrditi svrhu aplikacije. Najlakši način za to je tako što ćete odmah privući pažnju posjetitelja i voditi ih kroz čitav izgled. A iz prošlog iskustva čini se da će tekst / grafika veličine džombola često učiniti trik.

Alfred App je jedan takav primjer koji cijeli zaslon uključuje u klizni izgled. I logotip aplikacije i gumb za preuzimanje na prvi pogled skoče sa stranice, zajedno s monstruoznom ikonom aplikacije! Korisnici upoznati s aplikacijom Alfred prepoznat će jedinstveni šešir i povećalo. I to nije samo područje gornje stranice.

Dok se krećete prema dolje trebali biste primijetiti da je svaki odjeljak stranice također podijeljen na komade. Područje demo zaslona sadrži mali stupac za umanjene sličice s prekrasnim prikazom aplikacije. Samo provjerom nekoliko demo snimaka općenito se razumije što aplikacija može učiniti. Kako pronađete više web stranica s aplikacijama, držite oči otvorene za stvari "velike slike" koje bi se trebale istaknuti. Također nastavite razmišljati o tome što bi trebalo biti skok s vlastite web-lokacije aplikacija.

Karakteristike čistog kroja

Sve popularniji dizajn stranica često sadrži iste vrste elemenata. To bi mogao biti finaliziraniji i detaljniji dizajn ikona, fantastični tekst logotipa i druge zabavne grafike. No trebali biste slijediti Appleov primjer i izrezati potrošne stvari. Čista i pojednostavljena sučelja zadržavat će fokus posjetitelja na dodatnom preuzimanju i kupnji.

Veliki sam obožavatelj Instagrama koji mi je oduzeo puno vremena na iOS-u. A Mac Carousel aplikacija lijepa je sestrinska usluga na radnoj površini. Ako primijetite da njihov položaj sadrži manje logotipa s više mjesta za snimke zaslona. Uz to se čini da je tipografija rafiniranija kako bi bila u skladu s klasičnim, upscalirajućim temama.

Također biste trebali primijetiti da ovdje nema glavne navigacije. Razmislite o dupliciranju ove vlastite web lokacije, to uklanja mnogo korisničkih frustracija. Ova je ideja dvostruka za korisnike mobilnih uređaja koji svoju web lokaciju prvi put pronalaze na iPhoneu ili Androidu. Ako možete predstaviti poruku svoje aplikacije na jednoj stranici, kažem da krenete !

Uključite standardne ikone trgovine aplikacija

Da biste privukli pažnju svog posjetitelja, jedan je važan zahtjev, ali želite i pridobiti njihovo povjerenje. A ljudi koji koriste Mac OS uglavnom vjeruju Appleovim programerima. Na svoju web lokaciju trebate uključiti značke i / ili gumbe kako biste obavijestili ljude da ste objavljeni u trgovini aplikacija. Možda se čini malo, ali može biti od velikog značaja za nove potencijalne kupce.

Marketinške smjernice Mac App Store-a (PDF) detaljno opisuju značku App Store-a koju vidite na većini popularnih Mac-ovih aplikacija. Također volim snimati driblove snimke da vidim ima li tko sjajne dizajnerske setove ili ikone u odnosu na temu.

Navedite demo gdje je to moguće

Sjećate se čitavog smisla brzog prenošenja svoje poruke? To se najlakše može postići slikama ili videom - nema velikog iznenađenja. Ali čak i samo galerije sličica ili prezentacije ponekad nisu dovoljne.

Trebali biste pokušati uvrstiti demonstraciju svoje usluge u vrstu infografike o tijeku rada Postoji nekoliko besplatnih PSD-ova za preuzimanje koji se uklapaju u MacBooks, iPhone, iPad i sve ostalo. Evo prelijepog primjera besplatnog iMac PSD predloška za preuzimanje. Sada biste mogli snimiti snimke zaslona i graditi male demonstracijske slike.

To stvarno dobro funkcionira u gornjem primjeru za NotifyMe . Aplikacija je otvorena i razvijena za sve 3 platforme na iOS / iPad i OSX. Na prvi pogled možete pretpostaviti da je aplikacija sustav obavijesti. Kroz malu demo grafiku i neko daljnje objašnjenje možete sastaviti proširene značajke za sastavljanje svog mišljenja o aplikaciji.

Dinamičke animacije i jQuery

Apple je također poznat po lijepoj animaciji prijelaza. Njihova pažnja prema detaljima i u dizajnu i u funkciji je nevjerojatna - obuhvaća širinu njihovog cjelokupnog softverskog portfelja. A kao web dizajner koji objavljuje u Appleu možete pronaći vaše web mjesto s aplikacijama koje imaju čarobni dodir.

Reeder za Mac je lijep i demo mjesto se također uklapa. Zapazite da su URL-ovi stranica vrlo jednostavni i lako ih se prosljeđuje prijateljima ili putem društvenih mreža. Pored toga, navigacija se nalazi u bočnom stupcu, a sadržaj stranice je sveden na minimum.

Iako Reeder ima veliku brzinu stranice, to je samo jedan primjer mnogih web stranica s aplikacijama. Ako uživate u ovim dinamičnim animacijama, pogledajte i biblioteku jQuery, ali i skup interfejsa jQuery. To su dvije vrlo popularne JavaScript knjižnice s unaprijed ugrađenim funkcijama za efekte stranica… i možete puno toga napraviti! Za jednu ideju možete uživati u ovom malom vodiču u Appleovom stilu pomoću jQueryja za stvaranje efekta slabljenja prozora.

Galerija nadahnuća

Kao što je spomenuto ranije, nijedna studija slučaja ne bi bila potpuna bez male izvedbe dizajna. Ispod je samo nekoliko primjera mojih omiljenih izgleda web mjesta OS X. Provjerite ih i javite nam što mislite! A ako smo propustili bilo koji sjajan izgled aplikacija, stvarno vam se sviđa, budite sigurni da nas obavijestite u komentarima.