Diseinuak sortzeko webguneak

Maketa-webguneek, lineako editore grafiko edo diseinu-tresna gisa ere ezagutzen direnak, erabiltzaileek hainbat diseinu grafiko, ilustrazio, banner, logotipo, aurkezpen eta gehiago sortzeko aukera ematen dute zuzenean web-arakatzailetik, beren ordenagailuan software espezializatua instalatu beharrik gabe. Lineako tresna hauek diseinua sortzeko prozesua errazten duten hainbat ezaugarri eta txantiloi eskaintzen dituzte normalean.

Prototipoek ez bezala, benetan funtzionatu behar dutela, maketak diseinu-diseinuak, giroa, kolorea eta estetika orokorra erakusteko xedea duten elementu bisual estatikoak dira. Diseinatzaile batzuek nahiago dute botoi eta ikono guztiak hutsetik sortzea, baina aurrera egin nahi baduzu edo inspirazio bila jolastu nahi baduzu, webguneen diseinuak eta softwareak elementu hauekin aurrez kargatuta daude eta diseinu grafikoko softwarea baino errazagoa izan daiteke erabiltzeko.

Beheko guneek webguneko pantailaren maketak, aplikazioen pantailaren maketak, produktuen maketak eta abar sortzen lagunduko dizute. Gehienak webguneen diseinuaren txantiloiak edo UI kitekin datoz, aurrez eraikitako elementuak erabiliz diseinatzeko, hala nola botoiak. Denbora aurrezteko oso ona da inoiz zure burua apur bat aurkitzen baduzu eta diseinu bat azkar entregatu behar baduzu. Bakoitzerako prezioa aztertuko dugu, pros eta contra, baita nori gomendatzen zaizkion ere.

1. Adobe XD. Diseinuak sortzeko webguneak

Adobe XD Adobe familiaren erantzuna da diseinu digitalaren softwareari. Enpresarengandik espero dituzun xehetasun eta ñabardura guztiak ditu atzean Photoshop eta Illustrator, baina prezio berdina ere eskaintzen du.

Hala ere, xehetasun guztiekin maila profesionaleko diseinuak bilatzen ari bazara, Adobe XD-k estalita dauka. Diseinu prozesu osoa kudeatzen du, prototipo interaktiboak barne, eta Adobe beste software batzuekin ere integratzen du Photoshop edo Illustrator-en elementuak sortu edo pertsonalizatu nahi badituzu.

Bere ezaugarrietan ere nahiko sofistikatua da, 3D efektuekin, animazioekin eta osagaien liburutegi bat sortzeko gaitasunarekin, zure elementu guztiak botoiak eta ikonoak bezalakoak gordetzeko lekua, zure taldeak beste proiektu batean berriro erabil ditzan (horrek bezeroak errepikatzen baditu). produktu berriaren kontrol berdinak ikusi). Ezaugarri bereziak ere badaude, hala nola Errepikatu Sarea, denbora aurrezten duena eredu bat behin eta berriz kopiatu eta itsatsi behar duzunean, eta Betegarria, babesten duena. pixelen tamaina desberdinak editatzerakoan elementu bereko geruzak.

kostua:

• 9,99 $/hilean
• 99,99 $ urtean (aurrez ordainduta)

Alde onak: diseinuak sortzeko webguneak

• Diseinu prozesu osorako egokia, prototipo interaktiboak barne
• Ezaugarri sofistikatuak: 3D efektuak, animazioa eta osagaien liburutegia
• Denbora aurrezteko funtzio erosoak: koska, errepikapen ereduak eta edizio erraza
• Adobe beste software batekin integratzen da

Cons:

• gehiegizko diseinu sinple eta azkarra nahi baduzu

Gomendatua...

• Diseinu digitalari buruz nahikoa serioa den jendea goi mailako softwarea nahi izateko
• diseinu arrunta - ez bakarkako proiektuetarako

2. Fluido UI. Diseinuak sortzeko webguneak

Teknikoki prototipoak egiteko arren, UI fluidoa nahikoa sendoa da, gero prototipo interaktiboetan bihur daitezkeen maketa harrigarriak sortzeko. Aukera bikaina da proiektu baten esparru osoan lan egiten duten esperientziadun diseinatzaile eta diseinu taldeentzat.

Erabiltzaile-interfaze malgua ez da beste diseinu-webgune ezagun batzuk bezain erabilerraza, agian hasiberrientzat erakargarria ez dena. Hala ere, web eta aplikazioen diseinurako behar dituzun maila profesionaleko eginbide guztiak ditu, wireframes eta aurrez eraikitako UI osagai eta ikonoen liburutegia barne. Bere abantailetako bat bere lankidetza-tresnak dira, erabiltzaileek mundu osoko edozein lekutatik fitxategi berdinak ikusteko, iruzkintzeko eta editatzeko aukera ematen dietenak.

kostua:

• Doako plana (proiektu 1)
• 8,25 $/hilean (urtero fakturatzen da) [Bakarka]
• 19,08 $ hilean (urtero fakturatzen da) [Pro]
• 41,58 $ hilean (urtero fakturatuta) [Taldea]

Alde onak: diseinuak sortzeko webguneak

• profesionalentzako egokiak diren ezaugarri aurreratuak
• antzeko maketa webguneak baino zertxobait merkeagoa
• lehen mailako lankidetza
• integratutako osagaien liburutegi handia
• mugikorreko aplikazioak eta gailuak aldatzea gailu mugikorrentzako diseinuak sortzea erraztu

Cons:

• ikasteko kurba

Gomendatua...

• diseinu-tresna osoa nahi duten pertsonak, baina aurrekontua ere kontuan hartzen dutenak

3. InVision. Diseinuak sortzeko webguneak

Invision Adobe XD-ren lehiakide zuzena da eta maketak eta prototipoak egiteko beste tresna bat da, hileroko harpidetza garestia duena ere. InVision-ek Adobe XD-ren ezaugarri sofistikatu asko partekatzen ditu, prototipoak egiteko animazio-tresna zehatzak barne, baina apur bat gutxiago erabilerraza da eraginkortasunari eta zereginak arintzeari dagokionez.

Azpimarratzekoa da InVision batez ere prototipo-tresna bat dela, beraz, bere ezaugarri asko interaktibitate eta efektuetara bideratzen dira irudi estatikoetan baino. Hala ere, sortzeko behar duzun guztia dauka diseinu bikainak pixel-perfektua, Photoshop eta Sketch-ekin integratzea barne, eta doako Inspect gehigarriarekin, edozein diseinu erraz bihur dezakezu garatzaile-kode batean. Eta hori gutxi balitz, betiko doako bertsioa dago.

kostua:

• Doako bertsioa
• $ 7,95 hilean (urtero fakturatzen da)

Alde onak: diseinuak sortzeko webguneak

• Diseinu prozesu osorako egokia, prototipo interaktiboak barne
• ezaugarri aurreratuak, hala nola, animazioa eta efektu interaktiboak
• Photoshop eta Sketch-ekin integratzen da
• doako bertsioa

Cons:

• erabilgarritasuna Adobe XD baino pixka bat konplexuagoa da

Gomendatua...

• Batez ere prototipoak egiteko tresna bat behar duten pertsonak, baina maketa gaitasunak dituztenak

4. Media modifikatzailea. Diseinuak sortzeko webguneak

Alde egin dezagun profesional mailako webguneen diseinuetatik... urrun hoteletik. Multimedia aldatzailea espektroaren beste muturrean dago: ezaugarrietan eta sakontasunean oso mugatua, baina oso erosoa. Ahal duzu doan deskargatzeko maketak zuzenean gunetik, baina ur-marka kendu eta kalitate handiko bertsioak lortzeko, ordaindu beharko duzu.

Mediamodifier lineako argazki editore baten antzekoa da, baina aurrez kargatutako aplikazioen txantiloiak eta webguneen diseinuak ditu. Diseinu digitalak baino gehiagorako milaka txantiloi ere badituzte: kamisetak, kafe-katiluak, liburuen azalak eta abar. Nahi duzun txantiloi bat aurkitzea besterik ez duzu egin behar, zure irudia gehitu eta... tira, hori da egin dezakezun guztia, benetan. Webgune sinplea da, diseinuekin zerbait azkarra eta erraza behar duzunerako, baina ez kalitate handiko grafikoekin norbait harritu behar duzunerako.

kostua:

• Doako Plana
• $ 9 hilean (urtero fakturatzen da)

Alde onak: diseinuak sortzeko webguneak

• erabiltzeko erraza
• segundotan diseinuak sor ditzake
• txantiloi asko aukeran

Cons:

• ezaugarri biluziak
• kalitate handiko bereizmenagatik ordaindu behar duzu
• ur-markak kentzeko ordaindu behar da

Gomendatua...

• zerbait sinple eta azkarra behar duzunean
• dagoeneko sortu duzu irudi bat, baina zure telefono/mahaigaineko atzeko planoan jarri behar duzu
• jatorri aukeraketa ona

5. MockFlow

Diseinu prozesu osorako egokiak diren maketen webguneei buruz hitz egiten dugunean, ez ditugu maketarik aipatzen. MockFlow alanbreetatik, maketen bidez eta prototipoetaraino eramango zaituen diseinu-tresna benetan polifazetikoa da.

Wireframing gaitasunez gain, MockFlow-ek malgutasun handiagoa ere eskaintzen du MockStore-ko gehigarri gehigarriekin. Bertan "osagarriak" aurki ditzakezu, hala nola UI pakete osagarriak, webguneen diseinuaren txantiloi osagarriak eta ezaugarri bereziak, hala nola erabiltzaileen pertsonaiak, diseinu sistemak edo itzultzaileak. MockFlow lankidetzarako eta partekatzeko erraztasunagatik ere ezaguna da, taldeentzako irtenbide bikaina dela eta. Diseinuak sortzeko webguneak

Kostua: diseinuak sortzeko webguneak

• Doako Plana
• $ 14/hilean (urtero fakturatzen dira) [Premium]
• $ 30/hilean (urtero fakturatuta) [3 erabiltzailerekin TeamPack]

Pros:

• wireframe modelatzeko gaitasun bikainak
• MockStore-k funtzio gehigarriak eskaintzen ditu
• UI pakete eta txantiloi aukera zabala MockStore bidez

Cons:

• Premium planak beste diseinu-softwareak baino gehiago kostatzen du, baina gutxiago

Gomendatua...

• Diseinu sistemak edo storyboard-ak bezalako tresna osagarriak behar dituzten pertsonak
• lankidetza-funtzio aurreratuak behar dituzten talde handiak
• doako planari etekina atera diezaiokeen behin-behineko proiektu sinpleak

6. Ismetxoria. Diseinuak sortzeko webguneak

MOCKINGBIRD Ezaugarri zabalen eta erabilgarritasun sinplifikatuaren arteko erdibide ona da (nahiz eta goi mailako tresna gisa baloratzen den). Ezaugarri erakargarriena WYSIWYG editore sinplea da, non elementuak nahi duzun tokira arrastatu eta jaregin besterik ez duzu. Beste maketa-webgune nagusiek arrastatu eta jaregin editoreak dituzte, baina Mockingbird-en erabiltzaile-interfazea hain da sinplea eta zuzena, non hasiberriei eta hasiberriei zuzenduta dagoela argi eta garbi.

Hala ere, prezioa ez da hain erosoa. Hilean $ 11ko gutxieneko prezioarekin, diseinuaren webgunerik garestienetako bat da, benetan ezer eskaintzen ez duen arren. Bestalde, prezio bera da edozein langilerentzat, beraz, nahikoa talde handia baduzu, kostua justifikatu dezakezu. Diseinuak sortzeko webguneak

kostua:

• $ 11/hilean (urtero fakturatuta): 3 proiektu
• $ 17 // hilero (urtero fakturatuta): 10 proiektu
• $ 32/hilean (urtero fakturatuta): 25 proiektu
• $ 68 // hilero (urtero fakturatuta): proiektu mugagabeak

Pros:

• oso erosoa
• WYSIWYG interfazea
• doako proba online

Alde txarrak: Diseinuak sortzeko guneak

• garesti
• Ezaugarri multzoa ez da beste diseinu-webgune ezagun batzuk bezain sendoa

Gomendatua...

• interfaze konplexuagoek beldurtzen duten hasiberriak
• beste maketa-webgune batzuekin banakako kidetza ordaindu ezin duten talde handiak

7. MaketakJar. Diseinuak sortzeko webguneak

MaketakJar Mediamodifier-en doako diseinu-gune bera da: zure txantiloia aukeratzen duzu eta zure irudia gainjartzen duzu. Mediamodifier bezala, ordenagailu eramangarrietatik katiletara eta kamiseta arte stock argazkien aukeraketa bat eskaintzen dute, baina, Ez bezala Mediamodifier, kalitate handiko bertsioa doan deskargatu dezakezu. Diseinuak sortzeko webguneak

Baliteke MockupsJar-ek Mediamodifier-ek bezainbeste webgune-maketa txantiloirik ez izatea, baina kalitate handiko irudi bat ordaindu gabe igotzeko gaitasunak konpentsatzen du. Hala ere, bereizmen handiko 20 irudi soilik igo ditzakezu; ondoren, ordaindu edo deskargatu beharko duzu bereizmen baxuan. Doako bertsioak iragarkiak ere baditu, baina, oro har, ez da oso txarra maketa doako webgune batentzat.

Kostua: diseinuak sortzeko webguneak

• Doako Plana
• 5 €/hilean (hilero ordainduta)

Pros:

• erraza besterik ez
• doako planak bereizmen handiko 20 irudi eskaintzen ditu
• ur-markarik ez

Cons:

• ezaugarri biluziak
• beste nonbait irudiak sortu behar

Gomendatua...

• Mediamodifier plataforma gustuko duten baina ur-markak kentzeko ordaindu nahi ez duten pertsonak

8.Moqups. Diseinuak sortzeko webguneak

moqups maketak, prototipoak eta, jakina, maketak egiteko beste diseinatzaile digital polifazetikoa da. Beren editorea funtzio aurreratuen eta WYSIWYG kontrolaren konbinazio bikaina da, hasiberrientzako zein esperientziadun diseinatzaileentzako egokia. Hala ere, bi prezio-plan baino ez dituzte, zenbat erabiltzaile dituzun arabera, beraz, hiru baino handiagoak diren taldeek gehigarria ordaindu beharko dute. Diseinuak sortzeko webguneak

Erabiltzaileek Moqups-ek fluxu-diagramak sortzeko duen gaitasuna goraipatzen dute, diseinuetarako guztiz erabilgarria ez dena, baina diseinu prozesu osorako ona da. Erabilgarritasun batzuk deserosoak izan daitezkeen arren, orokorrean beste diseinu generiko webgune batzuen alternatiba bideragarria da, batez ere wireframes eta prototipoak berdin interesatzen bazaizkizu.

kostua:

• $ 16/hilean (urtero fakturatzen dira) [Pro - 3 editore]
• $ 49/hilean (urtero fakturatuta) [Mugagabea - Editore mugagabea]

Alde onak: diseinuak sortzeko webguneak

• alanbreak, prototipoak eta maketak diseinatzeko tresna orekatua
• Hasiberrientzako nahikoa erabilerraza, adituentzako nahikoa aurreratua
• Plangintza-eginbide bikainak, hala nola, fluxu-diagramak, gune-mapak eta storyboard-ak

Cons:

• aldean garestiagoan

Gomendatua...

• maketak eta prototipoak maketak bezain maila berean lehenesten dituzten pertsonak

9. Smartmockups. Diseinuak sortzeko webguneak

maketa adimendunak Mediamodifier eta MockupsJar-en kategoria berean dago, baina integrazio hobearekin. Hau gauza handia da Marvel aplikazioan aurrebistaren bereizmen handiko pantaila-argazkia egin baduzu eta mahaigaineko atzeko plano batean jarri nahi baduzu. Smartmockups-ek besteek baino pertsonalizazio ezaugarri gehiago ere baditu maketak dituzten doako webguneak, adibidez, koloreak aldatzea, baina eginbide hau ordaindutako plan batekin soilik dago erabilgarri. Diseinuak sortzeko webguneak

Doako beste maketa webguneekin gertatzen den bezala, ez espero gehiegi zure irudia txantiloiaren atzeko planoan gainjartzea. Ordainpeko bertsioak 6000 irudi-txantiloi baino gehiagorako sarbidea du hainbat jatorritarako, kamisetak, bisita-txartelak eta gailu digitalak barne. Doako planak 800 diseinu txantiloi inguru eskaintzen ditu oraindik, baina ur-markekin aurre egin beharko diozu.

kostua:

• Doako bertsioa
• 9 $ hilean

Alde onak: diseinuak sortzeko webguneak

• Marvel App, Dropbox, Figma, Unsplash eta Canva-rekin integratzen da
• ordaindutako planak irudia pertsonalizatzeko aukera ematen du
• azkarra eta erraza

Cons:

• Doako planak ur-markak ditu
• beste nonbait irudiak sortu behar

Gomendatua...

• Marvel App, Canva edo Figman lan egiten duzu batez ere

Zergatik ez profesionala bihurtu?

Goian esan dugun bezala, maketen helburu bakarra itxura ona izatea da. Zure maketaren arrakastaren inguruan asko ibiltzen bada (agian pozik ez dagoen parte-hartzaile bati irabazi behar diozu edo diru-laguntza gehiago lortzeko ideia bat aurkeztu behar duzu), orduan zure maketa ezin hobea izan dadin nahi duzu. Kasu horretan, zergatik ez utzi profesional baten esku. Diseinuak sortzeko webguneak

Freelance diseinatzaile bat kontratatzen duzunean, zure diseinua diseinuaren nondik norakoak ulertzen dituen aditu baten eskuetan jartzen ari zara. Ez duzu softwarearen prezioez edo ikasketa-kurbez kezkatu behar, diseinatzaileak zainduko duelako. Eta mundu osoko diseinatzaileen komunitatearekin, ziur aurkituko duzula estilo horrekin diseinatubehar duzuna!

  «АЗБУКА»