Mallisivustot, jotka tunnetaan myös online-graafisina muokkaustyökaluina tai suunnittelutyökaluina, antavat käyttäjille mahdollisuuden luoda erilaisia graafisia malleja, piirroksia, bannereita, logoja, esityksiä ja paljon muuta suoraan selaimestaan ilman, että heidän tarvitsee asentaa tietokoneeseensa erikoisohjelmistoja. Nämä verkkotyökalut tarjoavat yleensä erilaisia ominaisuuksia ja malleja, jotka helpottavat suunnittelun luontiprosessia.
Toisin kuin prototyypit, joiden oletetaan todella toimivan, mallit ovat staattisia visuaalisia elementtejä, joiden tarkoituksena on näyttää suunnittelun asettelut, tunnelma, värit ja yleinen estetiikka. Jotkut suunnittelijat haluavat luoda jokaisen painikkeen ja kuvakkeen tyhjästä, mutta jos haluat hypätä eteenpäin tai leikkiä inspiraation saamiseksi, verkkosivustojen asetteluissa ja ohjelmistoissa on esiasennettu näitä elementtejä, ja niitä voi olla helpompi käyttää kuin graafisen suunnittelun ohjelmistoja.
Alla olevat sivustot auttavat sinua luomaan verkkosivustojen näyttömalleja, sovellusnäytön malleja, tuotemalleja ja paljon muuta. Useimmissa mukana on verkkosivustojen asettelumalleja tai käyttöliittymäsarjoja, joiden avulla voit suunnitella käyttämällä valmiita elementtejä, kuten painikkeita. Ne säästävät loistavasti aikaa, jos joudut vaikeuksiin ja sinun on siirrettävä asettelu nopeasti. Analysoimme jokaisen hinnan, hyvät ja huonot puolet, sekä kenelle niitä suositellaan.
1. Adobe XD. Sivut asettelujen luomiseen
Adobe XD on Adobe-perheen vastaus digitaaliseen suunnitteluohjelmistoon. Siinä on kaikki yksityiskohdat ja vivahteet, joita voit odottaa takana olevalta yritykseltä Photoshop ja Illustrator, mutta se tarjoaa myös yhtä korkean hinnan.
Jos kuitenkin etsit ammattitason asetteluja, joissa on kaikki yksityiskohdat, Adobe XD auttaa sinua. Se hoitaa koko suunnitteluprosessin, mukaan lukien interaktiiviset prototyypit, ja jopa integroituu muihin Adobe-ohjelmistoihin, jos haluat luoda tai mukauttaa elementtejä Photoshopissa tai Illustratorissa.
Se on myös varsin hienostunut ominaisuuksiltaan, sillä siinä on 3D-tehosteita, animaatioita ja mahdollisuus luoda komponenttikirjasto, paikka, jossa voit tallentaa kaikki elementit, kuten painikkeet ja kuvakkeet, jotta tiimisi voi käyttää niitä uudelleen toisessa projektissa (tämä auttaa toistuvia asiakkaita, jos katso samat säätimet uudessa tuotteessa). On myös erikoisominaisuuksia, kuten Repeat Grid, joka säästää aikaa, kun sinun on kopioitava ja liitettävä kuvio uudelleen ja uudelleen, ja Padding, joka suojaa pikselikoot muokattaessa erilaisia samojen elementtien kerroksia.
kustannus:
- 9,99 dollaria/kk
- 99,99 dollaria vuodessa (ennakkomaksu)
Plussat: Sivustot asettelujen luomiseen
- Sopii koko suunnitteluprosessiin, mukaan lukien interaktiiviset prototyypit
- kehittyneitä ominaisuuksia: 3D-tehosteet, animaatiot ja komponenttikirjasto
- Kätevät aikaa säästävät ominaisuudet: sisennys, toistuvat kuviot ja helppo muokkaus
- Integroituu muiden Adobe-ohjelmistojen kanssa
Miinukset:
- liikaa, jos haluat vain yksinkertaisen ja nopean asettelun
Suositellaan…
- ihmiset, jotka ovat tarpeeksi tosissaan digitaalisessa suunnittelussa haluavatkseen huipputason ohjelmistoja
- tavallinen suunnittelu - ei kertaluonteisiin tai yksittäisiin projekteihin
2. Fluid UI. Sivut asettelujen luomiseen
Vaikka teknisesti prototyyppien tekemiseen, Nestemäinen käyttöliittymä on tarpeeksi kestävä luodakseen upeita malleja, jotka voidaan myöhemmin muuntaa interaktiivisiksi prototyypeiksi. Tämä on erinomainen valinta kokeneille suunnittelijoille ja suunnittelutiimeille, jotka työskentelevät projektin koko laajuudessa.
Joustava käyttöliittymä ei ole yhtä käyttäjäystävällinen kuin muut suositut ulkoasusivustot, mikä ei välttämättä miellytä aloittelijoita. Siinä on kuitenkin kaikki ammattitason ominaisuudet, joita tarvitset verkko- ja sovellussuunnitteluun, mukaan lukien kehykset ja valmiiksi rakennettujen käyttöliittymäkomponenttien ja -kuvakkeiden kirjasto. Yksi sen eduista on sen yhteistyötyökalut, joiden avulla käyttäjät voivat tarkastella, kommentoida ja muokata samoja tiedostoja kaikkialta maailmasta.
kustannus:
- Ilmainen suunnitelma (1 projekti)
- 8,25 $/kk (laskutetaan vuosittain) [Yksin]
- 19,08 $ kuukaudessa (laskutetaan vuosittain) [Pro]
- 41,58 dollaria kuukaudessa (laskutetaan vuosittain) [Tiimi]
Plussat: Sivustot asettelujen luomiseen
- ammattilaisille sopivia edistyneitä ominaisuuksia
- hieman halvempaa kuin vastaavat mallisivustot
- ensiluokkaista yhteistyötä
- suuri sisäänrakennettu komponenttikirjasto
- mobiilisovelluksia ja laitteen vaihtoa helpottaa asettelujen luomista mobiililaitteille
Miinukset:
- oppimiskäyrä
Suositellaan…
- ihmiset, jotka haluavat täysimittaisen suunnittelutyökalun, mutta ovat myös tietoisia budjettistaan
3. InVision. Sivut asettelujen luomiseen
InVision on Adobe XD:n suora kilpailija ja toinen all-in-one-mallinnus- ja prototyyppityökalu, myös kalliilla kuukausitilauksilla. InVision jakaa monia Adobe XD:n kehittyneitä ominaisuuksia, mukaan lukien tarkat animaatiotyökalut prototyyppien luomiseen, mutta se on hieman vähemmän käyttäjäystävällinen tehokkuuden ja tehtävien virtaviivaistamisen suhteen.
On myös syytä huomata, että InVision on ensisijaisesti prototyyppityökalu, joten monet sen ominaisuudet keskittyvät interaktiivisuuteen ja tehosteisiin staattisten kuvien sijaan. Siinä on kuitenkin kaikki mitä tarvitset luomiseen hienoja asetteluja pikselin täydellinen, mukaan lukien integraatio Photoshopin ja Sketchin kanssa, ja ilmaisen Inspect-lisäosan avulla voit muuttaa minkä tahansa mallin helposti kehittäjäkoodiksi. Ja kaiken lisäksi tarjolla on ikuisesti ilmainen versio.
kustannus:
- Ilmainen versio
- 7,95 dollaria kuukaudessa (laskutetaan vuosittain)
Plussat: Sivustot asettelujen luomiseen
- Sopii koko suunnitteluprosessiin, mukaan lukien interaktiiviset prototyypit
- edistyneitä ominaisuuksia, kuten animaatioita ja interaktiivisia tehosteita
- integroituu Photoshopin ja Sketchin kanssa
- ilmainen versio
Miinukset:
- käytettävyys on hieman monimutkaisempi kuin Adobe XD
Suositellaan…
- ihmiset, jotka tarvitsevat ensisijaisesti prototyyppityökalun, mutta joilla on mallintamisominaisuudet
4. Median muokkaaja. Sivut asettelujen luomiseen
Siirrytään pois ammattitason verkkosivujen ulkoasuista... kaukana hotellilta. Median muokkaaja on spektrin toisessa päässä: erittäin rajalliset ominaisuudet ja syvyys, mutta erittäin kätevä. Sinä pystyt ladattavia malleja ilmaiseksi suoraan sivustolta, mutta vesileiman poistamiseksi ja laadukkaiden versioiden saamiseksi sinun on maksettava.
Mediamodifier on samanlainen kuin online-valokuvien muokkausohjelma, mutta siinä on valmiiksi ladatut sovellusmallit ja verkkosivustojen asettelut. Heillä on myös tuhansia malleja muuhunkin kuin digitaaliseen malliin: t-paidat, kahvimukit, kirjojen kannet jne. Sinun tarvitsee vain löytää malli josta pidät, lisätä oma kuvasi ja... no, siinä on kaikki, mitä voit tehdä. Tämä on yksinkertainen verkkosivusto, jossa on asetteluja, kun tarvitset jotain nopeaa ja helppoa, mutta ei silloin, kun haluat tehdä vaikutuksen laadukkaalla grafiikalla.
kustannus:
- Ilmainen suunnitelma
- 9 dollaria kuukaudessa (laskutetaan vuosittain)
Plussat: Sivustot asettelujen luomiseen
- helppokäyttöinen
- voi luoda asetteluja sekunneissa
- monia malleja, joista valita
Miinukset:
- paljaat ominaisuudet
- joudut maksamaan korkealaatuisesta resoluutiosta
- vesileimojen poistamisesta on maksettava
Suositellaan…
- kun tarvitset jotain yksinkertaista ja nopeaa
- olet jo luonut kuvan, mutta sinun on asetettava se puhelimen/työpöydän taustalle
- hyvä valikoima taustoja
5. MockFlow
Kun puhumme mallisivustoista, jotka soveltuvat koko suunnitteluprosessiin, emme oikeastaan mainitse malleista. MockFlow on yksi todella monipuolisista suunnittelutyökaluista, joka vie sinut rautalanreista makeisiin ja aina prototyyppeihin.
Wireframing-ominaisuuksien lisäksi MockFlow tarjoaa myös enemmän joustavuutta lisäosilla MockStoressa. Sieltä löydät "lisävarusteita", kuten lisäkäyttöliittymäpaketteja, ylimääräisiä verkkosivustojen asettelumalleja ja erikoisominaisuuksia, kuten käyttäjähenkilöitä, suunnittelujärjestelmiä tai kääntäjiä. MockFlow tunnetaan myös helposta yhteistyöstä ja jakamisesta, mikä tekee siitä loistavan ratkaisun tiimeille. Sivut asettelujen luomiseen
Hinta: Sivut asettelujen luomiseen
- Ilmainen suunnitelma
- 14 $/kk (laskutetaan vuosittain) [Premium]
- 30 $/kk (laskutetaan vuosittain) [Tiimipaketti, jossa 3 käyttäjää]
Plussat:
- erinomaiset rautalankamallinnusominaisuudet
- MockStore tarjoaa lisäominaisuuksia
- Laaja valikoima käyttöliittymäpaketteja ja malleja MockStoren kautta
Miinukset:
- Premium-suunnitelma maksaa enemmän kuin muut asetteluohjelmistot, mutta maksaa vähemmän
Suositellaan…
- ihmiset, jotka tarvitsevat lisätyökaluja, kuten suunnittelujärjestelmiä tai kuvakäsikirjoituksia
- suuria tiimejä, jotka tarvitsevat edistyneitä yhteistyöominaisuuksia
- yksinkertaisia kertaluonteisia projekteja, jotka voivat hyötyä ilmaisesta suunnitelmasta
6. Pilkkilintu. Sivut asettelujen luomiseen
Matkijalintu on hyvä keskitie laajojen ominaisuuksien ja yksinkertaistetun käytettävyyden välillä (vaikka se onkin luokiteltu huippuluokan työkaluksi). Houkuttelevin ominaisuus on yksinkertainen WYSIWYG-editori, jossa voit yksinkertaisesti vetää ja pudottaa elementtejä haluamaasi paikkaan. Muilla huippumallisivustoilla on vedä ja pudota -editorit, mutta Mockingbirdin käyttöliittymä on niin yksinkertainen ja suoraviivainen, että se on selvästi suunnattu aloittelijoille ja aloittelijoille.
Hinta ei kuitenkaan ole niin kätevä. Vähimmäishinnalla 11 dollaria kuukaudessa, tämä on yksi kalleimmista asettelusivustoista, vaikka se ei tarjoakaan mitään. Toisaalta se on sama hinta kaikille työntekijöille, joten jos sinulla on tarpeeksi suuri tiimi, voit perustella kustannukset. Sivut asettelujen luomiseen
kustannus:
- 11 dollaria/kk (laskutetaan vuosittain): 3 projektia
- 17 dollaria // kuukausi (laskutetaan vuosittain): 10 projektia
- 32 dollaria/kk (laskutetaan vuosittain): 25 projektia
- 68 dollaria // kuukausi (laskutetaan vuosittain): rajattomasti projekteja
Plussat:
- erittäin mukava
- WYSIWYG-käyttöliittymä
- ilmainen kokeiluversio verkossa
Miinukset: Sivustot asettelujen luomiseen
- kalliisti
- Ominaisuussarja ei ole yhtä vankka kuin muut suositut asettelusivustot
Suositellaan…
- aloittelijoille, joita monimutkaisemmat käyttöliittymät pelkäävät
- suuria ryhmiä, joilla ei ole varaa yksittäiseen jäsenyyteen muilla mallisivustoilla
7. MockupsJar. Sivut asettelujen luomiseen
MallitJar on sama ilmainen asettelusivusto kuin Mediamodifier: valitset mallisi ja asetat sen päälle oman kuvasi. Mediamodifierin tapaan ne tarjoavat valikoiman arkistokuvia kannettavista tietokoneista mukeihin ja t-paitoihin, mutta отличие от Mediamodifier, voit ladata korkealaatuisen version ilmaiseksi. Sivut asettelujen luomiseen
MockupsJarissa ei ehkä ole yhtä monta verkkosivustomallipohjaa kuin Mediamodifier, mutta mahdollisuus ladata korkealaatuinen kuva maksamatta korvaa sen. Voit kuitenkin ladata vain 20 korkearesoluutioista kuvaa; sen jälkeen joudut joko maksamaan tai lataamaan sen alhaisella resoluutiolla. Ilmaisessa versiossa on myös mainoksia, mutta kaiken kaikkiaan se ei ole huono ilmainen mallisivusto.
Hinta: Sivut asettelujen luomiseen
- Ilmainen suunnitelma
- 5 €/kk (maksetaan kuukausittain)
Plussat:
- helppoa vain
- ilmainen paketti tarjoaa 20 korkearesoluutioista kuvaa
- ei vesileimoja
Miinukset:
- paljaat ominaisuudet
- täytyy luoda kuvia muualle
Suositellaan…
- ihmiset, jotka pitävät Mediamodifier-alustasta, mutta eivät halua maksaa vesileimojen poistamisesta
8. Moqups. Sivut asettelujen luomiseen
moqups on toinen monipuolinen digitaalinen suunnittelija makeille, prototyypeille ja tietysti malleille. Niiden editori on loistava yhdistelmä edistyneitä ominaisuuksia ja WYSIWYG-säätimiä, joka sopii sekä aloittelijoille että kokeneille suunnittelijoille. Heillä on kuitenkin vain kaksi hinnoittelusuunnitelmaa riippuen siitä, kuinka monta käyttäjää sinulla on, joten yli kolmea suuremmat tiimit joutuvat maksamaan ylimääräistä. Sivut asettelujen luomiseen
Käyttäjät ylistävät Moqupsin kykyä luoda vuokaavioita, mikä ei ole juuri hyödyllistä asetteluissa, mutta on hyvä koko suunnitteluprosessin kannalta. Vaikka osa käytettävyydestä voi olla hankalaa, se on kaiken kaikkiaan varteenotettava vaihtoehto muille yleisen ulkoasun verkkosivustoille, varsinkin jos olet yhtä kiinnostunut rautalankaista ja prototyypeistä.
kustannus:
- 16 $/kk (laskutetaan vuosittain) [Pro - 3 toimittajaa]
- 49 $/kk (laskutetaan vuosittain) [Unlimited – Unlimited Editors]
Plussat: Sivustot asettelujen luomiseen
- tasapainoinen työkalu metallikehysten, prototyyppien ja mallien suunnitteluun
- Tarpeeksi käyttäjäystävällinen aloittelijoille, tarpeeksi edistynyt asiantuntijoille
- Upeita suunnitteluominaisuuksia, kuten vuokaavioita, sivustokarttoja ja kuvakäsikirjoituksia
Miinukset:
- kalliimmalla puolella
Suositellaan…
- ihmiset, jotka priorisoivat mallit ja prototyypit samalla tasolla kuin mallit
9. Smartmockupit. Sivut asettelujen luomiseen
Älykuvat mallit on samassa kategoriassa Mediamodifierin ja MockupsJarin kanssa, mutta paremmalla integraatiolla. Tämä on iso juttu, jos olet ottanut korkearesoluutioisen kuvakaappauksen esikatselusta Marvel-sovelluksessa ja haluat vain sijoittaa sen mallityöpöydän taustalle. Smartmockupsilla on myös enemmän mukautusominaisuuksia kuin muilla ilmaiset web-sivustot, joissa on malleja, kuten värien vaihtaminen, mutta tämä ominaisuus on käytettävissä vain maksullisella sopimuksella. Sivut asettelujen luomiseen
Kuten muillakin ilmaisilla mallisivustoilla, älä odota liikaa sen lisäksi, että kuvasi on peittokuva mallin taustalla. Maksullisessa versiossa on pääsy yli 6000 800 kuvamalliin erilaisille taustoille, mukaan lukien T-paidat, käyntikortit ja digitaaliset laitteet. Ilmainen suunnitelma tarjoaa edelleen noin XNUMX asettelumallia, mutta joudut käsittelemään vesileimoja.
kustannus:
- Ilmainen versio
- 9 dollaria kuukaudessa
Plussat: Sivustot asettelujen luomiseen
- integroituu Marvel Appin, Dropboxin, Figman, Unsplashin ja Canvan kanssa
- maksetun suunnitelman avulla voit muokata kuvaa
- nopea ja helppo
Miinukset:
- Ilmaisessa suunnitelmassa on vesileimat
- täytyy luoda kuvia muualle
Suositellaan…
- työskentelet ensisijaisesti Marvel Appissa, Canvassa tai Figmassa
Miksei ryhdy ammattilaiseksi?
Kuten edellä totesimme, mallien ainoa tarkoitus on näyttää hyvältä. Jos mallisi menestys riippuu paljon – ehkä sinun täytyy voittaa tyytymätön sidosryhmä tai esitellä idea lisärahoituksesta –, haluat ehdottomasti, että mallisi näyttää täydelliseltä. Mikset siinä tapauksessa jätä sitä ammattilaisen käsiin. Sivut asettelujen luomiseen
Kun palkkaat freelance-suunnittelijan, annat suunnittelusi asiantuntijan käsiin, joka ymmärtää suunnittelun läpikotaisin. Sinun ei tarvitse huolehtia ohjelmistojen hinnoista tai oppimiskäyristä, sillä suunnittelija huolehtii niistä puolestasi. Ja eri puolilta maailmaa kotoisin olevien suunnittelijoiden yhteisöstämme löydät varmasti suunnittele tällä tyylilläjota tarvitset!
«АЗБУКА»
Jätä kommentti