Kuriama „Android“ ir „iOS“: Medžiagos ir plokščias dizainas

Daugelis pradedančiųjų mobiliojoje erdvėje iš pradžių sukurs „iOS“ programą, kad patvirtintų savo produkto / rinkos tinkamumą, ir, pamanę, kad turi produktą, kuris domina žmones, tada susitelkia ties „Android“ programos išleidimu.

Svarbu suprasti, kad, nors jie yra labai panašūs konkurentai, „iOS“ ir „Android“ yra dvi skirtingos operacinės sistemos, turinčios savo standartus, funkcijas ir vartotojo lūkesčius.

Jei nesuprasime skirtumų tarp „Android“ ir „iOS“ programų kūrimo, greičiausiai programinė įranga bus mažesnio lygio, o vartotojo patirtis bus mažesnė nei pageidautina.

Pirmąjį šios kelių savaičių serijos įnašą pradėsime nuo aukšto lygio „Android“ ir „iOS“ dizaino skirtumų. Per ateinančias savaites išnagrinėsime konkrečius vartotojo sąsajos elementų skirtumus (kaip „Android“ ir „iOS“ kartais naudoja skirtingus vartotojo sąsajos elementus reprezentuodami tą patį dalyką), platformos funkcijų skirtumus (ką „Android“ programa gali padaryti, kad „iOS“ programa negali), ir vartotojų populiacijos skirtumai (kas naudoja „Android“ ir „iOS“ programas).

Jei norite gauti atnaujinimą, kai bus paskelbti šie kiti straipsniai, prašome užsiprenumeruoti mūsų adresų sąrašą (nėra šlamšto, pažadu). Jei esate verslininkas (kūrėjas) mobiliojoje erdvėje ir planuojate išleisti savo programą mobiliesiems tiek „iOS“, tiek „Android“, būtinai turite suprasti kiekvienos ekosistemos ir vartotojų bazės specifiką, kad galėtumėte pristatyti geresnę programinę įrangą.

Dizaino kalbos skirtumai

„Android“ medžiagų dizainas

„Google“ skirta „Android“ skirta „Gmail“ programa

Pradėkime nuo akivaizdžiausio skirtumo tarp „Android“ ir „iOS“: projektavimo kalbos. „Google“ išleido „Material Design“ prieš keletą metų ir greitai tapo „Android“ programų dizaino standartu.

Medžiagos dizainas apibūdinamas ryškių spalvų padėklais, naudojant šešėlius ant elementų, kad būtų imituojamas „aukščio“ pojūtis, ir pirmenybę teikiant kvadratinėms formoms, o ne suapvalintiems kampams.

Medžiagos dizaino animacija, kurią pateikė Kyle'as Waldrop'as, https://dribbble.com/shots/1930247-Material-Design-Animation

Animacija

Medžiagos dizainas skirtas akį traukiančioms ir tęstinėms animacijoms, kad patrauktų vartotojo dėmesį.

Dokumentacija

„Google“ labai rėmė „Material Design“ „Android“ ir išleido išsamią projektavimo dokumentaciją, skirtą dizaineriams ir kūrėjams.

„iOS 9“ plokščias dizainas

„Apple“ programa „iOS“

Skirtingai nuo „Google Material Design“ standartizacijos bandymo, plokščias dizainas, kurį „Apple“ pristatė „iOS 9“, neturi oficialaus pavadinimo, tačiau paprastai vadinamas „iOS 9 Design“ ar „iOS 9 Flat Design“ ar panašia mutacija.

„iOS 9 Flat Design“ apibrėžiamas su nutildytu spalvų padėklu, kuris labai priklauso nuo baltos / neutralios pilkos kaip fono spalvos, o mėlynos - kaip akcentinės spalvos. Daugiausia dėmesio skiriama aiškumui, pagarbumui ir gilumui. Gyvesnės spalvos naudojamos saikingai (palyginti su „Material Design“), o gylis ir suvokimas perteikiami permatomumu, o ne šešėliais.

Galima teigti, kad „iOS“ plikos formos dizainas yra labiau minimalistinis nei „Google“ medžiagų dizainas, tačiau paprastai jį labai pritaiko dizaineriai, kurie remiasi „Apple“ žmogaus sąsajos gairėmis ir pateikia savo sprendimus.

Animacija

Šaltinis: http://digitalagencynetwork.com/top-10-ios-9-features-in-gifs/

„iOS 9 Flat Design“ yra subtilesnės, „sklandžios“ estetinės animacijos, palyginti su „Android“ medžiagų dizaino animacijomis.

Dokumentacija

„Apple“ turi oficialias „iOS“ žmogaus sąsajos gaires, nors jos nėra tokios plačios kaip „Google“ medžiagų projektavimo dokumentacija.

Geri neoficialūs „iOS 9 Flat Design“ dokumentacijos šaltiniai yra „Design Code“ ir „Ivo Mynttinen“ dokumentai.

Išvada

Štai šios savaitės įžangos straipsnis.

Kitame straipsnyje išsiaiškinsime, kaip konkretūs vartotojo sąsajos elementai naudojami „iOS“ ir „Android“.

Jei norite gauti atnaujinimą, kai šie kiti straipsniai bus rodomi tiesiogiai, prašome užsiprenumeruoti mūsų adresų sąrašą. Jei esate verslininkas (kūrėjas) mobiliojoje erdvėje ir planuojate taikyti tiek „Android“, tiek „iOS“, žymiai padidinsite savo sėkmės galimybes, jei suprasite šių dviejų operacinių sistemų dizainą ir funkcijų skirtumus bei vartotojo lūkesčius.

Be to, jei turite „iOS“ programą ir ieškote patyrusios „Android“ inžinerijos, kuri padėtų jums sukurti programos „Android“ versiją, susisiekite su mumis.

Šį straipsnį parengė Alexas Bushas, ​​„SmartCloud“ programinės įrangos inžinierius. Jis rašo tinklaraščius apie pažangias „iOS“ temas ir „Ruby on Rails“.