Lyijykynä on wireframing-työkalu, jota voimme käyttää piirustukseen sovelluksen käyttöliittymästä. Pencilin hieno asia on se, että se on kevyt, helppokäyttöinen ja tiukasti integroitu Firefoxiin. Sen lisäksi se on ilmainen avoimen lähdekoodin sovellus! Artikkelin lopussa annamme sinulle yksinkertaisen esittelyn siitä, miten Pencilin avulla voit luoda Brizzly-mallin.
Miksi luodaan lankahaaroita?
Johdinkuvake on luonnos sivusuunnitteluideasta. Wire-kehys keskittyy sivun informaation suunnitteluun sen varmistamiseksi, että malli sopii käyttäjän tarpeisiin. Johdinkuvake koostuu tavallisesti erilaisista muodoista (kuten laatikoista, soikeista ja timanteista), jotka edustavat sisältöä, toiminnallisuutta ja navigointielementtejä. Nämä muodot näyttävät sijoituksen sivulle.
Aluksi se voi tuntua ajanhukkeelta, joka luo sivun arat luonnokset. Viirakehys on tärkeä, jotta käyttäjät voivat keskittyä sivusi tärkeysosaan. Sivun karkean luonnoksen luominen, ilman hienoja visuaalisia elementtejä, siirtää käyttäjän huomion tärkeisiin elementteihin, kuten sivun komponenttien koon, layoutin ja sijoittelun. Aloitamme paremman käsityksen siitä, mitä asiakas todella haluaa ja tarvitsee ohjelmistosta, kun käyttäjä alkaa keskittyä sivun tärkeisiin osioihin. Lanka-kehyksen luominen antaa sinulle ja käyttäjille tehokkaan yhteistyön ja tunnistaa mahdolliset suunnitteluongelmat ajoissa.
Aloittaminen lyijykynällä
Lataa Lyijykynä Pencilin lisäosilta sivulta. Kun olet asentanut lyijykynän, se avautuu Työkalut-valikosta ja Pencil Sketching -työkalusta.
Suorakulmion luominen
Ensimmäinen vaihe lanka-kehyksen muodon muodostami- seksi on siirtää muoto Shape Collections -valikosta kankaalle.
Luo välilehdet
Koti, luonnos, kuva-välilehdet ovat kolme välilehteä, jotka on pinottu päällekkäin. Vedä kolme "Tabs Panel" suorakulmioksi. Muuta jokainen välilehti niin, että kukin välilehti näkyy vierekkäin.
Tekstin luominen
Vedä "Teksti" -muotoa kankaalle ja luo jokainen valikko. Voimme säätää tekstin ulkoasua avaamalla tekstin ominaisuudet -ikkunan.
Hyödyllisiä vinkkejä värin muuttamiseen
Väri on yksi tärkeimmistä osista miellyttävässä rautalangassa. Tarkimmin tapa muuttaa muodon väriä on täsmentämällä värin HTML-koodi. Tietyn värin HTML-koodi voi olla vaikeaa. Voimme käyttää HTML-värimaailma-arkkia w3cschools.com-sivustosta etsiäksesi oikean HTML-koodin tietylle värille.
Haluamme myös käyttää colorzillaa valita värit näytöltä ja käyttää sitä Pencilissa. Napsauta Firefoxin vasemmassa alakulmassa olevaa silmäkuoppa-kuvaketta valitaksesi väri näytöllä. Voimme myös avata ColorZillan värivalitsin kaksoisnapsauttamalla silmäpudotuskuvaketta. Kopioi vain liitä Hex-koodi Pencilin värin HTML-koodiin.
johtopäätös
Lyijykynä on helppokäyttöinen langansyöttölaite. Kynän integraatio Firefoxin kanssa tekee meistä mahdolliseksi käyttää muita Firefox-laajennuksia, jotta voimme luoda paremman raidan
Linkit Lataa lyijykynä Lataa Colorzilla W3C HTML Color Cheat -arkki