Disain Killer Mobile App'i veebisaitide näpunäited ja näited

Mobiilne stseen on viimase paari aasta jooksul eksponentsiaalselt kasvanud. IOS App Store koos Android-rakendustega Google Play'is on muutunud nutitelefoni harrastajatele kaheks levialaks. Kuna nutitelefonikasutajate arv suureneb, näeme sadu mobiilirakenduste arendajaid, kes turule viivad uusi ideid.

Kõige populaarsemate rakendustega on kaasas oma veebileht. See võib olla kasulik turunduse ja teie nime saamisel. See on ka palju ilusam veebiaadress kui ükskõik milline App Stores. Ma arvan, et iga edukas mobiilirakendus nõuab peaaegu veebi kohalolekut.

Selles artiklis tahan minna üle mõnele mobiilirakenduste veebisaitide kõige levinumad disainisuunad. Sellise paigutuse loomiseks ei pea järgima rangeid eeskirju. Pigem on mõned unikaalsed juhised ja suundumused, mida veebidisainerid on leidnud publiku leidmisel hästi. Koos iOS-i arendusjuhendiga saate koostada fantastilise mobiilirakenduse ja ehitada ka oma veebisaidi.

Vaadake neid mõisteid allpool ja proovige mõningaid oma rakenduse veebisaidi paigutusse rakendada.

Seadme Screenshots

Kõikide mobiilirakenduste veebisaitide peamiseks osaks on rakenduse ekraanipildid. Külastajad on huvitatud ainult teie rakendusest ja sellest, mida kiiremini näidata oma eesmärgi kui ekraanipiltide abil? Seadme võtteid saab sobitada mistahes paigutusstiiliga, nii et see ei ole piirav tegur.

Lihtne kokk on Hispaania iOS-rakendus, mis kasutab palju seadmeid. Paigutuse kõige ülemisel poolel on erinevate vaadete slaidiseansi eelvaade. Aga kui te allapoole kerite, märkate teisi iPhone'i kuvasid kasutavaid diagramme. Need paneelid sisaldavad üksikasjalikke märgiseid ja ülesvõtteid, suurendatud ekraani vaateid. Olen tegelikult kirjutanud informatiivse tootekujunduse kavandamisest vanemas postituses.

Teine huvitav seadistus on saadaval Tweetbot galerii lehel. See on iPhone'i jaoks väga populaarne Twitteri klient ning arendajad on koostanud ekraanipiltide libiseva esitluse. Kui üritate oma paigutusega ruumi säästa, võib see olla lihtsam lahendus. Külastajad ei pea konkreetset vaadet otsima. jQuery on lihtne rakendada ja te saate kiiresti kokku panna iPhone'i ekraani eelvaate. Täiendavate üksikasjade lisamine võib olla raske, kuid seda saab lisada mõnes muus osas.

App Store'i märgid

See meetod tundub ka väga ebamugav, kui olete rakenduse ehitamise lõpetanud. Märgid tunnistatakse kiiresti allalaadimise linkideks rakenduse turule. Nii Androidi kui ka iOS-i kasutajatel on võimalus vaadata rakendusi otse oma brauserist või see suunatakse nutitelefoni vaatamisel.

Mulle meeldib näiteks Instagrami kasutamine, kuna veebisait oli uuendatud. Neil on märgid, mis toetavad Android Marketplace'i (Google Play) ja iOS App Store'i. Mõlemad märgid on disainis väga lihtsad, kuid kergesti äratuntavad. Kui otsite keerukamaid disainilahendusi, soovitan kiiret otsingut. Andekad disainerid jagavad sageli oma rakenduste kaupluse märgi kontseptsioone konstruktiivseks kriitikaks.

Mobiilsed sotsiaalsed võrgustikud

Facebook ja Twitter on liikunud mobiilile, kuid see ei ole peatanud teisi võrke. Näeme, et suhtlusvõrgustikud kasutavad mobiilirakendusi, et võimaldada täiesti uut suhtlusplatvormi.

Localmind töötab kontseptsioonil, mis on sarnane Foursquare'ga, kus registreerite konto ja alustate kohalikesse kohtadesse. Võite jätta küsimusi või vastata teiste inimeste küsimustele. Nende veebisait on väga sõbralik ja kutsuv uustulnukatele. Ma armastan eriti ülemist bänneriosa, mis on loodud kohandatud kaardi taustaga. Nende kasutamine kaldedel ja tausta tekstuuril annab veebisaidile oma elu.

Minimaalne fotode jagamine

Pose on teine mobiilsidevõrk, millel on sarnased ideaalid minimalistliku kujunduse jaoks. Mobiilirakenduse saate alla laadida nii iOS- kui ka Android-seadmetele. Tunne on sarnane weheartitiga, kuid see on mobiilse moe armastaja jaoks. Kogu rakendus keskendub moe, juuste, meikide ja glamuuri ümber.

Kasutajad saavad pildistada oma riided, riideid või tarvikuid ja jagada neid võrgus. Üks asi, mida Pose'i kohta märgata, on see, kui kiiresti saate veebilehte sirvida. Ettevõtte blogi, kontaktandmeid jne on lihtne leida.

Kui soovite meediast tähelepanu juhtida, on oluline, et teie veebisait näeks välja ja tunneks end nagu tõeline suhtlusvõrgustik. Te üritate mitte ainult oma rakendust müüa (reklaamide või tasulise tellimuse alusel), vaid müüte ka ise võrku. Sotsiaalsed rakendused võivad kindlasti olla keerukamad kui tavaliste rakenduste veebisaitide kujundamine. Kuid nad koguvad kasutajatelt ka palju rohkem allalaadimisi ja see on põnev uus mobiilivälja.

Alandlikest algustest

Veebidisainerid ei ole alati võimelised koondama ennekuulmatuid graafikaid ja ikoone. Õnneks app veebilehed ei ole kriitiline, kui palju Adobe Photoshop võimeid teil on. Ma tunnen, et minimalism saab selle paigutusstiili jaoks palju paremini töötada.

Leef App on äsja vabastatud Forrsti klient iPhone'ile. Nende veebileht sisaldab ilusat rakenduste ekraanipildi koos suure julge allalaadimisnupuga. Kogu lehekülje tekst lihtsustatakse sarnaselt Apple'i fontidele ja värviskeemidele.

Mis teeb Leefi veebisaidi suureks, on iga lehekülje elemendi siiras olemus. See on jultunud ja varajane, kui midagi ei peidetud ega lükata kõrvale. Soovitan seda stiili proovida kui esimest mobiilirakenduse veebisaiti, kui see on lihtsalt praktikas. Te saate palju õppida, minimeerides vähem väikeseid asju ja keskendudes sellele, mis tähelepanu pöörab.

Armas tühimärk

Samuti on suurepärane kaamera kaamera rakenduse veebileht. Nende paigutus ei sisalda midagi muud kui lihtsalt valge taust ja keskne sisu. See sisu sisaldab mõningaid vaikimisi ekraanikuvasid, rakenduse salvestusmärgi ja mõningaid täiendavaid põhifunktsioone.

Kui tunnete, et minimalism ja valge ruum on teie paigutuse jaoks olulised, siis kleepuge sellega! Puitkaamera ei ole eriti meeldiv veebilehe paigutus, kuid see on väga lihtne navigeerida. Nende sait ei viita isegi arendaja ametlikul leheküljel asuvale alternatiivsele sisule. See hoiab tähelepanu rakendusele ja sellele, mida see pakub, mis on palju olulisem kui toretsev graafika. Kuigi see ei tähenda, et toretsev kunstiteos on halb mõte - see nõuab lihtsalt nõuetekohast rakendamist.

Värvilised illustratsioonid

Vastupidiselt minimalistlikule lähenemisviisile on töö unikaalsete illustratsioonidega, mida ma täielikult jumaldan. Sageli müüb see lisateave mulle appi. Üks näide, mida ma seostan, on Barista App iPhone'ile. Nende saidi päis on täis väikeseid cappuccinos ja espresso jooke.

Kuid märkige, kuidas lehekülgi kerides ei ole teisi pilte. See kogu ülemine osa oli mõeldud spetsiaalselt iPhone'i rakendusele, sarnane a sihtleht. Vektorid püüavad teie silmad kohe ära ja ka vihjeid selle kohta, mida rakendus on.

Kööginurgas on sarnane iOS-rakendus, mis muudab mõõtühikud toiduvalmistamiseks ja küpsetamiseks. Nende päisekujunduses kasutatakse rikkalikke puidust tekstuure, ruudukujulist laudlina ja mini lusikatäit vett. See pilt vihjeb selle rakenduse jaoks enne, kui sisu isegi kooritakse.

See disaini stiil tegelikult läbib kogu paigutuse. Jaluste ala sobib sarnase puidust taustaga ja palju samu fondivalikuid. See on näide väga lihtsast veebisaidi paigutusest, millel on mõned väga võimas graafika.

Rakenduse veebisaidid: Premium Showcase

Milline artikkel oleks täielik ilma natuke silmakommita? Ülaltoodud tehnikate kõrval on ka see kaunis mobiilirakenduste veebisaitide galerii kokku pandud; märkige logo ja navigatsioonisüsteemid, samuti domeeni URL-id. Uurides, mida spetsialistid teevad, saate mõista disainisuundumusi ja kasutada neid oma projektides.

Bosquet App