Kuidas + miks kasutada veebisaidi juhtraami malli
Traatkarkass on üks neist disainiprotsessidest, mis toimub orgaaniliselt ja tahtlikult. Mitu korda olete koosoleku ajal idee visandiks joonistanud? Mitu korda olete loonud kliendikohtumiseks esitletava juhtraami?
Mõlemat tüüpi raamiraamid on kujundamise ja iteratsiooni protsessis võrdselt olulised osad.
Viimane võtab loomiseks pisut rohkem vaeva ja just siis tuleb sisse kaadriraami mall. Siin on kõik, mida peate teadma nende tõhusa kasutamise kohta ja kuidas need aitavad teil säästa teie aega, parandada teie kaadrite kvaliteeti ja aidata teil saate oma ideed füüsilises vormis alla laadida.
Avastage veebisaidi makette
Mis on veebisaidi juhtraami mall?
Raamraam on veebisaidi kujunduskontseptsiooni põhinäide. Igal lehe tüübil võib olla oma juhtraam. Need kujundused algavad sageli visandite kujul ja võivad lõpuks kujuneda maketideks või prototüüpideks.
Veebisaidi kaadriraami mall on pseudo-UI komplekt, milles kasutatakse pigem juhtraami elemente, mitte kasutajaliidese komponente. Paljud mallid kasutavad nimetuses “juhtraami UI komplekti”, ehkki see pole täpselt see, milleks need on. (Aga idee saate küll.)
Raamiraami mall võib olla Sketchi või Adobe XD või Photoshopi jaoks. Valitud mall peaks vastama teie tööriistadele ja töövoole.
Heas juhtraami mallis on elemente eri tüüpi lehtedele, elementidele ja see pole liiga väljamõeldud. Vajalikud pildiplokid, tekstiplokid, nupuplokid ja lõuendil olevad töölaua elemendid (töölaua-, mobiil-) on tavalised tükid.
Mida te ei vaja, on midagi, mis näeb välja nagu valmis kujundus. Valige mustvalge joonelises stiilis raam. Kõik, mis on liiga täpne või sisaldab värve ja pilte, võib kliente segadusse ajada, pannes neid mõtlema, kas nad vaatavad tegelikku kujunduskontseptsiooni. (Ja te ei soovi seda projekti juhtraami kujundamise etapis.)
5 põhjust, miks kasutada juhtraami malli
Kui te pole veel traadiga raamimist müünud, võib see kujundusprotsessis olla suurepärane tööriist. Mallid lihtsalt kiirendavad kõike.
- Raamraami mallid säästavad aega, aidates teil esinduslikul viisil kiiresti ideesid teha.
- Raamraamid aitavad teil varakult märgata disainivead ja kasutatavusega seotud probleemid.
- Raamraami mallid aitavad teil mõelda eri tüüpi lehtedele ja leheelementidele, nii et te ei jätaks midagi välja.
- Traatkarkassid loovad tugeva disainialuse.
- Raamraami mallid aitavad pikas perspektiivis teie raha säästa, aidates klientidel kujundusest paremini aru saada, ilma et peaksite täielikku maketi investeerima.
Raamraami malli kasutamine
Enamik raamiraami malle töötab nagu kasutajaliidese komplektid koos elementidega, mida saate oma valitud tarkvaras ringi liigutada.
Täpne kasutamine sõltub teie tööriistast.
Enamik raamiraamistiku malle on üldiselt hästi konstrueeritud lehtedega, nii et peate oma projekti üldises paigutuses tegema vaid lihtsaid muudatusi.
Mulle kipub pukseerimise võimalus meeldima. Photoshop kihi failid on ka toredad. Kuid jällegi sõltub palju isiklikest eelistustest ja töökorraldusest.
Raamraami malli tõhusa kasutamise võti on valida midagi sellist, mis peegeldab teie töövoogu, toetab tarkvara, mida soovite kasutada ja võib kogu protsessi jooksul teiega kokku jääda. Paljud tööriistad võimaldavad teil välja töötada ja kujundada kaadriraamid kõrgema fi-kujundusega piltideks. Kui see on osa teie kavandatud töövoogudest, valige mall vastavalt.
Kuidas saada juhtraami malli
Veebisaidi kaadriraami malli kasutamisel on teil kaks võimalust:
- Ehitage oma
- Laadige alla eelvalmis mall
Esimene võib pakkuda teile kõige kohandatud lahendust, kuid see võib olla aeganõudev.
Viimane pakub laias valikus erinevaid malli tüüpe, mille hulgast saab valida tasuta ja lisatasu võimaluste vahel.
Milline variant valite, sõltub tõenäoliselt õigel ajal ja kui kiiresti vajate malli, millega töötada. Eeltöödeldud malli kasutamine on sageli kiire algus. Kõige raskem osa võib otsida kõigest võimalikust, et leida just õige valik.
5 juhtraami malli, mida proovida
Kas olete valmis alustama veebisaidi raamiraami malli kasutamist? Siin on viis erinevat malli, mida saate testida, et näha, kuidas tunnete neid oma projektides kasutamisel.
Puhas UI komplekt töötlemata visandiks
See minimaalne raamiraami mall on pakitud vahetatavate osadega, millel on kiire kujunduse jaoks peaaegu visandlik stiil.
Flow iOS-i juhtraami komplekt
See visandiraami mall on suurepärane algus rakenduste või mobiilide veebisaitide kontseptsioonidele. Raamiraami elemendid on lihtsad ja praktilised.
Traadist traatraami komplekt
Wirey sisaldab Photoshopi ja Sketchi malle, pakkudes teile traadiga raamimise paindlikkust. Mall sisaldab enam kui 200 komponenti ja 1000 elementi, nii et kõik, mida vajate, asub siin.
Vastuvõtlik juhtraami komplekt
See jooniste ja visandite jaoks kasutatav kaadriraami mall on mõeldud teid prototüüpide loomise alustamiseks varajasest traadiga raamimisest. See sisaldab tonni plokke ja malle laua-, mobiil- ja tahvelarvutite suuruste jaoks, et aidata teie reageerival mõtteprotsessil keskenduda.
UX töövoo juhtraam ja saidiplaani looja
Sellele raamraamimallile on lisatud kasutusvalmis lehtede ja saidiplaanidega suvandid. Selline mall aitab teil projekte kavandada, kui vajate alustamiseks pisut abi.
Järeldus
Veebisaidi kaadrimallide mallid on üks neist otsetetest, mis võivad kujundamise hõlpsamaks muuta.
Olen paberkandjal eskiislakk, kuid see pole lihtsalt kliendi jaoks valmis. Niisiis, ma kasutan malle, et teisendada oma pliiatsimess millekski, mis tundub esinduslik. Mallid muudavad selle palju kiiremaks ja lihtsamaks ning muudavad ülesande, mida ma pole, selle palju paremini hallatava fänn.
Kui te pole veel raamiraami malli proovinud, soovitan seda sel põhjusel tungivalt kasutada. Haarake ühest ülaltoodud näitest või kaaluge isegi oma loomist, mida saaksite kasutada ja uuesti kasutada.