Pieštukas yra "wireframing" įrankis, kurį galime panaudoti, kad suformuluotų mūsų taikomosios programos vartotojo sąsają. Puikus Pencilio dalykas yra tai, kad jis yra lengvas, lengvas naudoti ir glaudžiai integruotas su "Firefox". Be to, visa tai nemokama atviro kodo programa! Straipsnio pabaigoje mes pateiksime jums paprastą demonstraciją, kaip naudoti pieštuką, kad būtų sukurta "Brizzly" tipo karkasas.
Kodėl mes kurdami karkasus?
Karkasas yra puslapio išdėstymo idėjos eskizas. Karkasas orientuojasi į puslapio informacinį dizainą, siekiant užtikrinti, kad dizainas atitiktų vartotojo poreikius. Karkasas paprastai susideda iš skirtingų formų (tokių kaip dėžės, ovalai ir deimantai), atstovaujantiems turinio, funkcinių ir navigacinių elementų. Šios formos rodo jų vietą puslapyje.
Iš pradžių gali atrodyti, kad laiko švaistymas sukuria grubius puslapio eskizus. Kabelių rėmelis yra svarbus norint, kad jūsų vartotojai sutelktų dėmesį į svarbų elementą jūsų puslapyje. Sukūrę neapdorotą puslapio eskizą be išgalvotų vaizdinių elementų, nukreipkite vartotojo dėmesį į svarbius elementus, pvz., Puslapio komponentų dydį, išdėstymą ir vietą. Mes pradėsime geriau suprasti, ką klientas tikrai nori ir reikia iš programinės įrangos, kai vartotojas pradeda sutelkti dėmesį į svarbius puslapio elementus. Kabelių rėmo kūrimas leidžia jums ir jūsų vartotojams veiksmingai bendradarbiauti ir anksti nustatyti galimą dizaino problemą.
Darbo su pieštuku pradžia
Atsisiųskite Pieštukas iš Pencilo pridėtinių tinklalapių. Kai įdiegsite pieštuką, jis bus pasiekiamas iš "Tools"> "Pencil Sketching".
Renkantis stačiakampį
Pirmasis vielos rėmo formos kūrimo etapas - vilkti formą iš meniu "Forma kolekcijos" į drobę.
Skirtukų kūrimas
Namų, juodraščių, paveikslėlių skirtukai yra trys skirtukai, kurie yra sudedami vienas ant kito. Vilkite tris "Tabų skydelį" į stačiakampį. Keiskite kiekvieną skirtuką, kad kiekvienas skirtukas būtų vienas šalia kito.
Teksto kūrimas
Vilkite "Text" formą į drobę, kad sukurtumėte kiekvieną meniu. Galime koreguoti teksto išvaizdą, atidarę teksto savybių langą.
Naudingi patarimai, kaip pakeisti spalvą
Spalva yra viena iš svarbiausių elementų, suteikiančių malonų karkasą. Pats tiksliausias būdas pakeisti spalvos formą yra nurodant spalvos HTML kodą. Suprasti konkrečios spalvos HTML kodą gali būti sunku. Mes galime naudoti HTML spalvų cheat sheet iš w3cschools.com ieškoti tinkamo HTML kodo konkrečiai spalvai.
Mes taip pat norime naudoti colorzilla, norėdami pasirinkti spalvas iš ekrano ir naudoti ją pieštuku. "Firefox" apatiniame kairiajame kampe spustelėkite akių lašintuvo piktogramą, kad pasirinktumėte spalvą ekrane. Mes taip pat galime atidaryti "ColorZilla" spalvų rinkiklį, dukart spustelėdami akių lašų piktogramą. Tiesiog nukopijuokite Hex kodą į pieštuko spalvos HTML kodą.
Išvada
Pieštuku yra lengva naudoti vielos ruošimo įrankį. Pieštukų integracija su "Firefox" leidžia mums naudoti kitą "Firefox" papildinį, kuris padės sukurti geresnę karkasą
Nuorodos Atsisiųsti pieštuką Atsisiųskite "Colorzilla" W3C HTML spalvų cheatinis lapas
