Dizaina pētījums Mac OS X lietotņu vietnēs

Apple vienmēr ir prasījis no darbiniekiem visaugstāko darba līmeni pat kopš dibināšanas 70. gadu beigās. Daudzi dizaineri nesen ir pārcēlušies uz OS X vidi, un vairums iemīlas no pirmā acu uzmetiena. Mac OS X Lion piedāvā tik daudz funkciju, kuras jūs vienkārši nevarat atrast citur - jo īpaši tās var būt App Store.

Šeit jūs piekļūstat daudzām gan bezmaksas, gan maksas lietojumprogrammām. Tie visi ir paredzēti OS X Lion, un tos var lejupielādēt tieši Launchpad. Šajā gadījumā izpētīšu Mac lietotņu vietņu dizaina tendences. Tie ir īpaši vērsti uz OS X un neietver iOS lietotnes ... stili ir ļoti atšķirīgi. Kopā ar šiem padomiem esmu apkopojis arī nelielu savu iecienīto Mac lietotņu vietņu galeriju, lai dalītos ar nelielu iedvesmu.

Izpētiet Envato elementus

Palieliniet galvenos punktus

Kad cilvēki nonāk kādā lietotņu vietnē, viņi cer ļoti ātri noskaidrot lietojumprogrammas mērķi. Vienkāršākais veids, kā to izdarīt, ir nekavējoties piesaistot apmeklētāju uzmanību un vadot viņus visā izkārtojumā. Un, ņemot vērā iepriekšējo pieredzi, šķiet, ka sarežģīts teksts / grafika bieži būs tas triks.

Alfrēda lietotne ir viens no šādiem piemēriem, kas visu ekrānu iekļauj bīdāmā izkārtojumā. Gan lietotnes logotips, gan lejupielādes poga vienā mirklī izlec no lapas, kā arī drausmīgā lietotnes ikona! Lietotāji, kuri pārzina Alfreda lietotni, atpazīs unikālo cepuri un palielināmo stiklu. Un tas nav tikai augšējās lapas apgabals.

Ritinot uz leju, jāņem vērā, ka katra lapas sadaļa ir sadalīta arī gabalos. Demonstrācijas ekrānuzņēmuma apgabalā ir maza sīktēlu kolonna ar skaistu lietotnes displeju. Vienkārši apskatot dažus demonstrācijas kadrus, tas parasti saprot, ko lietotne var darīt. Kad jūs atradīsit vairāk lietojumprogrammu vietņu, nevērsiet acis uz “lielā attēla” lietām, kas ir paredzētas, lai izceltos. Arī aizdomājieties par to, kā vajadzētu pāriet no savas lietotnes vietnes.

Raksturlielumi

Populārākajos vietņu dizainos bieži ir viena veida elementi. Tas varētu būt pabeigts un detalizēts ikonu dizains, izdomāts logotipa teksts un cita jautra grafika. Bet jums vajadzētu sekot Apple piemēram un izgriezt patērējamās lietas. Tīras un vienkāršotas saskarnes ļaus jūsu apmeklētājiem koncentrēties uz vairāk lejupielādēm un pirkumiem.

Es esmu milzīgs Instagram ventilators, kurš ir pavadījis daudz laika iOS. Un Mac lietotnes karuselis ir skaists māsu pakalpojums uz darbvirsmas. Ja pamanāt, ka viņu vietnes izkārtojumā ir mazāks logotipa laukums, kurā ir vairāk vietas ekrānuzņēmumiem. Turklāt tipogrāfija šķiet izsmalcinātāka, lai tā atbilstu klasiskajai, augstvērtīgajai.

Jāņem vērā arī tas, ka šeit nav galvenā navigācija. Apsveriet iespēju dublēt to savā lietotnes vietnē, jo tas noņem daudz lietotāju neapmierinātības. Šī ideja ir divkārša, ja mobilo ierīču lietotāji pirmo reizi atrod jūsu vietni iPhone vai Android ierīcēs. Ja varat attēlot savas lietotnes ziņojumu vienā lapā, es saku, dodieties uz to !

Iekļaujiet standarta App Store ikonas

Lai pievērstu apmeklētāja uzmanību, ir viena svarīga prasība, taču jūs arī vēlaties iegūt viņu uzticību. Cilvēki, kuri izmanto Mac OS, parasti uzticas Apple izstrādātājiem. Vietnē ir jāiekļauj nozīmītes un / vai pogas, lai cilvēki zinātu, ka esat publicēts lietotņu veikalā. Tas var šķist mazs, taču tas var būt ļoti nozīmīgs jaunajiem potenciālajiem klientiem.

Mac App Store mārketinga vadlīnijās (PDF) ir sīkāka informācija par App Store emblēmu, kuru redzat lielākajā daļā populāro Mac lietotņu. Es arī vēlētos izkopt pļāpušos kadrus, lai redzētu, vai kādam ir forši dizaina komplekti vai ikonas attiecībā pret tēmu.

Sniedziet demonstrāciju, kur iespējams

Atcerieties visu to, kā ātri nodot jūsu ziņojumu? To visvieglāk var panākt, izmantojot attēlus vai video - nav nekāds liels pārsteigums. Bet pat ar sīktēlu galerijām vai slaidrādēm dažreiz nepietiek.

Jums jācenšas sava pakalpojuma demonstrāciju iekļaut darbplūsmas infografikā. Ir ļoti daudz lejupielādējamu PSD failu, kas ietilpst MacBooks, iPhone, iPad un citur. Šeit ir skaists bezmaksas iMac PSD veidnes lejupielādes piemērs. Tagad jūs varētu uzņemt savas lietojumprogrammas ekrānuzņēmumus un veidot nelielus demonstrācijas attēlus.

Tas darbojas ļoti labi iepriekšminētajā piemērā NotifyMe . Lietotne ir atvērta un izstrādāta visām 3 platformām iOS / iPad un OSX. No pirmā acu uzmetiena varat pieņemt, ka lietotne ir paziņojumu veida sistēma. Izmantojot nelielu demonstrācijas grafiku un dažus papildu skaidrojumus, jūs varat salikt paplašinātās funkcijas, lai sastādītu savu viedokli par lietotni.

Dinamiskas animācijas un jQuery

Apple ir labi pazīstams arī ar skaistu pārejas animāciju. Viņu uzmanība detaļām gan dizainā, gan funkcijā ir neticami - tas aptver visu viņu programmatūras klāstu. Kā tīmekļa dizainers, kas publicē vietni Apple, jūs varat atrast, ka jūsu lietotnes vietne var izmantot burvju pieskārienu.

Reeder for Mac ir skaists, un demonstrācijas vietne ir piemērota tikpat labi. Ievērojiet, ka lapu vietrāži URL ir ārkārtīgi vienkārši un viegli nodoti draugiem vai caur sociālajiem tīkliem. Turklāt navigācija tiek turēta sānu kolonnā, bet lapas saturs tiek samazināts līdz minimumam.

Lai gan Reeder patiešām nodrošina ātru lapu ātrumu, tas ir tikai viens no daudzu lietotņu vietņu piemēriem. Ja jums patīk šīs dinamiskās animācijas, apsveriet iespēju ielūkoties jQuery bibliotēkā un arī jQuery UI komplektā. Šīs ir divas ļoti populāras JavaScript bibliotēkas ar jau iebūvētām funkcijām lapu efektiem ... un jūs varat izveidot daudz! Vienai idejai jūs, iespējams, izbaudīsit šo mazo Apple stila apmācību, izmantojot jQuery, lai izveidotu šļakatu ekrāna izbalēšanas efektu.

Iedvesmas galerija

Kā minēts iepriekš, neviena gadījuma izpēte nebūtu pilnīga bez neliela dizaina parauga. Zemāk ir minēti tikai daži manu personīgo iecienītāko OS X lietotņu vietņu izkārtojumu piemēri. Pārbaudiet viņus un dariet mums zināmu, ko jūs domājat! Un, ja mēs nokavējām kādu satriecošu lietotņu izkārtojumu, kas jums patiešām patīk, noteikti paziņojiet mums komentāros.

Versijas

Espresso

Lietas Mac

Delibārs

Pārraidīt

Izrakstīšanās

Kaleidoskops

Mandarīns!

Dropzone

Pastkastīte

Kurjers

Bākas turētājs

Gitas tornis

Spiegošana

Stūrakmens

Dvēsele

iBank

WalletApp

Zvirbuļu pasts

© Copyright 2024 | computer06.com