Die slimfoonmark floreer. Volgens statista, was die inkomste wat in 2020 gegenereer is $409.1 miljard. Elke sfeer van die lewe is nou afhanklik van hierdie gadgets, en daar is geen ontkenning dat selfone deel van ons lewens geword het nie. Vandag is daar meer as 6.4 miljard slimfoongebruikers in die wêreld.
Hierdie tendens het die moontlikheid van toepassingsbou selfs verder vergroot. Met die toenemende wedywering in hierdie bedryf moet u egter verseker dat u toepassingsontwerp uitstaan onder die duisende toepassings wat op mobiele toepassingsmarkte beskikbaar is.
Om hierdie doelwitte te bevredig, moet jy wonderlike en aantreklike toepassing-UI-style ontwikkel wat die aantal gebruikers en aflaaie sal verhoog. Jy sal ook app-ontwerpnutsgoed en -prosedures nodig hê om jou werkvloei te help.
Wat laat mobiele UI-ontwerp uitstaan?
Dit is baie maklik om vasgevang te word in neigings in app-UI-ontwerp. Jy kan dalk verlief raak op iets wat gewild is en dit oral gebruik. Maar as u dit doen, loop u die risiko om u toepassing soos almal s'n te laat lyk. Jy wil hê jou toepassing moet onvergeetlik wees. “Terwyl daar geen “towerformule” is vir die skep van 'n boeiende UI nie”, sê Julie Cheung UI-ontwerperskenner, is daar faktore wat jy in ag moet neem wanneer jy 'n dwingende UI ontwerp, insluitend uitleg, tipografie, kleur, beelde, en nog baie meer.
Die gewildste toepassing-UI-ontwerpnutsgoed
App UI-ontwerp was die afgelope tyd die middelpunt van debat. Deurlopende ontwerpverbeterings het mobiele toepassings maklik gemaak om te gebruik, maar skeppers van mobiele toepassings sukkel om onder die beste toepassingsontwerpsagteware te kies om hul toepassing te laat uitstaan van die res.
'n Verskeidenheid mobiele toepassingsontwerpnutsgoed is beskikbaar vir gebruikers om van te kies. Hier is 'n lys van die top 14 gereedskap gekies volgens bruikbaarheid en veelsydigheid.
Androme
Andromo stel enigiemand in staat om ongelooflike, professionele Android- en iOS-toepassings te ontwerp en te bou met eenvoudige sleep-en-los gereedskap. Jy hoef nie te weet hoe om te programmeer of kode te skryf om toepassings van hoë gehalte te skep nie, en die intuïtiewe koppelvlak kan jou binne minute jou eerste toepassing laat skep om jou idee-toepassing te begin bou en dit met die wêreld te deel.
Hier is die stappe om 'n toepassing met Andromo te ontwerp
1. Kies toepassingsjablone
Andromo bied jou meer as 30 voorafgeboude toepassingsjablone om van te kies. Die toepassingsjablone dek 'n verskeidenheid nywerhede en belangstellings, insluitend onderwys, besigheid, spiritualiteit en nog baie meer. Dit is nie nodig om van voor af te begin nie—besoek Andromo Easy Start en kies 'n toepassingsjabloon wat by u behoeftes pas.
2. Kies funksies
Deur Andromo te gebruik, kan jy vinnig en maklik programme saamstel met kenmerke soos GPS-aanwysings, URL-skakeling, 'n fotogalery, oudio, videoterugspeel, webinhoud, RSS-feeds, 'n YouTube-kyker, en meer! Die moontlikhede is eindeloos.
3. Laai die nodige inhoud op
Pasmaak die hoofskerm van jou program om dit aantrekliker te laat lyk. Laai veelvuldige prente, video's of oudio op om 'n gallery te maak. Pasmaak wat op die hoofskerm sigbaar is, en wanneer mense jou toepassing gebruik, sal hul skerm wonderlik lyk!
4. Voeg kontakinligting by
Voeg 'n kontakbladsy by wat al die inligting bevat wat jou gehoor nodig het om jou te bereik. Dit kan jou ligging, jou e-posadres en jou foonnommer insluit, sowel as 'n skakel na jou webwerf.
5. Kyk na 'n voorskou op jou foon!
Sodra jy tevrede is met die toepassing se voorkoms, kan jy dit stoor, aflaai en op jou foon installeer sodat jy dit vanaf jou toestel kan sien. Sodra jy tevrede is met hierdie voorskou, kan jy jou nuwe toepassing op die Google Play Winkel of App Store publiseer.
Andromo bied 'n gratis proeftydperk van twee weke sonder kredietkaart wat nodig is om sy kenmerke en funksionaliteit te verken.
Skets
Vir diegene wat nie vertroud is met Sketch nie, dit is 'n relatief nuwe toepassingsontwerpsagteware vir Mac en is hoofsaaklik vir toepassing-UI-ontwikkeling. Baie skeppers maak die oorskakeling van ander sagteware na Sketch omdat dit eenvoudiger en minder deurmekaar is as Photoshop. Die lêergroottes is ook baie kleiner, wat beteken dat Sketch-lêers byna onmiddellik oopmaak, en jy kan soveel as wat jy wil op een slag oopmaak.
Dit help gebruikers om pragtige en bondige illustrasies, buigsame UI-prototipes, of pragtige ikone, omslae en aanbiedings te skep. 'n Ontwerper kan Sketch se kragtige vektorgereedskap gebruik om enigiets te teken wat hulle wil hê, van ikone en knoppies tot volskerm-koppelvlakke en komplekse illustrasies. Skets se sleutelkenmerke:
Onmiddellike samewerking
Jy kan dit maklik aan jou spanlede wys wanneer jy 'n idee het om te deel. Sketch Cloud maak dit moontlik om 'n UI-ontwerp aanlyn te deel, sodat 'n spanlid kan sien waarmee die ontwerper besig is en terugvoer kan gee.
Werkruimte
Skets kom met 'n sentrale werkspasie wat dokumente en bates bestuur. Jy sal altyd weet waar jou lêers is, en hulle kan enige plek verkry word.
Vinnige laai
Sketch is 'n ongelooflike liggewig-toepassing wat nie in jou pad staan nie. Dit is ontwerp vir elke kenmerk om vinniger en meer intuïtief te werk om meer op die ontwerp en minder op die instrument te fokus.
pryse
Sketch bied twee intekeningplanne aan. Die basiese plan is gratis vir 30 dae, waarna jy $9 per maand per gebruiker betaal. Terwyl die sakeplan op aanvraag beskikbaar is. Kontak die Sketch-ondersteuningspersoneel om 'n kwotasie te kry.
lugskip
'n Maatskappy wat toepassings maak, benodig beide UI/UX-argitekte en toepassingontwikkelaars. Toepassingsontwerpsagteware help hulle om draadrame en mockups te maak en saam te werk, terwyl Android Studio sagteware laat gebruikers toe om die toepassing te kodeer en uit te bou. Dit is ook belangrik vir die twee groepe om met mekaar te kommunikeer.
Met Zeplin kan jy met ontwikkelaars werk. U kan daarop fokus om die UI te bou, en Zeplin oorlaat om ontwikkelaardokumentasie vir hulle te skep.
Platformondersteuning
Die platform ondersteun beide Mac en Windows, en dit werk ook met ander UI-ontwikkelingsprogramme. Die platform is gekoppel aan gewilde sagteware soos Slack, Trello en Asana om gebruikers te help om hul werkvloei te stroomlyn.
Inspekteer modus
Hierdie kenmerk laat ontwerpers toe om maklik toegang tot UI-ontwerpelemente te kry. Hulle kan enige element in die ontwerplêer kies en die spesifikasies daarvan onmiddellik in Inspekteermodus bekyk. Spesifikasies sluit in afmetings, skaal, hekskodes vir kleure, afmetings van ander elemente op die doek, lettergroottes en lynhoogte.
pryse
Daar is 4 opsies vir die Zeplin-intekeningplan: Gratis, Span, Organisasie en Onderneming.
Verniet
Die gratis plan laat gebruikers toe om 1 projek op enige gegewe tydstip aan die gang te hê.
Spanplan
Die spanplan begin by $6 per sitplek per maand met 'n maksimum van 12 projekte. Dit is perfek vir klein spanne wat een of twee toepassings skep en met hul ontwerper en ontwikkelaar moet saamwerk.
Organisasie plan
Die organisasieplan begin by $12 per sitplek per maand met onbeperkte projekte. Dit is ideaal vir groeiende spanne wat verskeie produkte moet skep, aan verskeie projekte moet saamwerk of spanne op verskillende plekke moet bestuur.
Ondernemingsplan
Die ondernemingsplan het pasgemaakte pryse vir ondernemings wat meer pasgemaakte opsies benodig. Die ondernemingsplan is gemaak vir groter organisasies met verskeie spanne wat aan verskillende produkte en dienste werk wat almal binne dieselfde platform moet werk.
figma
Moenie verder as hierdie platform soek as jy op soek is na nutsgoed vir die ontwerp van mobiele toepassings wat die basiese beginsels en nog baie meer bied nie. Figma-sagteware stel UI-skeppers en -ontwikkelaars in staat om saam te werk aan prototipering en ontwikkeling van toepassings.
Figma is 'n wonderlike hulpmiddel vir die ontwerp van toepassinggrafika van alle soorte, en dit skep ook 'n brug tussen ontwerper, kliënt en programmeerder om saam te werk en terugvoer te deel. Dit is veral nuttig as jy aan 'n projek met groot spanne werk, aangesien dit die noodsaaklikheid uitskakel om lêers heen en weer per e-pos te stuur.
Volgens Matt Hryhorsky, UX-bestuurder by Shopify, Figma het gewild geword vir sy samewerking, opmerkings en rekordhouding kenmerke, wat dit 'n gunsteling hulpmiddel vir baie ontwerpers maak.
pryse
Jy kan inteken vir 'n gratis Figma Starter-pakket, wat jou toelaat om 3 lêers te skep. Die Pro-pakket kos $12 per maand en laat een gebruiker oneindige lêers toe, of kies die Professionele pakket en kry 'n oneindige aantal lêers vir 30 redakteurs teen $45 per maand.
Invision
Met hierdie ongelooflike mobiele toepassing-ontwerpsagteware kan u klikbare UI-toepassingsontwerpe bou.
Die sagteware het ingeboude kenmerke wat ontwerpers help om hul drome se koppelvlak te skep, soos knoppies, skuifbalkies, skuifbalkies en meer. Jy kan ander lêers van verskillende ontwerpsagteware oplaai, en jy hoef nie die wiel te herskep wanneer jy die UI maak nie. Wanneer jy klaar is met die maak van die UI, kan jy dit met ander deel.
Benewens die skep van produkdraadrame, bied die InVision-draadraamwerktuig vir mobiele toepassings ook nutsgoed vir die deel van terugvoer. Daarmee kan jy werk met spanmaats deel, lêers invoer of vrae in die kommentaar vra. As jy ooit 'n ontwerp wat aan die gang is met 'n kliënt wil deel, kan jy InVision Inspect gebruik om 'n skakel te genereer om 'n statiese ontwerplêer te sien.
pryse
InVison bied drie planne om aan verskillende behoeftes te voldoen. Beginnerplan: 3 prototipes vir $15/maand; Professionele plan: onbeperkte prototipes vir een gebruiker vir $25/maand; en Spanplan: onbeperkte prototipes vir vyf gebruikers vir $99/maand.
Adobe XD
Adobe XD is een van die kragtigste, maklik-om-te gebruik, samewerkende mockup-nutsgoed vir mobiele toepassings wat spanne help om ontwerpe vir toepassings, stemkoppelvlakke, speletjies en meer te bou. Boonop bied dit ook terugvoerdeelplatform. Hierdie platform help jou om jou ontwerpidees te omskep in 'n app-prototipe wat ongelooflik lyk, en dan skakels met ander te deel om terugvoer te kry. Wat maak Adobe XD uniek?
prototyping
Adobe XD bring die beste toepassings-prototiperingsvermoëns om jou UI-ontwerpe te laat skep wat soos regte toepassings lyk en dit op 'n mobiele toestel of rekenaar kan sien.
Ontwerp spesifikasies
Sodra die prototipe gebou is, kan jy dit met ander belanghebbendes deel deur die ingeboude ontwerpspesifikasiefunksie te gebruik. Dit laat hulle in detail sien hoe die ontwerp werk en aanbevelings gee.
Samewerking
Creative Cloud Libraries laat eienaars toe om al hul bates georganiseer en toeganklik te hou oor verskeie toestelle, en dit stel hulle ook in staat om sonder beperkings met ander ontwerpers saam te werk.
Pryse: Adobe XD is ingesluit by Creative Cloud vir slegs US$9.99/maand of ingesluit by 'n Creative Cloud alle toepassingsplan vir US$52.99/maand.
UXPin
UXPin is een van die beste draadraamwerktuie vir mobiele toepassings. Dit is ontwerp om misverstande tussen toepassingsbouspanne uit te skakel, UI-ontwerpers in staat te stel om hoërgetrouheid prototipes te bou met geen programmeringservaring hoegenaamd nie, om 'n enkele bron van waarheid vir die hele span te verskaf waartoe al sy lede gelyktydig toegang kan kry, en bied 'n manier vir intydse terugvoer.
Kenmerke van UXPin:
Visuele samewerking
Deur UXPin te gebruik, kan UI-spanne gedagtes visueel deel en saamwerk op 'n manier dat niemand 'n stap mis nie. En as daar enige probleme met die ontwerpe is, sal gebruikers kommentaar direk by hul projekte kan voeg.
Baanrekords
Volg elke verandering en herhaling van die ontwerp met outo-weergawe waarmee gebruikers hul projek se geskiedenis in 'n oogopslag kan sien. En as hulle ooit na 'n vorige weergawe moet teruggaan, kan hulle dit maklik doen deur eenvoudig op 'n knoppie te klik.
Ingeboude validasie- en toetsinstrumente
Benewens die toets van lewendige UI-ontwerpe op regte toestelle, kan gebruikers gebruikersgemakstudies, opnames en A/B-toetse uitvoer deur ingeboude valideringskenmerke te gebruik.
pryse
UXPin bied twee diensvlakke: UXPin Merge en UXPin Standard. Pryse is gebaseer op die aantal projekte wat ingesluit is en jou spangrootte. Die beperkte gratis plan gee jou 'n voorsmakie van wat hulle te bied het, sonder tydsbeperkings. UXPin bied opsies vir klein spanne vir slegs $19 per maand wanneer jy gereed is vir meer.
UXPin bied gratis proewe vir sy oplossings, waarin enigiemand die toepassing vir 14 dae kan toets. Op hierdie tydstip kan gebruikers alle beskikbare funksies in die beperkte gekose plan gebruik.
Marvel
Marvel is 'n vriendelike en vinnige modelinstrument vir die skepping van mobiele toepassings waarmee ontwerpers idees in die beste UI-ontwerpe kan omskep. Dit is 'n perfekte manier om met mobiele toepassings te begin, aangesien die skepper nie enige sagteware hoef te installeer of Adobe Photoshop te bemeester nie.
Sodra ontwerpers mockups geskep het, is dit tyd om dit met ander te deel. Marvel stel hulle in staat om ontwerpe via e-pos of sosiale media te deel om die projek te wys en terugvoer van vriende of ander ontwerpers te ontvang.
Marvel Kenmerke:
Maklik om te gebruik – Die Marvel-program vir die ontwerp van mobiele toepassings het uiters gewild geword omdat dit geen UI-ontwerpkundigheid of kennis van programmering vereis om te gebruik nie.
Vinnige prototipering – Van handgetekende sketse tot draadrame en hoëtrou-prototipes.
Gebou vir spanne - Marvel maak dit moontlik om wonderlike ontwerpe te bou en te deel met enigiemand in jou span of die hele wêreld. Nokia Brand gebruik Marvel om pragtige ontwerpe oor hul spanne te lewer.
pryse
Die platform bied drie intekeningpakkette: Gratis, Pro en Span.
Gratis plan – is net vir een gebruiker om 'n limiet van een ontwerp te skep.
Pro-plan – Koste $12/maand wat jaarliks gefaktureer word of $16 maandeliks gefaktureer. Met die pro-plan kan u oneindige lêers skep met 1 gebruiker per projek.
Spanplan – Vir $42/maand wat jaarliks gefaktureer word of $48 maandeliks gefaktureer, kan gebruikers 'n onbeperkte aantal projekte skep slegs 3 mense per projek.
proto.io
Proto.io is 'n instrument wat gebruikers help om mobiele toepassing-UI met gemak te ontwerp deur sjablone en sleep-en-los elemente te gebruik sodat hulle nie enige spesiale vaardigheid of ervaring hoef te hê om Proto.io te begin gebruik nie.
Proto.io maak voorsiening vir 'n groot verskeidenheid kenmerke, insluitend biblioteke wat beelde en animasies bevat, gevorderde gebare en interaksies, skermoorgange en die opsie om oudio of video by projekte te voeg.
unieke eienskappe
Een kenmerk wat regtig uitstaan, is "Voorskoumodus", wat gebruikers in staat stel om te sien hoe hul prototipe intyds op regte toestelle sal lyk (hoewel dit 'n internetverbinding vereis). Dit is wonderlik om seker te maak dat alles behoorlik werk voordat jy dit publiseer of met ander deel.
pryse
Proto.io bied 'n gratis proeftydperk van 15 dae, geen kredietkaart nodig nie, wat gebruikers in staat stel om met alle ontsluit funksies te begin.
Die ontwerper kan kies tussen die volgende intekenplanne: vryskut, opstart, agentskap en korporatief.
Vryskutplan – Begin by $29 per maand.
Beginplan – Begin by $49 per maand.
Agentskapplan – Begin by $99 per maand.
Korporatiewe plan – Begin by $199 per maand
Origami Studio
Facebook se Origami is een van die produkte wat skeppers help om 'n dinamiese koppelvlak vir selfone te bou. Met hierdie platform hoef jy nie programmeringsvaardighede te bemeester of ontwerpkursusse te ondergaan om 'n pragtige mobiele toepassing-UI te kan skep nie.
Die platform is gebou met sleep-en-los funksionaliteit wat jou in staat stel om die lêers te eniger tyd maklik te verander. Wanneer jy gereed is, kan jy jou prototipe met die span deel deur enigiemand in jou span of medewerker te nooi om dit in Origami Live te sien.
pryse
Origami Studio se pryse verskil 'n bietjie van ander draadraamwerktuie vir mobiele toepassings. Jy kan dit installeer sonder om te betaal en dit vir altyd gebruik, maar om bykomende funksionaliteit te ontsluit, moet jy betaal.
As
Axure RP is 'n volledige draadraamwerktuig vir mobiele toepassings. Dit laat jou 'n pragtige moderne mobiele toepassing-UI bou. Die leerkurwe is kort omdat dit baie ingeboude biblioteke van toepassingskenmerke het wat maklik in die projek kan insit. Jy sal binne 'n japtrap die UX van jou mobiele toepassing ontwerp.
Axure laat jou ook interaktiwiteit byvoeg vir dinamiese knoppies om 'n ten volle funksionele toepassingsmodel te skep. Dit sal dit vir jou makliker maak om te demonstreer hoe jou toepassing werk wanneer dit klaar is.
Axure is gebou om responsief aanpasbaar te wees om 'n ontwerp vir rekenaars, fone en tablette op 'n enkele platform te bou. Boonop, met Axure se sagteware, het Emily, 'n UX-navorser, daarin geslaag om eindgebruikersaanbevelings te kry en dit gebruik om wonderlike toepassingsontwerpe te ontwikkel.
Inskrywingsplan
Daar is 3 hoofplanne wat deur Axure aangebied word, met verskillende kostes.
Axure RP Pro – $25 per maand per gebruiker met geen beperking op die aantal prototipes, beoordelaars, 1,000 XNUMX projekte op die wolk en ander gevorderde kenmerke nie.
Axure RP Team – $42 maand/per gebruiker kry jy alles wat by RP Pro ingesluit is, plus:
Axure for Enterprise - Die prys is op aanvraag
Axure bied 30 dae se gratis toegang sodat jy die sagteware kan gebruik en kyk of dit goed is vir jou behoeftes.
Justinmind
Justinmind is 'n wonderlike draadraamwerktuig vir mobiele toepassings wat u kan help om 'n vinnige mobiele toepassing-UI te bou. Dit is baie nuttig wanneer jy 'n aanvanklike programontwerp doen en hul programidee uit die rekenaar kry voordat hulle daardie eerste commit tot hul kode maak!
Sommige van die beste belangrike funksies is:
widgets – Justinmind het 'n groot biblioteek van widgets wat dit maklik maak om die mobiele toepassing-gebruikerskoppelvlak te bou. Die widgets-biblioteek bevat standaardkenmerke soos 'n navigasiekieslys, nutswenk, en meer. Dit het ook mooi UI-elemente soos skuifbalk en videospeler, nie beskikbaar in 'n ander prototipeerplatform nie.
mockup - Justinmind laat toe om twee verskillende soorte toepassingsmodelle te bou. Mens kan lae-getrou uitlegte van potlood tekeninge skep of die verskafde gebruikerskoppelvlak element biblioteek gebruik om 'n hoë-getrou ontwerp te bou wat baie realisties lyk.
Gedeelde komponente – U kan ook komponente oor verskeie prototipes hergebruik, wat dit maklik maak om dit gelyktydig op te dateer.
pryse
Gratis – Onbeperkte projekte en kykers
Standaard – $9 per gebruiker/maand sluit gratis funksies plus in
Professioneel – $19 per gebruiker/maand sluit standaardfunksies plus in
Onderneming- Kwotasie beskikbaar op aanvraag, die pakket het alle professionele funksies plus
Vloeibare UI
Dit is 'n UI-ontwerpplatform waarmee u toepassings vir alle groot mobiele bedryfstelsels, insluitend Android, iOS en Blackberry, kan naboots. Die platformfunksionaliteit maak dit maklik om realistiese prototipes binne 'n baie kort tyd te bou.
Fluid UI het 'n paar unieke kenmerke. Die eerste is sy hulpsentrum, wat 'n biblioteek van kort video-tutoriale het vir alles van die heel eerste stadium oor spesifieke platformfunksies. Jy kan ook die gemeenskapsforum soek vir antwoorde op vrae of hul blog lees vir wenke oor die gebruik van die toepassing.
pryse
Fluid UI het drie planne, Solo, Pro en Team. Soos jy opgradeer, neem die aantal gebruikers toe, en bykomende funksies word ontsluit.
Solo – $8.25/maand of $99/jaar
Pro – $19.08/maand of $229/jaar
Span – $41.58/maand of $499/jaar
omnigraffle
Met OmniGraffle kan jy 'n wye verskeidenheid toepassing-UI-ontwerpe skep. Dit is slegs beskikbaar vir Mac-gebruikers, maar dit bied baie wonderlike funksies. Benewens die feit dat dit een van die beste draadraamwerktuie vir mobiele toepassings is, kan dit ook op webwerfdraadrame toegepas word.
Die sagteware is maklik om te leer en daarmee vertroud te raak, aangesien die meeste van sy kenmerke maklik is om te verstaan.
pryse
OmniGraffle is beskikbaar in 'n standaard weergawe en span, kos $12.45 per maand. Beide weergawes laat jou toe om diagramme, vloeidiagramme en grafika van nuuts af te bou of maklik aanpasbare sjablone, sowel as om lêers in te voer of uit te voer.
Gevolgtrekking
Ontwerp van mobiele toepassings is 'n komplekse proses wat vereis dat enige ontwerper omsigtigheid moet doen. Ons lys van die beste mobiele toepassing-UI-ontwerpnutsgoed hierbo sal jou help om die regte keuses te maak tydens jou vroeë stadiums van dinkskrum, sodat jy ingeligte besluite van begin tot einde kan neem.
