Websajts mockup, magħrufa wkoll bħala edituri grafiċi onlajn jew għodod tad-disinn, jippermettu lill-utenti joħolqu diversi disinji grafiċi, illustrazzjonijiet, banners, logos, preżentazzjonijiet u aktar direttament mill-web browser tagħhom mingħajr il-ħtieġa li jinstallaw softwer speċjalizzat fuq il-kompjuter tagħhom. Dawn l-għodod onlajn normalment joffru varjetà ta 'karatteristiċi u mudelli li jagħmlu l-proċess tal-ħolqien tad-disinn aktar faċli.

B'differenza mill-prototipi, li suppost jaħdmu fil-fatt, il-mockups huma elementi viżwali statiċi maħsuba biex juru layouts tad-disinn, atmosfera, kulur u estetika ġenerali. Xi disinjaturi jippreferu joħolqu kull buttuna u ikona mill-bidu nett, imma jekk trid taqbeż 'il quddiem jew tilgħab għall-ispirazzjoni, it-tqassim tal-websajts u s-softwer jiġu mgħobbija minn qabel b'dawn l-elementi u jistgħu jkunu aktar faċli biex jintużaw minn softwer tad-disinn grafiku.

Is-siti hawn taħt jgħinuk toħloq mockups tal-iskrin tal-websajt, mockups tal-iskrin tal-app, mockups tal-prodotti, u aktar. Il-biċċa l-kbira jiġu b'mudelli ta' tqassim tal-websajt jew kits tal-UI li jippermettulek tiddisinja billi tuża elementi mibnija minn qabel bħal buttuni. Huma qed jiffrankaw ħafna ħin jekk qatt issib ruħek f'niskata u jkollok bżonn tgħaddi tqassim malajr. Għal kull wieħed se nanalizzaw il-prezz, vantaġġi u liżvantaġġi, kif ukoll lil min huma rakkomandati.

1. Adobe XD. Websajts għall-ħolqien ta' layouts

Adobe XD hija t-tweġiba tal-familja Adobe għas-softwer tad-disinn diġitali. Għandu d-dettalji u l-sfumaturi kollha li tistenna mill-kumpanija ta’ wara Photoshop u Illustratur, iżda toffri wkoll prezz daqstant għoli.

Madankollu, jekk qed tfittex layouts ta 'grad professjonali bid-dettalji kollha, Adobe XD tkun kopert. Huwa jimmaniġġja l-proċess kollu tad-disinn, inklużi prototipi interattivi, u anke jintegra ma 'softwer Adobe ieħor jekk trid toħloq jew tippersonalizza elementi f'Photoshop jew Illustrator.

Huwa wkoll pjuttost sofistikat fil-karatteristiċi tiegħu, b'effetti 3D, animazzjonijiet u l-abbiltà li toħloq librerija ta 'komponenti, post fejn taħżen l-elementi kollha tiegħek bħal buttuni u ikoni sabiex it-tim tiegħek ikun jista' jerġa' jużahom fi proġett ieħor (dan jgħin lill-klijenti jirrepetu jekk huma ara l-istess kontrolli fuq il-prodott il-ġdid). Hemm ukoll karatteristiċi speċjali bħal Repeat Grid, li jiffranka l-ħin meta jkollok bżonn tikkopja u tippejstja mudell għal darb'oħra, u Padding, li jipproteġi daqsijiet tal-pixel meta editjar differenti saffi tal-istess elementi.

ispiża:

  • $ 9,99/xahar
  • $99,99 fis-sena (imħallsa minn qabel)

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • Adattat għall-proċess kollu tad-disinn, inklużi prototipi interattivi
  • karatteristiċi sofistikati: effetti 3D, animazzjoni u librerija tal-komponenti
  • Karatteristiċi konvenjenti li jiffrankaw il-ħin: indentazzjoni, mudelli ripetuti u editjar faċli
  • Jintegra ma 'softwer Adobe ieħor

Cons:

  • overkill jekk trid biss tqassim sempliċi u veloċi

Rakkomandat għal...

  • nies li huma serji biżżejjed dwar id-disinn diġitali biex jixtiequ softwer tal-ogħla livell
  • disinn regolari - ebda għal proġetti ta’ darba jew individwali

2. UI fluwidu. Websajts għall-ħolqien ta' layouts

Għalkemm teknikament għall-prototyping, UI fluwidu hija robusta biżżejjed biex toħloq mockups tal-isturdament li aktar tard jistgħu jiġu kkonvertiti fi prototipi interattivi. Din hija għażla eċċellenti għal disinjaturi b'esperjenza u timijiet tad-disinn li jaħdmu fuq l-ambitu kollu ta 'proġett.

L-interface tal-utent flessibbli mhix faċli għall-utent daqs websajts oħra ta 'tqassim popolari, li jistgħu ma jappellawx lil dawk li jibdew. Madankollu, għandu l-karatteristiċi kollha ta 'grad professjonali li għandek bżonn għad-disinn tal-web u tal-app, inklużi wireframes u librerija ta' komponenti u ikoni tal-UI mibnija minn qabel. Wieħed mill-benefiċċji tiegħu huwa l-għodod ta 'kollaborazzjoni tiegħu, li jippermettu lill-utenti jaraw, jikkummentaw u jeditjaw l-istess fajls minn kullimkien madwar id-dinja.

ispiża:

  • Pjan b'xejn (proġett 1)
  • $8,25/xahar (fatturat kull sena) [Solo]
  • $19,08 fix-xahar (fatturat kull sena) [Pro]
  • $41,58 fix-xahar (fatturat kull sena) [Tim]

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • karatteristiċi avvanzati adattati għall-professjonisti
  • kemxejn irħas minn websajts mockup simili
  • kooperazzjoni tal-ewwel klassi
  • librerija kbira tal-komponenti mibnija
  • apps mobbli u tibdil ta' apparat tagħmilha aktar faċli biex jinħolqu layouts għal apparat mobbli

Cons:

  • kurva tat-tagħlim

Rakkomandat għal...

  • nies li jixtiequ għodda ta 'disinn sħiħ, iżda huma wkoll konxji tal-baġit tagħhom

3. InVision. Websajts għall-ħolqien ta' layouts

InVision huwa kompetitur dirett għall-Adobe XD u huwa għodda oħra ta' mockup u prototipi all-in-one, ukoll b'abbonament għali kull xahar. InVision jaqsam ħafna mill-karatteristiċi sofistikati ta 'Adobe XD, inklużi għodod preċiżi ta' animazzjoni għall-prototyping, iżda huwa ftit inqas faċli għall-utent meta niġu għall-effiċjenza u r-razzjonalizzazzjoni tal-kompiti.

Ta 'min jinnota wkoll li InVision hija primarjament għodda ta' prototipi, għalhekk ħafna mill-karatteristiċi tagħha huma ffukati fuq l-interattività u l-effetti aktar milli stampi statiċi. Madankollu, għandu dak kollu li għandek bżonn biex toħloq layouts kbira pixel-perfett, inkluża l-integrazzjoni ma 'Photoshop u Sketch, u bis-add-on Inspect b'xejn, tista' faċilment tittrasforma kwalunkwe disinn f'kodiċi tal-iżviluppatur. U biex niżżlu kollox, hemm verżjoni bla ħlas għal dejjem.

ispiża:

  • Verżjoni b'xejn
  • $7,95 fix-xahar (fatturat kull sena)

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • Adattat għall-proċess kollu tad-disinn, inklużi prototipi interattivi
  • karatteristiċi avvanzati bħal animazzjoni u effetti interattivi
  • jintegra ma 'Photoshop u Sketch
  • verżjoni b'xejn

Cons:

  • l-użabilità hija daqsxejn aktar kumplessa minn Adobe XD

Rakkomandat għal...

  • nies li primarjament jeħtieġu għodda ta’ prototipi, iżda b’kapaċitajiet ta’ mockup

4. Modifikatur tal-midja. Websajts għall-ħolqien ta' layouts

Ejja nimxu 'l bogħod mit-tqassim tal-websajt ta' livell professjonali... bogħod mil-lukanda. Modifikatur tal-midja jinsab fuq in-naħa l-oħra tal-ispettru: limitat ħafna fil-karatteristiċi u fil-fond, iżda estremament konvenjenti. Tista Mockups ta' download b'xejn direttament mis-sit, iżda biex tneħħi l-watermark u tikseb verżjonijiet ta 'kwalità għolja, ikollok tħallas.

Mediamodifier huwa simili għal editur tar-ritratti onlajn, iżda b'mudelli ta' app mgħobbija minn qabel u layouts tal-websajt. Għandhom ukoll eluf ta’ mudelli għal aktar minn sempliċi disinji diġitali: t-shirts, mugs tal-kafè, Qoxra tal-kotba eċċ Kull ma trid tagħmel hu li ssib mudell li tixtieq, żid l-immaġni tiegħek u... ukoll, dak kollu li tista 'tagħmel, tassew. Din hija websajt sempliċi b'tqassim għal meta jkollok bżonn xi ħaġa veloċi u faċli, iżda mhux għal meta jkollok bżonn timpressjona lil xi ħadd bi grafika ta 'kwalità għolja.

ispiża:

  • Pjan Ħieles
  • $9 fix-xahar (fatturat kull sena)

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • faċli biex tużah
  • jistgħu joħolqu layouts f'sekondi
  • ħafna mudelli minn fejn jagħżlu

Cons:

  • karatteristiċi vojta
  • trid tħallas għal riżoluzzjoni ta 'kwalità għolja
  • jeħtieġ li tħallas biex tneħħi filigrani

Rakkomandat għal...

  • meta għandek bżonn biss xi ħaġa sempliċi u mgħaġġla
  • diġà ħloqt immaġini, iżda trid tpoġġiha fuq l-isfond tat-telefown/desktop tiegħek
  • għażla tajba ta 'sfondi

5. MockFlow

Meta nitkellmu dwar websajts mockups li huma adattati għall-proċess kollu tad-disinn, aħna ma tantx insemmu mockups. MockFlow hija waħda mill-għodod tad-disinn tassew versatili li se tieħdok minn wireframes, permezz ta 'mockups, u t-triq kollha għall-prototipi.

Minbarra l-kapaċitajiet tal-wireframing, MockFlow joffri wkoll flessibilità akbar b'add-ons addizzjonali fil-MockStore. Hemmhekk tista' ssib "aċċessorji" bħal pakketti ta' UI addizzjonali, mudelli ta' tqassim ta' websajts addizzjonali u karatteristiċi speċjali bħall-personaġġi tal-utenti, sistemi ta' disinn jew tradutturi. MockFlow huwa magħruf ukoll għall-faċilità ta 'kollaborazzjoni u qsim tiegħu, li jagħmilha soluzzjoni kbira għat-timijiet. Websajts għall-ħolqien ta' layouts

Spiża: Websajts għall-ħolqien ta 'taqsim

  • Pjan Ħieles
  • $14/xahar (fatturat kull sena) [Premium]
  • $30/xahar (fatturat kull sena) [TeamPack bi 3 utenti]

Pros:

  • kapaċitajiet eċċellenti għall-immudellar tal-wireframe
  • MockStore jipprovdi karatteristiċi addizzjonali
  • Għażla wiesgħa ta 'pakketti UI u mudelli permezz ta' MockStore

Cons:

  • Il-pjan premium jiswa aktar minn softwer ta 'tqassim ieħor, iżda jiswa inqas

Rakkomandat għal...

  • nies li jeħtieġu għodda addizzjonali bħal sistemi ta’ disinn jew storyboards
  • timijiet kbar li jeħtieġu karatteristiċi ta’ kollaborazzjoni avvanzati
  • proġetti sempliċi ta 'darba li jistgħu jibbenefikaw mill-pjan b'xejn

6. Mockingbird. Websajts għall-ħolqien ta' layouts

Mockingbird hija triq tan-nofs tajba bejn karatteristiċi estensivi u użabilità simplifikata (għalkemm hija kklassifikata bħala għodda high-end). L-iktar karatteristika attraenti hija l-editur WYSIWYG sempliċi fejn sempliċement tkaxkar u poġġi elementi fil-post mixtieq. Websajts top mockup oħra għandhom edituri drag-and-drop, iżda l-interface tal-utent ta 'Mockingbird hija tant sempliċi u sempliċi li hija mmirata b'mod ċar għal dawk li jibdew u novizzi.

Madankollu, il-prezz mhuwiex daqshekk konvenjenti. Bi prezz minimu ta '$11 fix-xahar, din hija waħda mill-websajts ta' tqassim l-aktar għaljin, minkejja li fil-fatt ma toffri xejn. Min-naħa l-oħra, huwa l-istess prezz għal kull numru ta 'impjegati, għalhekk jekk għandek tim kbir biżżejjed, tista' tiġġustifika l-ispiża. Websajts għall-ħolqien ta' layouts

ispiża:

  • $11/xahar (fatturat kull sena): 3 proġetti
  • $17 // kull xahar (fatturat kull sena): 10 proġetti
  • $32/xahar (fatturat kull sena): 25 proġett
  • $68 // kull xahar (fatturat kull sena): proġetti illimitati

Pros:

  • estremament komdu
  • Interfaċċja WYSIWYG
  • prova bla ħlas onlajn

Cons: Siti għall-ħolqien ta 'taqsim

  • għali
  • Is-sett ta 'karatteristiċi mhuwiex robust daqs websajts oħra ta' tqassim popolari

Rakkomandat għal...

  • jibdew li huma intimidati minn interfaces aktar kumplessi
  • timijiet kbar li ma jaffordjawx sħubija individwali ma’ websajts mockup oħra

7. MockupsJar. Websajts għall-ħolqien ta' layouts

MockupsJar huwa l-istess sit ta' tqassim b'xejn bħal Mediamodifier: inti tagħżel il-mudell tiegħek u tpoġġi fuqu l-immaġni tiegħek stess. Bħal Mediamodifier, joffru għażla ta’ ritratti tal-istokk minn laptops sa mugs u t-shirts, iżda, f’ отличие от Mediamodifier, tista 'tniżżel il-verżjoni ta' kwalità għolja b'xejn. Websajts għall-ħolqien ta' layouts

MockupsJar jista 'ma jkollux mudelli ta' mockup tal-websajt daqs Mediamodifier, iżda l-abbiltà li ttella 'immaġni ta' kwalità għolja mingħajr ma tħallas tagħmel tajjeb għaliha. Madankollu, tista 'biss ittella' 20 immaġini b'riżoluzzjoni għolja; wara dan ikollok jew tħallas jew tniżżlu b'riżoluzzjoni baxxa. Il-verżjoni b'xejn għandha wkoll reklami, iżda b'mod ġenerali mhix ħażina wisq għal websajt mockup b'xejn.

Spiża: Websajts għall-ħolqien ta 'taqsim

  • Pjan Ħieles
  • 5 € / xahar (imħallas kull xahar)

Pros:

  • faċli biss
  • pjan b'xejn joffri 20 immaġini b'riżoluzzjoni għolja
  • ebda watermarks

Cons:

  • karatteristiċi vojta
  • jeħtieġ li toħloq immaġini x'imkien ieħor

Rakkomandat għal...

  • nies li jħobbu l-pjattaforma Mediamodifier iżda ma jridux iħallsu biex ineħħu l-marki tal-ilma

8.Moqups. Websajts għall-ħolqien ta' layouts

moqups huwa disinjatur diġitali versatili ieħor għal mockups, prototipi u, ovvjament, mockups. L-editur tagħhom huwa taħlita kbira ta 'karatteristiċi avvanzati u kontrolli WYSIWYG, adattati kemm għal dawk li jibdew kif ukoll għal disinjaturi b'esperjenza. Madankollu, għandhom biss żewġ pjanijiet tal-prezzijiet, skont kemm għandek utenti, għalhekk timijiet akbar minn tlieta jkollhom iħallsu żejjed. Websajts għall-ħolqien ta' layouts

L-utenti jfaħħru l-kapaċità ta 'Moqups li toħloq flowcharts, li mhix eżattament utli għat-tqassim, iżda hija tajba għall-proċess kollu tad-disinn. Filwaqt li xi użabilità tista 'tkun skomda, b'mod ġenerali hija alternattiva vijabbli għal websajts oħra ta' tqassim ġeneriku, speċjalment jekk int interessat ugwalment fil-wireframes u l-prototipi.

ispiża:

  • $16/xahar (fatturat kull sena) [Pro - 3 edituri]
  • $49/xahar (fatturat kull sena) [Unlimited - Unlimited Edituri]

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • għodda bbilanċjata tajjeb għad-disinn ta' wireframes, prototipi u mockups
  • Faċli għall-utent biżżejjed għal dawk li jibdew, avvanzat biżżejjed għall-esperti
  • Karatteristiċi ta' ppjanar kbar bħal flowcharts, sitemaps u storyboards

Cons:

  • fuq in-naħa l-aktar għalja

Rakkomandat għal...

  • nies li jagħtu prijorità lill-mockups u l-prototipi fl-istess livell tal-mockups

9. Smartmockups. Websajts għall-ħolqien ta' layouts

mockups intelliġenti huwa fl-istess kategorija bħal Mediamodifier u MockupsJar, iżda b'integrazzjoni aħjar. Din hija ħaġa kbira jekk ħadt screenshot b'riżoluzzjoni għolja tal-previżjoni fl-app Marvel u trid sempliċement tpoġġiha fuq kampjun ta' sfond tad-desktop. Smartmockups għandu wkoll aktar karatteristiċi ta 'adattament minn oħrajn websajts b'xejn b'mockups, bħal kuluri li jinbidlu, iżda din il-karatteristika hija disponibbli biss bi pjan imħallas. Websajts għall-ħolqien ta' layouts

Bħal websajts oħra ta' mockup b'xejn, tistennix wisq lil hinn milli jkollok l-immaġini tiegħek fuq l-isfond tal-mudell. Il-verżjoni mħallsa għandha aċċess għal aktar minn 6000 mudell ta 'immaġni għal varjetà ta' sfondi, inklużi T-shirts, karti tan-negozju, u apparat diġitali. Il-pjan b'xejn għadu joffri madwar 800 mudell ta' tqassim, iżda jkollok tittratta l-marki tal-ilma.

ispiża:

  • Verżjoni b'xejn
  • $9 fix-xahar

Vantaġġi: Websajts għall-ħolqien ta' layouts

  • jintegra ma' Marvel App, Dropbox, Figma, Unsplash u Canva
  • il-pjan imħallas jippermettilek tippersonalizza l-immaġni
  • malajr u faċli

Cons:

  • Il-pjan bla ħlas għandu watermarks
  • jeħtieġ li toħloq immaġini x'imkien ieħor

Rakkomandat għal...

  • inti taħdem primarjament fil-Marvel App, Canva jew Figma

Għaliex ma ssirx professjonali?

Kif għidna hawn fuq, l-uniku għan tal-mockups huwa li jidhru tajbin. Jekk hemm ħafna rikki fuq is-suċċess tal-mockup tiegħek—forsi għandek bżonn tirbaħ fuq parti interessata mhux sodisfatta jew tressaq idea għal aktar finanzjament—mela żgur trid li l-mockup tiegħek jidher perfett. F'dak il-każ, għaliex ma tħallihx f'idejn professjonist. Websajts għall-ħolqien ta' layouts

Meta timpjega disinjatur freelance, tkun qed tpoġġi d-disinn tiegħek f'idejn espert li jifhem il-vantaġġi tad-disinn. M'għandekx għalfejn tinkwieta dwar il-prezzijiet tas-softwer jew il-kurvi tat-tagħlim għax id-disinjatur jieħu ħsiebha għalik. U bil-komunità tagħna ta 'disinjaturi minn madwar id-dinja, int żgur li ssib disinn b'dak l-istildik li għandek bżonn!

  «АЗБУКА»