Zīmulis ir stiepļu veidošanas rīks, ko mēs varam izmantot, lai ieskicētu mūsu lietojumprogrammas lietotāja saskarni. Lieliska lieta par zīmuli ir tā, ka tā ir viegla, viegli lietojama un cieši integrēta ar Firefox. Papildus tam visu savu bezmaksas atvērtā pirmkoda lietojumprogrammu! Raksta beigās mēs jums parādīsim vienkāršu demonstrāciju par to, kā lietot zīmuli, lai izveidotu Brizzly kā karkasu.
Kāpēc mēs izveidojam karkasu?
Karkass ir lapas izkārtojuma idejas skice. Karkass koncentrējas uz lapas dizaina dizainu, lai nodrošinātu, ka dizains atbilst lietotāja vajadzībām. Karkass parasti sastāv no dažādām formām (piemēram, kastītēm, ovāliem un dimantiem), lai attēlotu satura, funkcionālos un navigācijas elementus. Šīs formas parāda izvietojumu lapā.
Sākumā tas var šķist laika izšķiešana, radot aptuvenas lapas skices. Vadu rāmis ir svarīgs, lai jūsu lietotāji varētu koncentrēties uz svarīguma elementu savā lapā. Izstrādājot aptuvenu lapas skici, bez izdomātiem vizuālajiem elementiem, novirziet lietotāja uzmanību uz svarīgiem elementiem, piemēram, lapas sastāvdaļu lielumu, izkārtojumu un izvietojumu. Mēs sāksim iegūt labāku izpratni par to, ko klients patiešām vēlas un nepieciešams no programmatūras, kad lietotājs sāk koncentrēties uz svarīgiem lapas elementiem. Vadu rāmja izveide ļaus jums un jūsu lietotājiem efektīvi sadarboties un agri identificēt iespējamo dizaina problēmu.
Darba sākšana ar zīmuli
Lejupielādējiet Zīmu no zīmuļa pievienojamo lapu. Kad esat instalējis zīmuli, tas ir pieejams no "Rīki"> "Zīmu zīmēšana".
Taisnstūra izveide
Pirmais stiepļu rāmja formas izveides solis ir vilkt formu no izvēlnes "Formas kolekcijas" uz audekls.
Cilšu izveide
Mājai, rasēšanai un attēlu cilnēm ir trīs cilnes, kas tiek sakārtotas viena virs otra. Velciet trīs "Tabļu paneli" taisnstūrī. Mainiet katras cilnes izmēru, lai katra cilne būtu redzama blakus.
Teksta izveide
Lai izveidotu katru izvēlni, velciet formāta tekstu uz audekls. Mēs varam pielāgot teksta izskatu, piekļūstot teksta rekvizītu logam.
Noderīgi padomi, kā mainīt krāsu
Krāsa ir viena no būtiskākajām sastāvdaļām pievilcīgas karkasu piegādē. Visprecīzākais veids, kā mainīt formas krāsu, ir norādīt krāsas HTML kodu. Konkrētas krāsas HTML koda noteikšana var būt sarežģīta. Mēs varam izmantot HTML krāsu apkrāptu lapu no w3cschools.com, lai meklētu pareizo HTML kodu konkrētai krāsai.
Mēs arī vēlētos izmantot colorzilla, lai izvēlētos krāsas no ekrāna un izmantotu to Zīmnē. Noklikšķiniet uz acu pilinātāja ikonas Firefox apakšējā kreisajā stūrī, lai ekrānā atlasītu krāsu. Mēs varam arī atvērt ColorZilla krāsu atlasītāju, divreiz noklikšķinot uz acu pilienu ikonas. Vienkārši nokopējiet Hex kodu zīmnē Zīmuļa krāsu HTML kodā.
Secinājums
Pencilam ir viegli izmantot stieples veidošanas rīku. Zīmu integrācija ar Firefox ļauj mums izmantot citu Firefox spraudni, lai palīdzētu izveidot labāku ietvaru
Saites Lejupielādēt zīmuli Lejupielādēt Colorzilla W3C HTML krāsu apkrāptu lapa
