A ceruza egy wireframing eszköz, amelyet felhasználhatunk az alkalmazás felhasználói felületének méretezéséhez. A Pencil nagyszerű dolog, hogy könnyű, könnyen használható és szorosan integrálható a Firefoxhoz. A tetején minden ingyenes nyílt forrású alkalmazás! A cikk végén bemutatunk egy egyszerű bemutatót a Ceruza használatáról a Brizzly-szerű drótváz létrehozásához.
Miért hozunk létre drótvázakat?
A drótvázlat egy oldalelrendezési ötlet vázlata. A drótvázkeret egy oldal információformátumára fókuszál, annak érdekében, hogy a tervezés megfeleljen a felhasználó igényeinek. A drótváz általában különböző formájú (például dobozokból, oválisokból és gyémántokból áll) a tartalom, a funkcionális és a navigációs elemek megjelenítésére. Ezek az alakzatok megjelenítik az elhelyezést az oldalon.
Először úgy tűnhet, hogy az időpocsékolás egy oldal durva vázlatát eredményezi. A drótkeret fontos ahhoz, hogy a felhasználók az oldal fontos elemére összpontosítsanak. Az oldal durva vázlatának létrehozása, fantáziadús elemek nélkül, a felhasználók figyelmét olyan fontos elemekre tolja át, mint az oldalelemek méretezése, elrendezése és elhelyezése. Kezdjük majd jobban megérteni, hogy az ügyfél valóban mit akar és szükség van a szoftverről, amikor a felhasználó az oldal fontos elemeire koncentrál. A drótkeret létrehozása lehetővé teszi Önnek és a felhasználóknak, hogy hatékonyan működjenek együtt, és korán felismerjék a lehetséges tervezési problémákat.
Az első lépések a ceruzával
Töltsd le a Ceruza ceruza toldalékoldaláról. Disla Disis he D D D D D D D D D D D D D D D D D D D D Disisis D Disisis D Disis he he D D D D D Dis Dis D D D D D D D D Dis D D D D D D D D D D D D D Disisis Dis D Dis D D Dis Dis D D D D D D D D D D D D D D D D D D D
Téglalap létrehozása
A drótkeret-alakzat létrehozásának első lépése, hogy egy alakot húz a "Shape Collections" menüből a vászonra.
Lapok létrehozása
He D Dis D D D D Dis D D D D D Dlalais Disla heis Dis heisis D D D hela D D D D D Dla heis D D D heis D heis Dis D D D heisis D heisis D he he he he heisis Dis he heis hela Dis heis D heis he he D Dis Dla D D D D D D he heis D heis D D D D Húzza három "Tabs Panel" elemet a téglalapba. Átméretezheti az egyes lapokat úgy, hogy minden lap egymás mellett jelenjen meg.
Szöveg létrehozása
Húzza a "Szöveg" alakot a vászonra, hogy létrehozza az egyes menüpontokat. Beállíthatjuk a szöveg megjelenését a szöveg tulajdonságai ablak elérésével.
Hasznos tippek a színváltáshoz
A szín az egyik legfontosabb része a kellemes drótváz kialakításának. A forma színének legegyszerűbb módja a szín HTML kódjának megadása. Egy adott színű HTML kód megmutatása nehéz lehet. A w3cschools.com HTML-színes cheat-lapjaival megkereshetjük a megfelelő HTML-kódot egy adott színhez.
Azt is szeretnénk használni a colorzillát, hogy kiválasszuk a színeket a képernyőn, és használjuk a ceruzával. He D hela D D he Dlais D D D D D D D D Disis he D D D D Dla D Disis D Dis D Dis D D D D Dis D D D Dis D D D D D D Dis D D D D D D D D D Dis D D D D D D D D D Dis D D D D D D D D D D Dis D D D D D D D D D D D D D D D D D A ColorZilla színválasztóját is duplán kattintva kattinthatjuk a szemcsepp ikonra. Csak illessze be a Hex kódot Pencil színes HTML kódjába.
Következtetés
A ceruza könnyen használható drótszálas szerszám. A ceruza integrációja a Firefox használatával lehetővé teszi számunkra, hogy más Firefox plugint használjunk, hogy segítsünk egy jobb drótváz létrehozásában
linkek Töltsd le a ceruza Töltse le a Colorzilla W3C HTML Színes Cheat Sheet
