Pliiats on juhtmete lõikamise tööriist, mida me kasutame oma rakenduse kasutajaliideste kujundamiseks. Pliiatsi asi on see, et see on kerge, lihtne kasutada ja tihedalt Firefoxiga integreeritud. Selle peal on kõik oma vaba lähtekoodiga tarkvara! Artikli lõpus tutvustame teile lihtsat näidet selle kohta, kuidas kasutada Pencil'i, et luua Brizzly-like juhtraami.
Miks me luua wireframes?
Raamiraam on lehe kujunduse idee. Kaardiraam keskendub lehe infoprojektile, et tagada disaini sobivus kasutaja vajadustele. Raamiraam koosneb tavaliselt erinevatest kujudest (näiteks karbid, ovaalsed ja teemandid), mis esindavad sisu, funktsionaalseid ja navigatsioonielemente. Need kujundid näitavad lehe paigutust.
Esmapilgul võib see tunduda aja raiskamine, mis loob lehe karmid visandid. Traadiraam on oluline, et teie kasutajad keskenduksid teie lehe olulisuse elemendile. Lehe järjekindla kujunduse loomine ilma väljamõeldud visuaalsete elementideta suunata kasutaja tähelepanu selliste lehtede komponentide olulistele elementidele nagu suuruse suurus, paigutus ja paigutus. Me hakkame paremini mõistma, mida klient tõesti soovib ja mida tarkvara vajab, kui kasutaja hakkab keskenduma lehe olulistele elementidele. Traatraami loomine võimaldab teil ja teie kasutajatel tõhusalt teha koostööd ja varakult tuvastada võimalikke disainiprobleeme.
Alustamiseks pliiatsiga
Laadige Pencil from Pencil's adds on page. Kui olete Pencil'i installinud, on see saadaval menüüst "Tööriistad"> "Pencil Sketching".
Ristküliku loomine
Traadiraami kujutise loomise esimene samm on lohistada kuju menüüst "Kujukollektsioonid" lõuendile.
Vahelehtede loomine
Kodu, mustand, pildi sakid on kolm vahelehti, mis asuvad üksteise peal. Lohistage kolme vahelehte paneeli ristkülikusse. Muutke iga vahelehe suurust, nii et iga vaheleht kuvatakse kõrvuti.
Teksti loomine
Iga menüü loomiseks lohistage tekstivõimalus lõuendile. Saame kohandada teksti välimust, kui pääsete juurde teksti omaduste aknas.
Kasulikke näpunäiteid värvi muutmiseks
Värv on üks olulisemaid elemente meeldiva juhtraami pakkumisel. Kõige täpsem viis kujutise värvi muutmiseks on täpsustada värvi HTML-kood. Üksiku värvi HTML-koodi kuvamine võib olla keeruline. Me saame kasutada w3cschools.com'ist HTML-vormingus cheat sheets, et otsida konkreetse värvi jaoks õiget HTML-koodi.
Samuti meeldib kasutada colorzilla, et valida värve ekraanilt ja kasutada seda pliiatsi kujul. Firefoxi vasakus alanurgas klõpsake ekraani värvi valimiseks ekraani ikoonil. Samuti võime ColorZilla värvivalija avada, topeltklõpsates silmatilkade ikoonil. Lihtsalt kopeerige Hex-koodi pliiatsi värvi HTML-koodi.
Järeldus
Pliiats on lihtne kasutada juhtraami tööriista. Pliiatsi integreerimine Firefoxiga võimaldab meil kasutada muud Firefoxi pluginat, et luua parem raam
Lingid Laadige pliiats Laadige Colorzilla alla W3C HTML värvi pood
