Stils flīzes: stiepļu rāmju augšējā puse

Stila flīzes nodrošina svaigu un produktīvu veidu, kā tuvināties dizaina procesam. Tie ļauj īpaši papildināt un koncentrēties uz projekta personību un noskaņu, neuztraucoties par konkrētiem izkārtojuma lēmumiem.

Šodien mēs jums parādīsim, kas tieši ir stila flīzes, kāpēc tās būtu jāizmanto un kā tās iekļaut dizaina procesā. Sekojiet līdzi, un jūs vienkārši varētu mainīt dizainu uz visiem laikiem.

Kas ir stila flīzes?

Stila flīzes ir veids, kā attīstīt vietnes vizuālo identitāti neatkarīgi no sarežģītās loģistikas, kas tiek izmantota, mēģinot izveidot pilnvērtīgu maketu. Ideja nāk no Samantha Warren, ārkārtīgi talantīga dizainere un Badass Ideas emuāru autore.

Tā vietā, lai pukstētu ap krūmu, iesim tieši tajā, kā izskatās stila flīze. To ir grūti aprakstīt, tāpēc šeit ir piemērs no vietnes Style Tiles.

Ja jūs virza vizuālais dizains, jums nekavējoties vajadzētu redzēt šī rīka noderīgumu. Tas ir gan ārkārtīgi vienkārši, gan neticami noderīgi. Šeit ir pieņemts daudz svarīgu lēmumu par tipogrāfiju, krāsu, pogu noformējumu un daudz ko citu. Ja mēs veidotu vietni, kuras pamatā ir šī plāksne, mums būtu stabils priekšstats par vizuālo virzienu, kuru mēs virzīsim.

Stiepļu rāmju sānsvere

Vietne Style Tiles tos raksturo kā kaut ko starp pārāk neskaidru garastāvokļa tabulu un pārāk precīzu pilnu maketu. Es personīgi domāju par viņiem mazliet savādāk: kā stiepļu rāmju pamatni.

Padomājiet par to, jūsu karkasa mērķis ir koncentrēties uz stila izkārtojumu. Jūs domājat tikai par to, kā lapa tiks strukturēta, kādas būs izmēru attiecības starp elementiem utt. Izmantojot vienkāršotu stiepļu ietvaru, jūs varat ātri izstrādāt daudz ideju, jo jūs nepievērš uzmanību tādām lietām kā krāsas, ēnas, modeļus, fontus un attēlus.

Stila flīze ir pretēja tam, kas nozīmē, ka tā lieliski papildina šo procesu. Šeit jūs varat atteikties no izkārtojuma jēdzieniem un pilnībā koncentrēties uz to, ko varētu uzskatīt par “zīmola izjūtu”, tiem konkrētajiem dizaina lēmumiem, kas vietnei piešķir unikālu identitāti.

Trīs iemesli, kāpēc izmantot stila flīzes

Tagad, kad esat labi sapratis, kas ir Style Flīzes, apskatīsim dažus galvenos iemeslus, kas jums būtu jāapsver, iekļaujot tos savā darbplūsmā.

Ātra ideju vizuāla attīstība

Pirmais iemesls, kāpēc Style Flīzes ir lieliskas, ir tas, ka jums vajadzētu spēt izsvītrot vairākus no tiem salīdzinoši īsā laika posmā. Pilnu maketu izgatavošana var aizņemt stundas vai pat dienas, taču šo dēļu izgatavošana ir maza, tikai lieliska dizaina gaume, un tiem vajadzētu aizņemt tikai nelielu daļu laika.

Tas nozīmē, ka varat viegli izveidot trīs līdz piecas unikālas idejas savas vietnes personībai, pēc tam izvēlēties, kura darbojas vislabāk, vai arī sajaukt un saskaņot elementus no katras.

Klientu atsauksmes ir vieglāk integrējamas

Kad nedēļu esat pavadījis, lai izstrādātu klienta pirmo projekta ieskatu un viņš jūs nosūtītu atpakaļ uz zīmēšanas dēli, tā var būt nožēlojoša. Viss laiks un pūles, ko jūs pavadījāt projektam, tika iztērēti vienā sanāksmē, un jūs atgriezāties pirmajā vietā.

Izmantojot stila flīzes, jūs varat jau agrīnā stadijā iekļaut savu klientu projektēšanas procesā. Parādiet dažas dažādas flīzes, un tās nekavējoties sajutīs, kas notiek, un, iespējams, patiks iespēja ielēkt un sniegt atsauksmes.

Šajā posmā ir neticami viegli veikt mazus uzlabojumus vai pat liela mēroga globālas izmaiņas, nejūtot, ka esat iztērējis pusi laika un budžeta.

Lieliski piemērots reaģējošai darbplūsmai

Tā kā adaptīvais tīmekļa dizains kļūst arvien populārāks, dizaineri ir spiesti pārdomāt savas darbplūsmas. Statisku komponentu izstrāde dizainam, kas pastāvīgi pielāgojas, ir grūts un, iespējams, pat neauglīgs pasākums.

Kā alternatīva stila flīzes ļauj jums nomainīt savu elementu izskatu, neuztraucoties par noteiktiem ierīces izmēriem vai pārtraukuma punktiem. Kad esat to izdomājis, varat tos pievienot adaptīvajam tīklam.

Pagatavosim vienu

Saruna ir lēta, paskatīsimies, vai mēs tiešām varam izmantot šo procesu, lai izdomātu kaut ko vērtīgu. Ja vēlaties sākt no nulles, lieliski. Bet, ja jūs meklējat labu sākumpunktu, noteikti lejupielādējiet bezmaksas veidni no vietnes Style Tiles. Tas izskatās šādi:

Kā redzat, ir izveidoti vairāki elementi, kas palīdzēs jums izjust vispārēju izkārtojumu, kā arī elementu veidi, par kuriem jums vajadzētu padomāt šajā projektēšanas procesa posmā. Ņemiet vērā, ka šīs veidnes labajā apakšējā labajā stūrī ir ļoti svarīgs padoms: “Esiet radošs, nelietojiet šo veidni tikai tādu, kāda tā ir!”

Ir vilinoši vienkārši darboties ar šeit sniegto, bet neļaujiet šim rīkam pasliktināt jūsu radošumu, tas faktiski ir paredzēts, lai to uzlabotu.

Kā paraugprojektu izveidosim Style Flīzi manai iecienītajai burrito vietai: Chipotle. Mēs izliksimies, ka viņiem vai nu nav vietnes, vai arī viņi ir atkarīgi no mums, lai izveidotu pārskatītu izskatu.

Logotips

Pirmais solis, ko mēs veiksim, ir logotipa iekļaušana. Tieši pie nūjas mums rodas vajadzība mainīt veidni mūsu pašu vajadzībām. Logotipa konteiners ir taisnstūrveida un Chipotle logotips ir apaļš. Par laimi, PSD veidne ir ļoti labi organizēta, tāpēc man ir pietiekami viegli izslēgt visus galvenes elementus un nomest mūsu apaļo logotipu.

Pamatinformācija

Elementu atjaunināšanai nav noteikta kārtība, vienkārši atjēdzieties no katra gabala līdz idejai nāk pie jums. Nākamais loģiskais solis man bija fons. Tā kā Chipotle ir dienvidrietumu stila ēstuve, es fonam devu sava veida vecās pasaules izjūtu.

Mums ir tikai divi soļi, un veidni esam jau dramatiski ietekmējuši. Mēs skaidri redzam, ka stila rokasgrāmata veidojas, parādoties zīmola personībai.

Krāsas

Tagad, kad esam ieguvuši logotipu un fonu, mēs varam sākt redzēt krāsu identitāti. Es izmantošu esošo krāsu apgabala priekšrocības, lai izvērstu to pilnā paletē.

Tipogrāfija

Pēc krāsām turpinu lekt apkārt un piezemēties uz tipogrāfijas. Man ļoti patīk, ka veidne ne tikai dod jums vietu, kur norādīt kādu piemēra tipu, bet tai ir arī maz etiķešu, lai jūs varētu pierakstīt izmantotos fontus.

Gatavais produkts

Stumjoties uz priekšu, es tikai turpināju atkārtot un iekniebt, līdz es piezemējos uz kaut kā, ko varētu uzskatīt par gatavu flīžu. Pa ceļam es devu padomus par veidnes lietderīgu izmantošanu un pilnībā pārformatēju izkārtojumu, saglabājot man noderīgās sadaļas. Es izdomāju:

Kā redzat, tas ir tālu no sākotnējās veidnes. Iesniegto PSD es izmantoju kā manu ideju sākumpunktu, nevis kruķi. Tagad man ir stabils pamats, no kura sākt, kad es sāku apvienot izkārtojumu un stilu gatavā produktā.

Secinājums: svaiga gaisa elpa

Pēdējā laikā esmu ticis pie jauniem spīdošiem vārdiem, piemēram, CSS3, HTML5 un atsaucīga dizaina. Rezultātā es kādu laiku neesmu īsti iedziļinājies tīrā dizainā, un stila flīžu lietderības izpēte bija tikai atgādinājums, ka man vajag, ka tieši šeit slēpjas mana patiesā aizraušanās.

Es ļoti mīlēju iespēju brīvi attīstīt vizuālo stilu, neuztraucoties par to, vai mājas lapai vajadzētu būt trīs vai četru kolonnu izkārtojumam. Tas ir diezgan atsvaidzinoši, ja varam koncentrēties uz konkrētām projektēšanas procesa daļām, nebaidoties vai apjucis ar plašāku visa projekta jomu.

Milzīgs paldies jāsaka Samantai Vorenei par dalīšanos savā procesā un sākuma paraugā. Es domāju, ka stila flīzes no šī brīža būs ļoti svarīga mana procesa sastāvdaļa.

Atstājiet komentāru zemāk un dariet mums zināmu, ko domājat. Vai projektēšanas procesā izmantojat garastāvokļa dēļus, karkasus vai citus līdzīgus rīkus? Vai stila flīžu ieviešana uzlabotu jūsu darbu? Mēs vēlamies zināt!

Stiepļu rāmja attēls ar Joe Crawford pieklājību .

© Copyright 2024 | computer06.com