De 10 bedste gratis værktøjer til app-designere

Uanset om du designer din app til ios , Android , begge eller en anden platform helt, er der masser af store ressourcer på nettet. Så her har jeg samlet 10 strålende værktøjer, der hjælper dig med at komme fra koncept til færdig app hurtigere - alt gratis. Åh, og hvis du ønsker at lære app-design eller øge dine færdigheder, så tjek også denne samling af tutorials om Sådan oprettes en app .

01. Marvel (iOS, Android)

Marvel-appen forvandler enkle skitser på papir til interaktive, tappbare prototyper, der giver dig mulighed for at demonstrere dine appidéer og dele med andre.



  • Det er kompatibelt med .psd-filer, så det er ikke nødvendigt at konvertere dine designs inden upload. Marvel reducerer testtiden betydeligt til ændringer, især da den opdaterer dem i baggrunden.
  • Den webbrowser, du tester din prototype ved at simulere enheden, så du ser den i sit naturlige miljø.
  • Dette prototypeværktøj inkluderer brugerdefinerede animationer og fading mellem skærme for at få den mest realistiske oplevelse af prototyping

02. Invision (iOS, Android)

Invision er et andet gratis web- og mobilprototypeværktøj, der er tilgængeligt for både iOS- og Android-platforme. Dette prototypeværktøj har et komplet kommentarsystem sammen med meddelelser og statusopdateringer, så alle medlemmer af et team kan se, hvor projektet er uden at skulle spørge.

  • Invasion samarbejder også med mennesker i realtid, så du alle sammen kan mødes online og arbejde sammen om projektet, hvis et problem dukker op.
  • Det inkluderer komplette designværktøjer i realtidssamarbejdet, så det er virkelig en ideel oplevelse i realtid.
  • Og måske den bedste funktion, den har versionskontrol, for når du ved et uheld foretager en ændring, du ikke skulle have, eller når du vil bringe et gammelt designkoncept tilbage.

03. iOS Sketch Paper

For dem, der kan lide at designe på blyant og papir, før de hopper ind i photoshop eller et prototypeværktøj, gør dette gratis skitsepapir med prikgitter det let at få iOS-design på papir. Det er klar til udskrivning, når du downloader det.

Det inkluderer gitterlinjer for alle standard UI-elementer samt målemarkører for hver enhed. Den fås som iPad Air og iPhone 5S.

04. Android skitsepapir

Vi glemmer ikke Android-designere; her er noget Android design skitsepapir som indstillingen ovenfor for Android designere i publikum.

Der er otte telefoner pr. Skærm, og i modsætning til iOS Sketch Paper er dette ikke et prikgitter, men i stedet har det slet ingen linjer. Da der er en god mængde telefoner pr. Skærm, kan du organisere workflow hurtigt på dette skitsepapir, inden du foretager en mere intensiv workflow-organisation.

05. PopApp (iOS, Android)

Hvis du kunne lide Marvelapp, men du vil have en fungerende prototype på din Android-enhed, skal du ikke lede længere end PopApp.

PopApp er unik, fordi den starter med fotografier af dine håndtegnede appskitser og forbinder dem sammen på din enhed. Du er ikke begrænset af, hvad appen kan oprette visuelt, men så fungerer din tegnede prototype på enhver enhed.

06. Prisværdige apps (iOS)

Hvis du dør efter inspiration, skal du bare gå videre til Laudable Apps. De viser alle de bedste iOS 7-designs og flade designeksempler, der er tilgængelige, så du kan bruge fantastiske designmønstre i din næste app.

Dette websted er ikke i artikelformat, hvilket betyder, at det primært viser mockups skønhed i stedet for at mase det ned med masser af tekst og andre elementer.

07. Mobile Awesomeness (iOS, Android)

Ligesom før er dette et websted til inspiration, bortset fra at dette websted har designinspiration fra en række kilder, herunder mobil og web.

Mobile Awesomeness har et klassificeringssystem for alle de designs, der er lagt ud på deres hjemmeside. Tjek, hvordan de vurderer design - du kan anvende det samme klassificeringssystem på dine egne designs for at se, hvordan du måler dig.

08. Android-mønstre (Android)

Dette websted kategoriserer masser af Android-designmønstre. Hvis du leder efter noget nyt og særpræg eller bare noget andet at begynde at bruge, kan du gå over til deres designmønsterbibliotek for at se på det.

De organiserer deres designmønstre efter hvilken apptype de er beregnet til, såsom 'at håndtere data', 'personalisering' og 'social'. Du kan endda søge på mønstre ved hjælp af prompten 'Hvordan kan jeg ...'.

09. Tuts + (iOS, Android)

Tuts + er enorme biblioteker med tutorials fra alt om CSS til hækling. Heldigvis har de også en hel sektion dedikeret til mobildesign. Gå derover for at få adgang til enorme, visuelle tutorials.

Tuts + tutorials er lange og omfattende, så du bliver gået gennem hvert knapklik, du muligvis har brug for for at få noget gjort. Derudover har tuts + også et enormt bibliotek med e-bøger og andre ressourcer, så hvis du vil have mere information om et emne, ved du hvor du skal lede.

10. Adobe Kuler (iOS, Android)

Kan du ikke vælge et farveskema? Brug Adobe Kuler (tilgængelig som en app til enhver enhed såvel som i browseren) til at tage et billede af noget med et farveskema, du kan lide, og lad det vælge de bedste supplerende farver fra billedet.

Alternativt kan du vælge en foruddefineret farvepalet fra deres bibliotek med populære farver for at få et vindende farveskema lige uden for flagermusen. Ikke mere kæmper for at finde den rigtige skygge eller få et helt design samlet bare for at klienten siger, at det 'ikke ser rigtigt ud'.

Ord: Megan Holstein

@MeganE Holstein er en iværksætter, app-fyr og forfatteren af ​​den kommende Idé til app .