Innhold
- 01. Marvel (iOS, Android)
- 02. Invision (iOS, Android)
- 03. iOS Sketch Paper
- 04. Android Sketch Paper
- 05. PopApp (iOS, Android)
- 06. Prisverdige apper (iOS)
- 07. Mobile Awesomeness (iOS, Android)
- 8. Android-mønstre (Android)
- 09. Tuts + (iOS, Android)
- 10. Adobe Kuler (iOS, Android)
Enten du designer appen din for iOS, Android, eller en annen plattform helt, er det massevis av store ressurser på nettet. Så her har jeg samlet 10 strålende verktøy som hjelper deg med å komme fra konsept til ferdig app raskere - alt gratis. Åh, og hvis du ønsker å lære deg appdesign eller øke ferdighetene dine, kan du også sjekke ut denne samlingen av veiledninger om hvordan du bygger en app.
01. Marvel (iOS, Android)
Marvel-appen gjør enkle skisser på papir til interaktive, brukbare prototyper som lar deg demonstrere appidéene dine og dele med andre.
- Det er kompatibelt med .psd-filer, så du trenger ikke å konvertere designene dine før du laster dem opp. Marvel reduserer testtiden betydelig til endringer, spesielt siden den oppdaterer dem i bakgrunnen.
- Nettleseren du tester prototypen din ved å simulere enheten slik at du ser den i sitt naturlige miljø.
- Dette prototypingsverktøyet inkluderer tilpassede animasjoner og fading mellom skjermene, for den mest realistiske opplevelsen av prototyping
02. Invision (iOS, Android)
Invision er et annet gratis prototypingverktøy for nett og mobil tilgjengelig for både iOS- og Android-plattformene. Dette prototypeverktøyet har et komplett kommentarsystem, sammen med varsler og statusoppdateringer, slik at alle medlemmer av et team kan se hvor prosjektet er uten å måtte spørre.
- Invasion samarbeider også i sanntid med mennesker, slik at dere alle kan møte online og jobbe med prosjektet sammen hvis et problem dukker opp.
- Den inkluderer komplette designverktøy i sanntidssamarbeidet, så det er virkelig en ideell sanntidsopplevelse.
- Og kanskje den beste funksjonen, den har versjonskontroll, for når du ved et uhell gjør en endring du ikke burde ha, eller når du vil bringe tilbake et gammelt designkonsept.
03. iOS Sketch Paper
For de som liker å designe på blyant og papir før de hopper inn i photoshop eller et prototypeverktøy, gjør dette gratis skissepapir med prikkgitter det enkelt å få iOS-design på papir. Den er klar til utskrift når du laster ned.
Den inkluderer rutenettlinjer for alle standardgrensesnittelementene, samt målemarkører for hver enhet. Den er tilgjengelig som iPad Air og iPhone 5S.
04. Android Sketch Paper
Vi glemmer ikke Android-designere; her er noen Android design skissepapir som alternativet ovenfor for Android designere i publikum.
Det er åtte telefoner per skjerm, og i motsetning til iOS Sketch Paper er dette ikke et prikkgitter, men i stedet har det ingen linjer i det hele tatt. Siden det er en god mengde telefoner per skjerm, kan du organisere arbeidsflyten raskt på dette skissepapiret før du gjør en mer intensiv arbeidsflytorganisasjon.
05. PopApp (iOS, Android)
Hvis du likte Marvelapp, men du vil ha en fungerende prototype på Android-enheten din, se ikke lenger enn PopApp.
PopApp er unik fordi den starter med fotografier av håndtegnede appskisser og knytter dem sammen på enheten. Du er ikke begrenset av hva appen kan lage visuelt, men så fungerer den tegnede prototypen din på hvilken som helst enhet.
06. Prisverdige apper (iOS)
Hvis du er ute etter inspirasjon, er det bare å gå til Laudable Apps. De viser alle de beste iOS 7-designene og flatdesigneksemplene som er tilgjengelige, slik at du kan bruke fantastiske designmønstre i din neste app.
Dette nettstedet er ikke i artikkelformat, noe som betyr at det primært viser skjønnheten til mockupen i stedet for å fylle den med mye tekst og andre elementer.
07. Mobile Awesomeness (iOS, Android)
I likhet med før er dette et nettsted for inspirasjon, bortsett fra at dette nettstedet har designinspirasjon fra en rekke kilder, inkludert mobil og nett.
Mobile Awesomeness har et klassifiseringssystem for alle designene som er lagt ut på deres hjemmeside. Sjekk hvordan de vurderer design - du kan bruke det samme klassifiseringssystemet på dine egne design for å se hvordan du måler deg.
8. Android-mønstre (Android)
Dette nettstedet kategoriserer tonnevis av Android-designmønstre. Hvis du leter etter noe nytt og særegent eller bare noe annet å begynne å bruke, kan du gå over til designmønsterbiblioteket for å ta en titt.
De organiserer designmønstrene etter hvilken apptype de er ment for, for eksempel ”håndtere data”, ”personalisering” og ”sosial”. Du kan til og med søke etter mønstre ved å spørre 'Hvordan kan jeg ...'.
09. Tuts + (iOS, Android)
Tuts + er en enorm opplæringsbibliotek fra alt på CSS til hekling. Heldigvis har de også en hel seksjon dedikert til mobil design. Gå derover for å få tilgang til enorme, visuelle veiledninger.
Tuts + tutorials er lange og omfattende, så du blir gått gjennom hvert knappeklikk du kan trenge for å få gjort noe. I tillegg har tuts + også et enormt bibliotek med ebøker og andre ressurser, så hvis du vil ha mer informasjon om et emne, vet du hvor du skal lete.
10. Adobe Kuler (iOS, Android)
Kan du ikke bestemme deg for et fargevalg? Bruk Adobe Kuler (tilgjengelig som en app for alle enheter så vel som i nettleseren) for å ta et bilde av noe med et fargevalg du liker, og la det velge de beste utfyllende fargene fra bildet.
Alternativt kan du velge en ferdiglaget fargepalett fra biblioteket med populære farger for å få et vinnende fargevalg rett utenfor flaggermusen. Ikke lenger sliter med å finne riktig nyanse, eller få et helt design satt sammen bare for at klienten skal si at det "ikke ser riktig ut".
Ord: Megan Holstein
@MeganEHolstein er en gründer, app-fyr, og forfatteren av den kommende Idea to App.
