Maketeeritud veebisaidid, tuntud ka kui veebipõhised graafilised redigeerijad või kujundustööriistad, võimaldavad kasutajatel luua erinevaid graafilisi kujundusi, illustratsioone, bännereid, logosid, esitlusi ja muud otse oma veebibrauserist, ilma et oleks vaja arvutisse spetsiaalset tarkvara installida. Need veebitööriistad pakuvad tavaliselt mitmesuguseid funktsioone ja malle, mis muudavad disaini loomise protsessi lihtsamaks.
Erinevalt prototüüpidest, mis peaksid tegelikult toimima, on maketid staatilised visuaalsed elemendid, mille eesmärk on näidata disaini paigutust, atmosfääri, värve ja üldist esteetikat. Mõned disainerid eelistavad luua iga nupu ja ikooni nullist, kuid kui soovite edasi hüpata või inspiratsiooni ammutada, on veebisaitide paigutused ja tarkvara need elemendid eelsalvestatud ning neid on lihtsam kasutada kui graafilise disaini tarkvara.
Allolevad saidid aitavad teil luua veebisaidi ekraanimakette, rakenduste ekraanimakette, tootemakette ja palju muud. Enamikul juhtudel on kaasas veebisaidi paigutuse mallid või kasutajaliidese komplektid, mis võimaldavad teil kujundada eelnevalt ehitatud elemente, näiteks nuppe, kasutades. Need säästavad suurepäraselt aega, kui leiate end näputäisest ja peate küljenduse kiiresti üle andma. Igaühe puhul analüüsime hinda, plusse ja miinuseid, samuti seda, kellele neid soovitatakse.
1. Adobe XD. Veebisaidid küljenduste loomiseks
Adobe XD on Adobe'i perekonna vastus digitaalse disaini tarkvarale. Sellel on kõik üksikasjad ja nüansid, mida võiksite taga olevalt ettevõttelt oodata Photoshop ja Illustrator, kuid see pakub ka sama kõrget hinda.
Kui aga otsite professionaalse kvaliteediga paigutusi koos kõigi üksikasjadega, pakub Adobe XD teile lahendust. See tegeleb kogu projekteerimisprotsessiga, sealhulgas interaktiivsete prototüüpidega, ja integreerub isegi muu Adobe tarkvaraga, kui soovite Photoshopis või Illustratoris elemente luua või kohandada.
See on ka oma funktsioonide poolest üsna keerukas: 3D-efektid, animatsioonid ja võimalus luua komponentide kogu, koht, kuhu salvestada kõik elemendid, nagu nupud ja ikoonid, et teie meeskond saaks neid mõnes teises projektis uuesti kasutada (see aitab korduvaid kliente, kui nad vaadake samu juhtnuppe uuel tootel). Samuti on olemas erifunktsioonid, nagu Repeat Grid, mis säästab aega, kui peate mustrit ikka ja jälle kopeerima ja kleepima, ja polsterdus, mis kaitseb pikslisuurused redigeerimisel erinevad samade elementide kihid.
maksumus:
- 9,99 dollarit kuus
- 99,99 dollarit aastas (ettemakstud)
Plussid: veebilehed paigutuste loomiseks
- Sobib kogu projekteerimisprotsessi jaoks, sealhulgas interaktiivsete prototüüpide jaoks
- keerukad funktsioonid: 3D-efektid, animatsioon ja komponentide raamatukogu
- Mugavad aega säästvad funktsioonid: taane, korduvad mustrid ja lihtne redigeerimine
- Integreerub muu Adobe tarkvaraga
miinuseid:
- liialdage, kui soovite lihtsalt lihtsat ja kiiret paigutust
Soovitatav…
- inimesed, kes on digitaalse disainiga piisavalt tõsised, et soovivad tipptasemel tarkvara
- tavaline disain - ei ühekordsete või üksikprojektide jaoks
2. Vedel kasutajaliides. Veebisaidid küljenduste loomiseks
Kuigi tehniliselt prototüüpimiseks, Vedel kasutajaliides on piisavalt vastupidav, et luua vapustavaid makette, mida saab hiljem interaktiivseteks prototüüpideks muuta. See on suurepärane valik kogenud disaineritele ja disainimeeskondadele, kes töötavad kogu projekti ulatuses.
Paindlik kasutajaliides ei ole nii kasutajasõbralik kui teised populaarsed paigutusega veebisaidid, mis ei pruugi algajatele meeldida. Sellel on aga kõik professionaalse taseme funktsioonid, mida vajate veebi- ja rakenduste kujundamiseks, sealhulgas traatraamid ja eelehitatud kasutajaliidese komponentide ja ikoonide teek. Üks selle eeliseid on koostöötööriistad, mis võimaldavad kasutajatel vaadata, kommenteerida ja redigeerida samu faile kõikjal maailmas.
maksumus:
- Tasuta plaan (1 projekt)
- 8,25 dollarit kuus (arvestatakse igal aastal) [Solo]
- 19,08 dollarit kuus (arvestatakse igal aastal) [Pro]
- 41,58 dollarit kuus (arvestatakse igal aastal) [meeskond]
Plussid: veebilehed paigutuste loomiseks
- professionaalidele sobivad täiustatud funktsioonid
- veidi odavam kui sarnased makettide veebisaidid
- esmaklassiline koostöö
- suur sisseehitatud komponentide raamatukogu
- mobiilirakendused ja seadme vahetamine hõlbustada mobiilseadmete paigutuste loomist
miinuseid:
- õppimiskõver
Soovitatav…
- inimesed, kes soovivad täisväärtuslikku disainitööriista, kuid on ka oma eelarvega arvestavad
3. InVision. Veebisaidid küljenduste loomiseks
InVision on Adobe XD otsene konkurent ja on veel üks kõik-ühes maketi- ja prototüüpimistööriist, samuti kalli kuutellimusega. InVision jagab paljusid Adobe XD keerukaid funktsioone, sealhulgas täpseid animatsioonitööriistu prototüüpide loomiseks, kuid on tõhususe ja ülesannete sujuvamaks muutmise osas veidi vähem kasutajasõbralik.
Samuti väärib märkimist, et InVision on peamiselt prototüüpimistööriist, mistõttu on paljud selle funktsioonid keskendunud interaktiivsusele ja efektidele, mitte staatilistele piltidele. Siiski on sellel kõik, mida vajate loomiseks suurepärased paigutused pikslite täiuslik, sealhulgas integreerimine Photoshopi ja Sketchiga ning tasuta lisandmooduliga Inspect, saate mis tahes kujunduse hõlpsalt arendajakoodiks muuta. Ja kõige tipuks on olemas igavesti tasuta versioon.
maksumus:
- Tasuta versioon
- 7,95 dollarit kuus (arvestatakse igal aastal)
Plussid: veebilehed paigutuste loomiseks
- Sobib kogu projekteerimisprotsessi jaoks, sealhulgas interaktiivsete prototüüpide jaoks
- täiustatud funktsioonid, nagu animatsioon ja interaktiivsed efektid
- integreerub Photoshopi ja Sketchiga
- tasuta versioon
miinuseid:
- kasutatavus on pisut keerulisem kui Adobe XD
Soovitatav…
- inimesed, kes vajavad peamiselt prototüüpimise tööriista, kuid millel on makettide võimalused
4. Media modifier. Veebisaidid küljenduste loomiseks
Läheme eemale professionaalsel tasemel veebisaitide paigutustest... kaugel hotellist. Meediumi modifikaator on spektri teises otsas: funktsioonide ja sügavuse poolest väga piiratud, kuid äärmiselt mugav. Sa saad tasuta allalaaditavad maketid otse saidilt, kuid vesimärgi eemaldamiseks ja kvaliteetsete versioonide saamiseks peate maksma.
Mediamodifier sarnaneb veebipõhise fotoredaktoriga, kuid eellaaditud rakenduste mallide ja veebisaitide paigutusega. Neil on ka tuhandeid malle rohkema kui lihtsalt digitaalse kujunduse jaoks: t-särgid, kohvikruusid, raamatukaaned jne. Tuleb vaid leida meelepärane mall, lisada oma pilt ja... noh, see on kõik, mida sa teha saad, tõesti. See on lihtne veebileht, mille paigutused on mõeldud siis, kui vajate midagi kiiret ja lihtsat, kuid mitte siis, kui soovite kellelegi kvaliteetse graafikaga muljet avaldada.
maksumus:
- Tasuta plaan
- 9 dollarit kuus (arvestatakse igal aastal)
Plussid: veebilehed paigutuste loomiseks
- lihtne kasutada
- saab luua paigutusi sekunditega
- palju malle, mille vahel valida
miinuseid:
- paljad omadused
- peate maksma kvaliteetse eraldusvõime eest
- vesimärkide eemaldamise eest tuleb maksta
Soovitatav…
- kui vajate lihtsalt midagi lihtsat ja kiiret
- olete juba pildi loonud, kuid peate selle oma telefoni/töölaua taustale paigutama
- hea taustavalik
5. MockFlow
Kui me räägime makettide veebisaitidest, mis sobivad kogu disainiprotsessi jaoks, siis me makette tegelikult ei maini. MockFlow on üks tõeliselt mitmekülgsetest disainitööriistadest, mis viib teid traatraamidest makettide ja prototüüpideni välja.
Lisaks traatraamimisvõimalustele pakub MockFlow ka suuremat paindlikkust MockStore'i lisandmoodulitega. Sealt leiate "tarvikuid", nagu täiendavad kasutajaliidese paketid, täiendavad veebisaidi paigutuse mallid ja erifunktsioonid, nagu kasutaja isikud, disainisüsteemid või tõlkijad. MockFlow on tuntud ka koostöö ja jagamise lihtsuse poolest, mistõttu on see suurepärane lahendus meeskondadele. Veebisaidid küljenduste loomiseks
Maksumus: veebilehed paigutuste loomiseks
- Tasuta plaan
- 14 dollarit kuus (arvestatakse igal aastal) [lisatasu]
- 30 dollarit kuus (arvestatakse igal aastal) [TeamPack 3 kasutajaga]
plussid:
- suurepärased traatraami modelleerimise võimalused
- MockStore pakub lisafunktsioone
- Lai valik kasutajaliidese pakette ja malle MockStore'i kaudu
miinuseid:
- Lisatasu plaan maksab rohkem kui muu paigutustarkvara, kuid maksab vähem
Soovitatav…
- inimesed, kes vajavad täiendavaid tööriistu, näiteks kujundussüsteeme või süžeetahvleid
- suured meeskonnad, kes vajavad täiustatud koostööfunktsioone
- lihtsad ühekordsed projektid, mis saavad tasuta plaanist kasu
6. Mockingbird. Veebisaidid küljenduste loomiseks
Mockingbird on hea kesktee ulatuslike funktsioonide ja lihtsustatud kasutatavuse vahel (kuigi seda hinnatakse tipptasemel tööriistaks). Kõige atraktiivsem funktsioon on lihtne WYSIWYG-redaktor, kus saate elemente lihtsalt soovitud asukohta lohistada. Teistel populaarsetel makettide veebisaitidel on pukseerimisredaktorid, kuid Mockingbirdi kasutajaliides on nii lihtne ja arusaadav, et see on selgelt suunatud algajatele ja algajatele.
Hind pole aga nii mugav. Miinimumhinnaga 11 dollarit kuus on see üks kõige kallimaid paigutusega veebisaite, kuigi see ei paku tegelikult midagi. Teisest küljest on see sama hind igale arvule töötajatele, nii et kui teil on piisavalt suur meeskond, saate kulusid põhjendada. Veebisaidid küljenduste loomiseks
maksumus:
- 11 dollarit kuus (arvestatakse igal aastal): 3 projekti
- 17 $ // kuus (arvestatakse igal aastal): 10 projekti
- 32 dollarit kuus (arvestatakse igal aastal): 25 projekti
- 68 $ // kuus (arvestatakse igal aastal): piiramatud projektid
plussid:
- ülimalt mugav
- WYSIWYG liides
- tasuta prooviversioon võrgus
Miinused: saidid paigutuste loomiseks
- kallis
- Funktsioonide komplekt pole nii tugev kui teised populaarsed paigutusega veebisaidid
Soovitatav…
- algajad, keda hirmutavad keerulisemad liidesed
- suured meeskonnad, kes ei saa endale lubada individuaalset liikmelisust teiste makettide veebisaitidega
7. MockupsJar. Veebisaidid küljenduste loomiseks
MaketidJar on sama tasuta paigutussait nagu Mediamodifier: valite oma malli ja katate sellele oma pildi. Sarnaselt Mediamodifierile pakuvad nad valikut stock fotosid sülearvutitest kruuside ja t-särkideni, kuid отличие от Mediamodifier, saate kvaliteetse versiooni tasuta alla laadida. Veebisaidid küljenduste loomiseks
MockupsJaril ei pruugi olla nii palju veebisaidi makettide malle kui Mediamodifier, kuid võimalus kvaliteetset pilti maksmata üles laadida korvab selle. Siiski saate üles laadida ainult 20 kõrge eraldusvõimega pilti; pärast seda peate kas maksma või alla laadima selle madala eraldusvõimega. Tasuta versioonis on ka reklaame, kuid üldiselt pole see tasuta makettide veebisaidi jaoks halb.
Maksumus: veebilehed paigutuste loomiseks
- Tasuta plaan
- 5 €/kuu (tasutakse igakuiselt)
plussid:
- lihtne lihtsalt
- tasuta plaan pakub 20 kõrge eraldusvõimega pilti
- vesimärke pole
miinuseid:
- paljad omadused
- tuleb luua pilte mujal
Soovitatav…
- inimesed, kellele meeldib Mediamodifieri platvorm, kuid kes ei taha vesimärkide eemaldamise eest maksta
8.Moqups. Veebisaidid küljenduste loomiseks
moqups on veel üks mitmekülgne digitaalne kujundaja makettide, prototüüpide ja loomulikult makettide jaoks. Nende redaktor on suurepärane kombinatsioon täiustatud funktsioonidest ja WYSIWYG-juhtelementidest, mis sobib nii algajatele kui ka kogenud disaineritele. Neil on aga ainult kaks hinnaplaani, olenevalt sellest, kui palju kasutajaid teil on, seega peavad meeskonnad, mis on suuremad kui kolm, maksma lisatasu. Veebisaidid küljenduste loomiseks
Kasutajad kiidavad Moqupsi vooskeemide loomise võimet, mis pole just paigutuste jaoks kasulik, kuid on hea kogu disainiprotsessi jaoks. Kuigi mõningane kasutatavus võib olla ebamugav, on see üldiselt elujõuline alternatiiv teistele üldise paigutusega veebisaitidele, eriti kui olete võrdselt huvitatud traatraamidest ja prototüüpidest.
maksumus:
- 16 dollarit kuus (arvestatakse igal aastal) [Pro – 3 toimetajat]
- 49 dollarit kuus (arveldatakse igal aastal) [Piiramatu – piiramatu toimetajad]
Plussid: veebilehed paigutuste loomiseks
- hästi tasakaalustatud tööriist traatraamide, prototüüpide ja makettide kujundamiseks
- Piisavalt kasutajasõbralik algajatele, piisavalt edasijõudnutele asjatundjatele
- Suurepärased planeerimisfunktsioonid, nagu vooskeemid, saidiplaanid ja süžeeskeemid
miinuseid:
- kallima poole pealt
Soovitatav…
- inimesed, kes eelistavad makette ja prototüüpe maketidega samal tasemel
9. Nutimaketid. Veebisaidid küljenduste loomiseks
Nutikad maketid on Mediamodifieri ja MockupsJariga samas kategoorias, kuid parema integratsiooniga. See on suur asi, kui olete Marveli rakenduses eelvaatest kõrge eraldusvõimega ekraanipildi teinud ja soovite selle lihtsalt töölaua näidistaustale paigutada. Smartmockupsil on ka rohkem kohandamisfunktsioone kui teistel tasuta makettidega veebisaidid, näiteks värvide muutmine, kuid see funktsioon on saadaval ainult tasulise paketi korral. Veebisaidid küljenduste loomiseks
Nagu teistegi tasuta makettide veebisaitidelt, ärge oodake liiga palju peale selle, et malli taustal on pildi ülekate. Tasulisel versioonil on juurdepääs enam kui 6000 pildimallile erineva taustaga, sealhulgas T-särkide, visiitkaartide ja digiseadmete jaoks. Tasuta plaan pakub endiselt umbes 800 paigutusmalli, kuid peate tegelema vesimärkidega.
maksumus:
- Tasuta versioon
- 9 dollarit kuus
Plussid: veebilehed paigutuste loomiseks
- integreerub Marvel Appi, Dropboxi, Figma, Unsplashi ja Canvaga
- tasuline plaan võimaldab teil pilti kohandada
- kiire ja lihtne
miinuseid:
- Tasuta plaanil on vesimärgid
- tuleb luua pilte mujal
Soovitatav…
- töötate peamiselt Marvel Appis, Canvas või Figmas
Miks mitte saada professionaaliks?
Nagu me eespool ütlesime, on makettide ainus eesmärk hea välja näha. Kui teie maketi õnnestumine sõltub palju – võib-olla peate võitma rahulolematu sidusrühma või esitama idee täiendava rahastamise saamiseks –, siis soovite kindlasti, et teie makett näeks täiuslik välja. Miks mitte jätta see sel juhul professionaali hooleks. Veebisaidid küljenduste loomiseks
Kui palkate vabakutselise disaineri, annate oma disaini eksperdi kätte, kes mõistab disaini läbi ja lõhki. Te ei pea muretsema tarkvarahindade või õppimiskõverate pärast, sest disainer hoolitseb selle eest teie eest. Ja meie disainerite kogukonnast üle kogu maailma leiate kindlasti kujundada selle stiiligasee, mida vajate!
«АЗБУКА»
Jäta kommentaar