A Firefox használatával egyszerű maketteket hozhat létre
A ceruza egy drótváz-eszköz, amellyel vázlatot készíthetünk alkalmazásunk felhasználói felületéről. A Pencil nagyszerű dolog, hogy könnyű, könnyen kezelhető és a Firefoxhoz szorosan integrált. Mindezen felül egy ingyenes nyílt forráskódú alkalmazás! A cikk végén egy egyszerű bemutatót fogunk adni arról, hogyan kell használni a ceruzát egy Brizzly-hez hasonló drótváz létrehozásához..
Miért hozunk létre drótvázakat ?
A drótváz az oldal elrendezés ötletének vázlata. A drótváz az oldal információs tervezésére összpontosít, annak biztosítása érdekében, hogy a tervezés megfeleljen a felhasználói igényeknek. A drótváz általában különböző formákból áll (például dobozok, oválisok és gyémántok) a tartalom, a funkcionális és a navigációs elemek ábrázolására. Ezek az alakzatok megjelenítik az elhelyezésüket az oldalon.
Először úgy tűnik, az időpocsékolás, ami egy oldal durva vázlatait hozhatja létre. A huzalkeret fontos ahhoz, hogy a felhasználók összpontosítsanak az oldal fontos elemére. Az oldal durva vázlatának létrehozása képzeletbeli vizuális elemek nélkül a felhasználó figyelmét a fontos elemekre, például méretezésre, elrendezésre és az oldalelemek elhelyezésére helyezi át. Megkezdjük a jobb megértést arról, hogy mit akar az ügyfél, és ki kell tennie a szoftvert, amikor a felhasználó az oldal fontos elemeire összpontosít. Huzalkeret létrehozása lehetővé teszi, hogy a felhasználók és a felhasználók hatékonyan együttműködjenek, és a korai tervezési problémákat azonosítsák.
Kezdő lépések a ceruzával
Töltse le a ceruzát a ceruza hozzáadásának oldaláról. Miután telepítette a ceruzát, elérhető az "Eszközök"> "Ceruza vázlat".
Ez az, amit Brizzly néz ki. Ez egy nagyon hűvös webes alkalmazás, amely egyetlen oldalt foglal magában a Facebookot és a Twitter-et.
Ez a drótkeret végeredménye. A drótváz fő formái a téglalapok, a szövegdobozok és a lapok. A cikk következő része egyszerű példát ad arra, hogyan lehet létrehozni az egyes alakzatokat.
Téglalap létrehozása
A drótkeret alakításának első lépése az, hogy húzza a formát a 'Shape Collections' menüből a vászonra.
A téglalap átméretezése megfelelő szélességre és magasságra.
A Pencilben bármilyen formájú szöveget, szegélyt és háttérszínt testreszabhatjuk. Kattintson a jobb gombbal a téglalapra, és válassza a Tulajdonságok lehetőséget a Tulajdonságok ablak megnyitásához. Ez a háttér tulajdonságok képernyő. Állítsa a téglalap háttérszínét fehérre (#FFFFFF).
Kattintson a "Határ" fülre és állítsa be a szegély tulajdonságait. Állítsa be a szegélyszínt fekete (# 000000) értékre, és módosítsa a határértéket 1-re.
A szövegtulajdonságok képernyője testreszabja a szöveg betűtípusát, méretét, stílusát, súlyát, színét, fényességét és átlátszóságát.
Lapok létrehozása
Az otthoni, a vázlat, a kép fülek három lapot helyeznek egymásra. Húzza a három lapot a téglalapba. Az egyes fülek átméretezése úgy történik, hogy az egyes lapok egymás mellett jelennek meg.
Nyissa meg a szövegtulajdonságok képernyőt, hogy beállítsa a "Képek" és a "Piszkozatok" lap betűszínét. Állítsa be a szürkere (# 989898).
Szöveg létrehozása
Húzza a „Szöveg” alakot a vászonra, hogy létrehozhassa az egyes menüket. A szöveg megjelenését úgy állíthatjuk be, hogy elérjük a szöveg tulajdonságait tartalmazó ablakot.
Hasznos tippek a szín megváltoztatásához
A szín az egyik legfontosabb része egy kellemes drótváz kialakításában. Az alakzat színének megváltoztatásának legpontosabb módja a színkód HTML kódjának megadása. Egy adott szín HTML-kódjának kiszámítása nehéz lehet. A w3cschools.com oldalról HTML-színcsalád-lapot használhatunk a megfelelő HTML-kód kereséséhez.
A colorzillát is szeretnénk használni a színek kiválasztásához a képernyőn és a ceruzában. Kattintson a Firefox bal alsó sarkában található szemcseppelő ikonra, hogy kiválassza a színt a képernyőn. A ColorZilla színválasztóját is megnyithatjuk a szemcsepp ikonra kattintva. Csak másolja be a Hex kódot a ceruza színes HTML kódjába.
Következtetés
A ceruza könnyen használható drótvázkészítő eszköz. A Firefox-szal való ceruza-integráció lehetővé teszi, hogy más Firefox-bővítményt használjunk, hogy segítsünk egy jobb drótváz létrehozásában
linkek
Töltse le a ceruzát
Letöltés Colorzilla
W3C HTML színes cheat lap
