Mobiliųjų programų dizainas: vadovas pradedantiesiems

Mobiliųjų programų dizainas [Vaizdas: Pixabay]
[Vaizdas: Pixabay]

Taigi, nusprendėte išbandyti programų mobiliesiems dizainą, tačiau nežinote, nuo ko pradėti. Nesijaudinkite, mes jus aprėpėme. Šiame straipsnyje mes apibūdinsime penkis dalykus, kuriuos turite žinoti, kad galėtumėte pradėti kurti mobiliųjų programų programas.

Šis vadovas skirtas pradedančiųjų programoms mobiliesiems kurti. Jei jau turite tam tikrų įgūdžių, pažvelkite į mūsų mokymo programų santrauką, kurioje rasite įvairius aspektus kaip sukurti programą , detaliai.

Kas yra programų mobiliesiems dizainas?

Apibendrinant labai plačiai, programų dizaineriai yra atsakingi už tai, kad programa atrodytų gerai, o kūrėjai priverčia ją tinkamai veikti. Mobiliųjų programų dizainas apima ir vartotojo sąsają (UI), ir vartotojo patirtį (UX). Dizaineriai yra atsakingi už bendrą programos stilių, įskaitant spalvų schemą, šrifto pasirinkimą ir naudotojo naudojamų mygtukų bei valdiklių tipus. Taigi, nuo ko pradėti? Pradžioje.



išjungti perspektyvinio tinklelio iliustratorių cc

Kuriai platformai turėčiau kurti?

Du mobilieji telefonai

„Android“ ar „iOS“? [Vaizdas: Pixabay]

Atsižvelgdami į priežastis, kodėl norite kurti mobilias programas, jau galite žinoti, su kuria platforma norite dirbti ir kodėl. Bet jei jūs tik pradedate savo veiklą ir nesate tikri, kas jums tinkamiausia, rinkitės tą, kuris jums labiausiai pažįstamas.

Jei naudojate „Android“ telefoną, sukurkite „Android“. Jei naudojate „iOS“ įrenginį, pradėkite nuo ten. Arba galite pasirinkti abiejų dizainą, tačiau geriausia neužkandyti daugiau, nei galite kramtyti - bent jau ne iš pradžių.

Kokias priemones turėčiau naudoti?

„Photoshop“, „Adobe XD“ ir „Sketch“ yra stiprios varžovės

Kai žinosite, kokiai platformai kuriate, kitas žingsnis - pasirinkti tinkamą interneto dizaino įrankiai atlikti darbą. Kuriant mobiliųjų programų kūrimą, gera žinia yra ta, kad nepriklausomai nuo platformos, paprastai galite naudoti tuos pačius įrankius abiem.

Tarp populiarių programų dizaino variantų yra „Adobe Photoshop“, „Adobe XD“ ir „Sketch“. Jų yra daug, daug daugiau, tačiau tai yra sunkūs smūgiai pramonėje. Prisiregistruokite naudoti „Adobe Creative Cloud“ čia .

Galite pagalvoti, kad „Photoshop“ yra geriausias jūsų mobiliųjų programų kūrimo variantas, ypač jei jį naudojote kitų tipų projektavimo darbams atlikti, tačiau kuriant mobilias programas jums geriau naudotis „Adobe XD“ ar „Sketch“. Vis dėlto „Sketch“ čia laikomas de facto standartu, nors „Adobe XD“ kelia tam tikrą stiprią konkurenciją neseniai pridėtos projektavimo sistemos .

Viena iš didžiausių „Adobe XD“ ar „Sketch“ naudojimo per kažką panašaus į „Photoshop“ priežasčių yra ta, kad šie du įrankiai yra sukurti atsižvelgiant į projektavimą ir prototipų kūrimą. Jie padeda supaprastinti jūsų dizaino darbo eigą ir yra skirti NS ir UX dizaineriams, tuo tarpu „Photoshop“ labiau skirtas manipuliuoti vaizdais.

Viena svarbi pastaba čia: jei planuojate plėtoti įvairias platformas ar palaikyti, „Adobe XD“ yra aiškus nugalėtojas, nes „Sketch“ yra prieinama tik „MacOS“.

OS projektavimo gairės

Prieš pradėdami kurti, nes pirmiausia turite suprasti savo platformos veiksmus ir draudimus. Apskritai, mobiliųjų programų dizainas turi keletą panašumų tarp skirtingų operacinių sistemų, tokių kaip:

  • Tikslo siekiantis dizainas
  • Paprasčiau (mažiau yra daugiau)
  • Išlaikykite srautą
  • Svarbiausia yra skaitomumas
  • Gerbkite platformą

Paskutinis, „gerbkite platformą“, yra svarbesnis, nei galite suprasti. Kai vartotojai atsisiunčia ir įdiegia programą į savo įrenginį, jie tikisi, kad ji elgsis jiems pažįstamu ir intuityviu būdu. Jie grindžia savo nuomonę tuo, ką žino, taigi, kai programa prieštarauja 90 proc. OS skirtų dizaino taisyklių, vartotojai greičiausiai ją ištrins.

Turite ne tik atsižvelgti į skirtingus naršymo modelius, kuriuos turi „iOS“ ir „Android“, bet ir galvoti apie mygtukus, šrifto pasirinkimą ir vartotojo sąsajos objektų išdėstymą - visa tai priklauso nuo kiekvienos platformos.

Gera žinia ta, kad nereikia atspėti, kas priimtina. Tiek „Apple“, tiek „Android“ turi dizaino gairių rinkinį, kurį galite peržiūrėti prieš pradėdami (ir kol aktyviai kuriate):

Laidų rėmai ir programų srautas

Vielos rėmas, nubrėžtas rašikliu

Naudokite specialų vielos rėmo įrankį arba laikykitės rašiklio ir popieriaus [Paveikslėlis: Pixabay]

Prieš kuriant programos išvaizdą ir veikimą, būtina dirbti su srauto valdymu ir struktūra. Čia atsiranda laidų rėmai. Vieliniai rėmai padeda suprasti, kaip vartotojai naršys ir naudos programą. Jie paprastai supaprastinti savo dizainą, kad pagrindinis dėmesys būtų skiriamas srautui ir patogumui.

Nors yra daug atsidavusių vielos rėmo įrankiai , neretai dizaineriai tiesiog naudoja rašiklį ir popierių. Tačiau, jei ieškote ko nors daugiau pažangių technologijų ir bendradarbiavimo (kas ypač svarbu, kai dirbate su nuotoline komanda), apsvarstykite galimybę sukurti savo laidų rėmus „Sketch“ ar „Adobe XD“. Šių įrankių naudojimas laidų formavimui yra tas, kad galite palyginti lengvai paversti savo žemos ištikimybės vielinius rėmus aukšto tikslumo peržiūromis.

Pastaba: su „Adobe XD“ , jūs netgi galite pasiimti nemokamų rinkinių, kurie padės jums pradėti.

Maketai ir prototipai

Programos mobiliesiems dizaino vizualizavimas

Laikas paversti rėmus darbiniais produktais [Paveikslėlis: Pixabay]

Kai atliksite savo laidų rėmelius ir pasidalinsite jais su kūrėjų komanda ir (arba) savo klientu, kad galėtumėte aptarti ir patvirtinti, laikas padaryti keletą maketų ir prototipų.

Šis žingsnis paprastai yra lengvesnis, jei naudojote tą patį dizaino įrankį, kad sukurtumėte tiek vielinius rėmus, tiek savo programos mobiliesiems dizainą. Jei to nepadarėte, gali prireikti šiek tiek daugiau laiko užpildyti savo dizaino įrankį, bet kai tai padarysite, jums viskas gerai. Daugelis įrankių, įskaitant „UXPin“ (kuris integruojamas su „Sketch“), apima būdus, kaip savo laidus pažymėti detalia informacija, kurios reikalauja „devs“, kad nereikėtų spėlioti.

Kol dirbate su programos dizainu, yra puikus laikas pradėti kurti bendrą išteklių biblioteką. Pavyzdžiui, standartiniai mygtukai, piktogramos ir kiti čia sukurti elementai gali būti naudingi kitose jūsų sukurtose programose, todėl būtinai išsaugokite juos.

Sužinokite daugiau apie šį žingsnį mūsų straipsnyje: 4 skirtingi svetainės ir programų maketų kūrimo būdai .

Perdavimas plėtrai

Kažkas įteikia vielinio rėmo piešinį kitam

Šis žingsnis iš tikrųjų neatrodys taip [Paveikslėlis: Pixabay]

Dizaineriai taip pat yra atsakingi už šių elementų ir vaizdinių išteklių pristatymą kūrėjui. Dizaineris gali perduoti kūrėjui tokius dalykus kaip piktogramos, fonai, logotipai ir net šriftai.

Kai kūrėjas turi viską, ko jiems reikia, jų darbas yra paimti tą dizainą ir įvairias jo dalis bei priversti jį veikti. Tačiau kartais dizaineris nesupranta apribojimų, su kuriais susiduria kūrėjas. Ir kai tai atsitiks, visas pragaras atsilaisvina.

Kaip mobiliųjų programų dizaineris, jūs galėjo visiškai nepaisykite kūrėjo ir kūrimo proceso, tačiau geriau suprasti iššūkius, su kuriais susiduria kūrėjas, nesvarbu, ar jie yra su naudojamais įrankiais, ar operacinės sistemos ir (arba) įrenginių, kuriuose veiks jūsų programos, apribojimus. Gavę šias žinias, galite kurti mobilias programas efektyviau, mažiau pasistengdami iš savo kūrėjo, tuo pačiu skatindami labiau bendradarbiaujančią aplinką.

Skaityti daugiau:

kaip pasirinkti tašką ir nušauti kamerą