„Design Killer Mobile App“ svetainių patarimai ir pavyzdžiai

Per pastaruosius porą metų judrioji scena eksponentiškai išaugo. „IOS“ „App Store“ kartu su „Android“ programomis „Google Play“ tapo dviem „smartfon“ entuziastų lankytojais. Didėjant išmaniųjų telefonų vartotojų skaičiui, matome šimtus mobiliųjų programų kūrėjų, kurie diegia naujas idėjas į rinką.

Populiariausios programos pateikiamos kartu su savo svetaine. Tai gali būti naudinga rinkodaros ir jūsų vardo išgavimo metu. Jis taip pat yra daug gražesnis internetinis URL, nei bet kuri iš „App“ parduotuvių. Manau, kad bet kuri sėkminga mobiliojo ryšio programa beveik reikalauja interneto buvimo.

Šiame straipsnyje noriu eiti per kai kuriuos dažniausiai naudojamos mobiliųjų programų svetainių dizaino tendencijos. Nėra griežtų taisyklių, kurių privalote laikytis kuriant tokį išdėstymą. Atvirkščiai, yra keletas unikalių gairių ir tendencijų, kurias žiniatinklio dizaineriai nustatė, kad jie dirba gerai. Kartu su mano „iOS Development Guide“ galite sukurti puikią mobiliąją programą ir sukurti savo svetainę.

Peržiūrėkite toliau pateiktas sąvokas ir pabandykite įdiegti kai kurias į savo programos svetainės išdėstymą.

Įrenginio Screenshots

Štapelio gabalas bet kuriai mobiliosios programos svetainei turi būti programos ekrano kopijos. Lankytojai domisi tik jūsų programa ir kuo greičiau įrodyti savo tikslą nei naudojant ekrano kopijas? Įtaiso šūvius galite pritaikyti bet kokiam išdėstymo stiliui, todėl tai nėra ribojantis veiksnys.

„Easy Chef“ yra Ispanijos „iOS“ programa, kuri naudoja daug įrenginių. Pačioje viršutinėje išdėstymo dalyje yra įvairių vaizdų peržiūros demonstracija. Tačiau, slinkdami žemyn, pastebėsite, kad „iPhone“ ekrane rodomos kitos diagramos. Šiuose skyduose yra išsamios etiketės ir viršutinė informacija, padidintos ekrano peržiūros. Iš tikrųjų parašiau apie informacinės gaminio grafikos projektavimą senesniame įraše.

Kita įdomi sąranka galima rasti „Tweetbot“ galerijos puslapyje. Tai labai populiarus „iPhone“ „Twitter“ klientas, o kūrėjai kartu sujungė slankiąją ekrano kopiją. Jei bandote sutaupyti kambario savo išdėstyme, tai gali būti paprastesnis sprendimas. Lankytojams nereikės slinkti žemyn ieškant konkretaus vaizdo. jQuery yra lengva įdiegti ir galite greitai sujungti „iPhone“ ekrano peržiūrą. Gali būti sudėtinga įtraukti papildomas detales, tačiau tai gali būti pridėta kitame skyriuje.

„App Store“ ženkleliai

Šis metodas taip pat atrodo labai nesąmoningas, kai baigsite kurti programą. Ženklai greitai atpažįstami kaip atsisiuntimo nuorodos į „app“ rinką. Tiek „Android“, tiek „iOS“ naudotojai gali peržiūrėti programas iš savo naršyklės arba peradresuoti, kai žiūrėsite į išmanųjį telefoną.

Man patinka naudoti Instagram kaip pavyzdį, nes svetainė buvo atnaujinta į naujesnį išdėstymą. Jie turi ženklelius, palaikančius „Android Marketplace“ („Google Play“) ir „iOS App Store“. Abu ženklai yra labai paprasti, tačiau lengvai suprantami. Jei ieškote sudėtingesnių dizainų, rekomenduojame atlikti greitą paiešką. Talentingi dizaineriai dažnai dalijasi savo App Store ženklelio koncepcijomis konstruktyviai kritikai.

Mobilieji socialiniai tinklai

„Facebook“ ir „Twitter“ persijungė į mobilųjį telefoną, tačiau tai nesustabdė kitų tinklų. Mes matome, kad socialiniai tinklai naudoja mobilias programas, kad galėtume visiškai naują komunikacijos platformą.

Localmind veikia pagal koncepciją, kuri yra panaši į „Foursquare“, kur registruojate paskyrą ir pradėsite tikrinti į vietines vietas. Galite palikti klausimus arba atsakyti į kitų žmonių klausimus. Jų svetainė yra labai draugiška ir kviečiama naujokams. Aš ypač myliu viršutinę reklamos juostos dalį, sukurtą pagal pasirinktinį žemėlapio foną. Naudojant gradientus ir foninę tekstūrą, svetainė sukuria savo gyvenimą.

Minimalus nuotraukų bendrinimas

Pose yra dar vienas mobilusis tinklas, turintis panašius idealus minimalistiniam dizainui. Galite atsisiųsti mobiliosios programos tiek „iOS“, tiek „Android“ įrenginiams. Jausmas yra panašus į weheartit, bet tai mobiliųjų madų mėgėjams. Visa programa orientuota į madą, plaukus, makiažą ir spalvą.

Vartotojai gali fotografuoti savo aprangą, drabužius ar aksesuarus ir dalintis jais aplink tinklą. Vienas dalykas, kurį reikia pastebėti apie „Pose“, yra tai, kaip greitai galite naršyti svetainėje. Tai lengva rasti kompanijos dienoraštį, kontaktinius duomenis ir kt. Kitos programų svetainės dažnai nepaiso šių korporacinių savybių, kurios gali būti jautrios temos.

Jei norite atkreipti dėmesį iš žiniasklaidos, svarbu, kad jūsų svetainė atrodytų ir jaustųsi kaip tikras socialinių tinklų produktas. Jūs ne tik bandote parduoti savo programą (pagal skelbimus, ar mokamas prenumeratas), bet ir parduoti tinklą. Socialinės programos tikrai gali būti sudėtingesnės nei įprastų programų svetainių kūrimas. Tačiau jie taip pat kaupia daug daugiau atsisiuntimų iš naudotojų ir tai įdomi nauja mobiliojo ryšio sritis.

Nuo nuolankios pradžios

Žiniatinklio dizaineriai ne visada gali sujungti piktinančius grafikus ir piktogramas. Laimei, app svetainių nėra kritinių link, kiek Adobe Photoshop meistriškumo turite. Aš iš tikrųjų manau, kad minimalizmas gali dirbti daug geriau šiam išdėstymo stiliui.

„Leef App“ yra naujai išleistas „Forrst“ klientas „iPhone“. Jų tinklalapyje yra gražus app screenshot kartu su dideliu paryškintu atsisiuntimo mygtuku. Visas puslapio tekstas yra supaprastintas panašiai kaip „Apple“ šriftai ir spalvų schemos.

Kas daro Leef svetainę puikiu, yra kiekvieno puslapio elemento atvirumas. Tai ryškus ir iš anksto su niekuo paslėptu ar nepalenktu. Aš rekomenduoju bandyti šį stilių kaip pirmąją mobiliosios programos svetainę, jei tai yra tik praktikoje. Jūs galite daug sužinoti, sumažindami mažesnius treniruotes ir sutelkdami dėmesį į tai, kas patraukia dėmesį.

Puiki erdvė

Taip pat puikiai paprasta yra „Wood Camera App“ svetainė. Jų išdėstymas neturi nieko, išskyrus paprastą baltą foną ir centruotą turinį. Į šį turinį įeina kai kurios numatytosios ekrano kopijos, „App Store“ ženklelis ir kai kurios papildomos pagrindinės funkcijos.

Jei manote, kad minimalizmas ir balta erdvė yra svarbios jūsų išdėstymui, laikykitės jo! „Wood Camera“ nėra itin protingas interneto svetainės išdėstymas, tačiau tai labai lengva naršyti. Jų svetainė net nesusieja su jokiu kitu pakaitiniu turiniu, išskyrus oficialų kūrėjo puslapį. Tai sutelkia dėmesį į programą ir tai, ką ji gali pasiūlyti. Nors tai nereiškia, kad baisus kūrinys yra bloga idėja - tai tiesiog reikalauja tinkamo įgyvendinimo.

Spalvingos iliustracijos

Priešingai nei minimalistinis požiūris yra darbas su unikaliomis iliustracijomis, kurias aš visiškai dievinu. Dažnai ši papildoma informacija man visiškai parduos programą. Vienas pavyzdys, su kuriuo galiu susieti, yra „Barista“ programa „iPhone“. Jų svetainės antraštė yra apgaubta mažais vektoriniais cappuccinos ir espresso gėrimais.

Tačiau atkreipkite dėmesį, kaip slinkdami žemyn nėra jokių kitų vaizdų. Ši visa viršutinė dalis buvo sukurta specialiai „iPhone“ programai, panaši į „A“ nukreipimo puslapis. Vektoriai tuojau pat sugeria akis ir taip pat užuomina apie tai, kas yra programoje.

Virtuvė yra panaši „iOS“ programa, kuri paverčia matavimo vienetus virimui ir kepimui. Jų antraštės išdėstymas yra turtingas medinės tekstūros, langinės staltiesės ir mini šaukštai vandens. Šis vaizdavimas pataria šio app tikslams prieš jums netgi nugriebiant turinį.

Šis dizaino stilius iš tikrųjų peržengia visą išdėstymą. Poraštės sritis atitinka panašią medinę foną ir daugelį tų pačių šriftų pasirinkimų. Tai yra labai paprasto svetainės išdėstymo su labai galinga grafika pavyzdys.

Programos svetainės: „Premium Showcase“

Kas būtų pilnas be akių saldainių? Kartu su aukščiau aprašytais metodais taip pat sudėjau šią gražią mobiliųjų programų svetainių galeriją; pastebėkite logotipą ir navigacijos schemas bei domeno URL. Studijuodami, ką daro specialistai, galite suprasti dizaino tendencijas ir naudoti jas savo projektuose.

„Bosquet App“