Design Killer Mobile App vietnes Padomi un piemēri

Mobilā aina pēdējos pāris gados ir strauji pieaugusi. IOS App Store kopā ar Android lietotnēm pakalpojumā Google Play ir kļuvuši par diviem viedtālruņiem viedtālruņa entuziastiem. Tā kā viedtālruņu lietotāju skaits palielinās, mēs redzam simtiem mobilo lietotņu izstrādātāju, kas tirgū ievieš jaunas idejas.

Vispopulārākajām lietotnēm ir sava vietne. Tas var būt noderīgi mārketingā un jūsu vārda iegūšanā. Tas ir arī daudz skaistāks tiešsaistes URL nekā jebkuram no App veikaliem. Es uzskatu, ka jebkura veiksmīga mobilā lietojumprogramma gandrīz prasa tīmekļa klātbūtni.

Šajā rakstā es gribu iet pāri dažiem visbiežāk sastopamās mobilo lietotņu vietņu dizaina tendences. Šāda izkārtojuma izveidei nav jāievēro stingri noteikumi. Drīzāk ir dažas unikālas vadlīnijas un tendences, ko tīmekļa dizaineri ir atraduši labi, lai iegūtu auditoriju. Kopā ar manu iOS izstrādes rokasgrāmatu varat izveidot arī fantastisku mobilo lietotni un izveidot arī tās tīmekļa vietni.

Apskatiet tālāk minētos jēdzienus un mēģiniet ieviest dažus savā lietojumprogrammas tīmekļa vietnes izkārtojumā.

Ierīces Screenshots

Štāpeļšķiedrām jebkurā mobilās lietotnes tīmekļa vietnē ir jābūt lietojumprogrammas ekrānšāviņiem. Apmeklētāji ir ieinteresēti tikai jūsu lietotnē, un kāds ātrāks veids, kā demonstrēt savu mērķi, nekā ekrānšāviņi? Jūs varat uzstādīt ierīces kadrus jebkurā izkārtojuma stilā, tāpēc tas nav ierobežojošs faktors.

Easy Chef ir spāņu iOS lietotne, kas izmanto daudzus ierīces šāvienus. Ļoti augšējā izkārtojuma daļā ir dažādu skatījumu priekšskatījuma priekšskatījums. Bet, ritinot uz leju, jūs pamanīsiet, ka citas diagrammas, izmantojot iPhone displejus. Šie paneļi ietver detalizētas etiķetes un augšupvērstu, palielinātu ekrāna skatu. Esmu rakstījis par informatīvu produktu grafikas izstrādi vecākā amatā.

Vēl viena interesanta uzstādīšana ir pieejama Tweetbot galerijas lapā. Tas ir ļoti populārs čivināt klients iPhone un izstrādātāji ir salikti kopā bīdāmās vitrīnas no ekrānšāviņiem. Ja mēģināt ietaupīt telpu izkārtojumā, tas var būt vieglāks risinājums. Apmeklētājiem nav nepieciešams ritināt uz leju, meklējot konkrētu skatu. jQuery ir viegli īstenot, un jūs varat ātri salikt iPhone ekrāna priekšskatījumu. Var būt grūti iekļaut papildu informāciju, bet to var pievienot citā sadaļā.

App Store emblēmas

Šī metode arī šķiet ļoti bezjēdzīga, kad esat pabeidzis lietotnes izveidi. Nozīmītes tiek ātri atpazītas kā lejupielādes saites uz lietotņu tirgu. Gan Android, gan iOS lietotājiem ir iespēja aplūkot lietotnes tieši no sava pārlūkprogrammas, vai arī tas tiks novirzīts, skatoties uz viedtālruni.

Man patīk izmantot Instagram kā piemēru, jo tīmekļa vietne ir atjaunināta uz jaunāku izkārtojumu. Tām ir nozīmītes, kas atbalsta Android Marketplace (Google Play) un iOS App Store. Abas nozīmītes ir ļoti vienkāršas, tomēr tās ir viegli atpazīstamas. Ja meklējat sarežģītākus dizainus, es ieteiktu ātru meklēšanu. Talantīgi dizaineri bieži vien dalās ar savu lietotņu veikala emblēmu koncepciju konstruktīvai kritikai.

Mobilie sociālie tīkli

Facebook un Twitter ir pārgājuši uz mobilo tālruni, taču tas nav apturējis citus tīklus. Mēs redzam, ka sociālie tīkli izmanto mobilās lietotnes, lai ļautu izveidot pilnīgi jaunu sakaru platformu.

Localmind darbojas ar koncepciju, kas ir līdzīga Foursquare, kur reģistrējat kontu un sākat pārbaudīt vietējās vietās. Jūs varat atstāt jautājumus vai atbildēt uz citu cilvēku jautājumiem. Viņu tīmekļa vietne ir ļoti draudzīga un aicina jaunpienācējus. Es īpaši mīlu top banner sadaļu, kas veidota ar pielāgotu kartes fonu. To lietošana gradientos un fona tekstūrā dod vietnei savu dzīvi.

Minimālā fotoattēlu koplietošana

Pose ir vēl viens mobilais tīkls ar līdzīgiem ideāliem minimālisma dizainam. Varat lejupielādēt mobilo lietotni gan iOS, gan Android ierīcēm. Sajūta ir līdzīga weheartit, bet gan mobilajiem modes cienītājiem. Visa lietotne ir vērsta uz modes, matu, aplauzumu un šarms.

Lietotāji var fotografēt savu apģērbu, apģērbu vai piederumus un dalīties tajos visā tīklā. Viena lieta, par ko jārunā par Pose, ir, cik ātri jūs varat pārlūkot tīmekļa vietni. Ir viegli atrast uzņēmuma emuāru, kontaktinformāciju utt. Citas lietotņu tīmekļa vietnes bieži aizmirst šīs korporatīvās iezīmes, kas var būt pieskāriena.

Ja vēlaties pievērst uzmanību plašsaziņas līdzekļiem, ir svarīgi, lai jūsu tīmekļa vietne izskatītos un justos kā reāls sociālā tīkla produkts. Jūs ne tikai mēģināt pārdot savu lietotni (pēc reklāmām vai apmaksāta abonementa), bet arī pārdot tīklu. Sociālās lietotnes noteikti var būt sarežģītākas nekā parastās lietotņu tīmekļa vietņu izveide. Bet viņi arī iegūst daudz vairāk lejupielādes no lietotājiem un tas ir aizraujošs jauns laukums mobilajam tālrunim.

No pazemīgiem sākumiem

Web dizaineri ne vienmēr spēj apvienot nežēlīgas grafikas un ikonas. Par laimi app tīmekļa vietnes nav kritiski pret to, cik daudz Adobe Photoshop prowess jums ir. Es tiešām jūtos, ka minimālisms var strādāt daudz labāk par šo izkārtojumu.

Leef App ir tikko atbrīvots Forrst klients iPhone. Viņu tīmekļa vietne ietver skaistu lietotņu ekrānuzņēmumu kopā ar lielu treknraksta lejupielādes pogu. Viss lapas teksts ir vienkāršots līdzīgi Apple burtiem un krāsu shēmām.

Kas padara Leef tīmekļa vietni par lielisku, ir katras lapas elementa patiesais raksturs. Tas ir acīmredzams un iepriekšējs, un nekas nav slēpts vai atstāts malā. Es iesaku šo stilu izmēģināt kā pirmo mobilās lietotnes tīmekļa vietni, ja tā ir tikai prakse. Jūs varat daudz iemācīties, samazinot mazākās tidbits un koncentrējoties uz to, kas piesaista uzmanību.

Jauka vieta

Arī izcili vienkārši ir Wood Camera App tīmekļa vietne. To izkārtojums neietver tikai vienkāršu baltu fonu un centrētu saturu. Šajā saturā ir dažas noklusējuma ekrānuzņēmumi, lietotņu veikala emblēma un dažas papildu galvenās funkcijas.

Ja jūtaties kā minimālisms un baltā telpa ir svarīga jūsu izkārtojumam, pielīmējiet to! Koka kamera nav īpaši domājoša mājas lapas izkārtojums, bet tā ir ļoti viegli orientējama. Viņu vietne pat nesasauc nevienu alternatīvu saturu, izņemot no izstrādātāja oficiālās lapas. Tas turpina koncentrēties uz lietotni un to, ko tā var piedāvāt, kas ir daudz svarīgāka par spilgtu grafiku. Lai gan tas nenozīmē, ka spilgts mākslas darbs ir slikta ideja - tas tikai prasa pareizu īstenošanu.

Krāsains ilustrācijas

Pretēji minimālisma pieejai ir darbs ar unikālām ilustrācijām, ko es pilnībā mīlu. Bieži vien šī papildu informācija man pilnībā pārdos lietotni. Viens piemērs, ko es varu saistīt, ir Barista lietotne iPhone. Viņu vietnes galvene ir aplaupīta ar maziem vektoriem cappuccinos un espresso dzērieniem.

Bet ievērojiet, kā ritinot lapu lejup, nav citu attēlu. Šī visa augšējā sadaļa tika izstrādāta tieši iPhone lietotnei, līdzīga a galvenā lapa. Vektori nekavējoties uzlīmē jūsu acis, kā arī norāda uz to, kas ir lietotnei.

Virtuve ir līdzīga iOS lietotne, kas pārveido mērīšanas vienības ēdiena gatavošanai un cepšanai. Viņu galvenes izkārtojums izmanto bagātīgas koka tekstūras, rūtaina galdautu un mini karotes ūdens. Šis attēls sniedz norādījumus šīs lietotnes vajadzībām, pirms jūs pat izspiežat saturu.

Šis dizaina stils faktiski iziet caur visu izkārtojumu. Kājenes zona atbilst ar līdzīgu koka fonu un daudzām tām pašām fonta izvēles iespējām. Šis ir ļoti vienkārša vietnes izkārtojuma piemērs ar ļoti spēcīgu grafiku.

Lietojumprogrammu tīmekļa vietnes: Premium Showcase

Kāds raksts būtu pilnīgs bez mazliet acu konfektes? Kopā ar iepriekš minētajiem paņēmieniem esmu izveidojis šo skaisto mobilo lietotņu vietņu galeriju; ievērojiet logotipu un navigācijas shēmas, kā arī domēna URL. Pētot, ko profesionāļi dara, jūs varat saprast dizaina tendences un izmantot tās savos projektos.

Bosquet App