10 parasta ilmaista työkalua sovellussuunnittelijoille

Suunnitteletko sovellustasi varten ios , Android , molemmat tai jokin muu alusta kokonaan, verkossa on paljon hienoja resursseja. Joten tässä olen tuonut yhteen 10 loistavaa työkalua, joiden avulla pääset käsitteestä valmiiseen sovellukseen nopeammin - kaikki ilmaiseksi. Voi, ja jos haluat oppia sovellussuunnittelua tai parantaa taitojasi, tutustu myös tähän opetusohjelmien kokoelmaan Kuinka rakentaa sovellus .

01. Ihme (iOS, Android)



Marvel-sovellus muuttaa yksinkertaiset luonnokset paperilla interaktiivisiksi, painettaviksi prototyypeiksi, joiden avulla voit esitellä sovellusideoitasi ja jakaa muiden kanssa.



parhaat tietokoneet videon muokkausta varten 2015
  • Se on yhteensopiva .psd-tiedostojen kanssa, joten kuvioita ei tarvitse muuntaa ennen lataamista. Marvel lyhentää huomattavasti muutosten testausaikaa, varsinkin kun se päivittää ne taustalla.
  • Web-selain, jonka testaat prototyyppisi simuloimalla laitetta, jotta näet sen luonnollisessa ympäristössä.
  • Tämä prototyyppityökalu sisältää mukautettuja animaatioita ja häipymistä näyttöjen välillä realistisimman prototyyppikokemuksen saamiseksi

02. Invisio (iOS, Android)

Invision on toinen ilmainen web- ja mobiiliprototyyppityökalu, joka on saatavilla sekä iOS- että Android-alustoille. Tällä prototyyppityökalulla on täydellinen kommentointijärjestelmä sekä ilmoitukset ja tilapäivitykset, joten kaikki tiimin jäsenet voivat nähdä projektin sijainnin kysymättä.



  • Invasion tekee myös reaaliaikaista yhteistyötä ihmisten kanssa, joten voit kaikki tavata verkossa ja työskennellä yhdessä projektin kanssa, jos ongelma tulee esiin.
  • Se sisältää täydelliset suunnittelutyökalut reaaliaikaisessa yhteistyössä, joten se on todella ihanteellinen reaaliaikainen kokemus.
  • Ja ehkä paras ominaisuus, sillä on versionhallinta, sillä kun teet vahingossa muutoksen, jota sinun ei pitäisi olla, tai kun haluat palauttaa vanhan suunnittelukonseptin.

03. iOS-luonnospaperi

Niille, jotka haluavat suunnitella lyijykynällä ja paperilla ennen hyppäämistä Photoshopiin tai prototyyppityökaluun, tämä ilmainen piste-ruudukon luonnospaperi helpottaa kaikkien iOS-mallien saamista paperille. Se on tulostuskelpoinen, kun lataat.

Se sisältää ruudukot kaikille oletuskäyttöliittymän elementeille sekä mittausmerkinnät jokaiselle laitteelle. Se on saatavana iPad Air- ja iPhone 5S -malleina.



04. Android-luonnospaperi

Emme unohda Android-suunnittelijoita; Tässä on joitain Android-suunnittelupiirroksia, kuten yllä oleva vaihtoehto yleisön Android-suunnittelijoille.

Näyttöä on kahdeksan puhelinta, ja toisin kuin iOS: n luonnospaperissa, tämä ei ole pisteruudukko, mutta siinä ei ole lainkaan viivoja. Koska näyttöä on paljon puhelimia, voit järjestää työnkulun nopeasti tähän luonnospaperiin ennen intensiivisempää työnkulun organisointia.

05. PopApp (iOS, Android)

40 päivää kokeilusta

Jos pidit Marvelappista, mutta haluat toimivan prototyypin Android-laitteellesi, älä katso enää PopAppia.

PopApp on ainutlaatuinen, koska se alkaa valokuvista käsin piirretyistä sovellusluonnoksistasi ja linkittää ne yhteen laitteellasi. Sinua ei rajoita se, mitä sovellus voi luoda visuaalisesti, mutta sitten piirtämäsi prototyyppi toimii millä tahansa laitteella.

06. Laudable-sovellukset (iOS)

Jos kuolet inspiraation vuoksi, siirry vain Laudable-sovelluksiin. Ne esittelevät kaikki parhaat iOS 7 -mallit ja litteät muotoiluesimerkit, joten voit käyttää mahtavia suunnittelumalleja seuraavassa sovelluksessasi.

Tämä verkkosivusto ei ole artikkelimuodossa, mikä tarkoittaa, että se esittelee ensisijaisesti mockupin kauneutta sen sijaan, että se tukahduttaisi sen paljon tekstiä ja muita elementtejä.

07. Mobiili mahtavuus (iOS, Android)

Aivan kuten aikaisemmin, tämä on inspiraation verkkosivusto, paitsi että tällä verkkosivustolla on inspiraatiota useista lähteistä, mukaan lukien mobiili ja verkko.

Mobile Awesomenessilla on luokitusjärjestelmä kaikille heidän verkkosivuillaan julkaistuille malleille. Katso, miten he arvioivat malleja - voit soveltaa samaa luokitusjärjestelmää omiin malleihisi nähdäksesi, miten mitataan.

08. Android-mallit (Android)

Tämä verkkosivusto luokittelee tonnia Android-suunnittelumalleja. Jos etsit jotain uutta ja erottuvaa tai vain jotain erilaista käytön aloittamiseksi, voit siirtyä heidän suunnittelukirjastokirjastoonsa katsomaan.

He organisoivat suunnittelumallinsa mihin sovellustyyppiin ne on tarkoitettu, kuten 'tietojen käsittely', 'personointi' ja 'sosiaalinen'. Voit jopa etsiä malleja käyttämällä kehotetta 'Kuinka voin ...'.

09. Tuts + (iOS, Android)

Tuts + on valtava kirjasto opetusohjelmia kaikesta CSS: stä virkkaukseen. Onneksi heillä on myös koko osa, joka on omistettu myös mobiilisuunnittelulle. Päätä sinne saadaksesi valtavia visuaalisen suunnittelun oppaita.

Tutit + oppaat ovat pitkiä ja kattavia, joten sinut käydään läpi jokaisen painikkeen napsautuksen, jota saatat joutua tekemään jotain. Lisäksi tuts +: lla on valtava kirjasto e-kirjoja ja muita resursseja, joten jos haluat lisätietoja aiheesta, tiedät mistä etsiä.

10. Adobe Kuler (iOS, Android)

Etkö voi päättää värimaailmasta? Käytä Adobe Kuleria (saatavana sovelluksena kaikille laitteille sekä selaimessa) ottaaksesi valokuvan jostakin haluamallasi värimallilla ja anna sen valita valokuvasta parhaat täydentävät värit.

Vaihtoehtoisesti voit valita valmiiden väripalettien suosittujen värien kirjastosta saadaksesi voittavan värimaailman heti lepakosta. Ei enää vaivaa oikean sävyn löytämisessä, tai koko mallin kokoaminen vain asiakkaalle sanomaan, että se 'ei näytä oikealta'.

kuinka lisätä joku kuvaan

Sanat: Megan Holstein

@MeganE Holstein on yrittäjä, app-kaveri ja tulevan kirjoittaja Idea sovellukseen .