Stilske pločice: Okretna strana žičnih okvira
Style pločice pružaju svjež i produktivan način pristupanja procesu dizajna. Omogućuju vam da se posebno usredotočite i usredotočite na osobnost i raspoloženje projekta, bez brige o konkretnim odlukama izgleda.
Danas ćemo vam pokazati točno što su stil pločice, zašto biste ih koristili i kako ih uključiti u svoj dizajn. Slijedite dalje i jednostavno možete zauvijek promijeniti način dizajniranja.
Što su stilske pločice?
Stilske pločice način su za razvijanje vizualnog identiteta web lokacije neovisno o kompliciranoj logistici koja se igra kada zapravo pokušavate razviti punopravni model. Ideja dolazi od Samanthe Warren, izuzetno talentirane dizajnerice i blogerice tvrtke Badass Ideas.
Umjesto da tuku oko grma, uskočimo pravo u stilski pločica. Teško je opisati, pa evo primjera s web stranice Style Tiles.
Ako vas pokreće vizualni dizajn, trebali biste odmah moći vidjeti korisnost ovog alata. Ujedno je izuzetno jednostavan i nevjerojatno koristan. Ovdje je doneseno mnogo važnih odluka o tipografiji, boji, oblikovanju gumba i još mnogo toga. Da smo gradili web stranicu na temelju te ploče, imali bismo dobru predodžbu o vizualnom smjeru kojem bismo slijedili.
Okretna strana žičnih okvira
Web stranica Style Tiles opisuje ih kao nešto što se događa između ploče raspoloženja, koja je previše nejasna, i potpunog ismijavanja, što je previše precizno. Osobno mislim na njih malo drugačije: kao na stranu žice.
Razmislite, vaš cilj je da se fokusirate na izgled praznog stila. Razmišljate samo o tome kako će stranica biti strukturirana, kakvi će biti omjeri veličine između elemenata itd. Korištenje pojednostavljenog žičanog okvira omogućava vam da brzo razvijete mnoštvo ideja jer vas ne ometaju stvari poput boja, sjena, obrasci, fontovi i slike.
Stil pločica je suprotno od toga, što znači da savršeno dopunjuje ovaj postupak. Ovdje morate napustiti pojmove izgleda i potpuno se usredotočiti na ono što bi se moglo smatrati "osjećajem marke", one posebne dizajnerske odluke koje web mjestu daju jedinstven identitet.
Tri razloga za korištenje stilskih pločica
Sada kada ste dobro shvatili što su stil pločice, prijeđite na neke glavne razloge zbog kojih biste trebali razmisliti o njihovom uključivanju u svoj tijek rada.
Brzi vizualni razvoj ideja
Prvi razlog zašto su Style pločice sjajne jest taj što biste trebali moći razbiti nekoliko njih u relativno kratkom vremenu. Kompletne makete mogu potrajati satima ili čak danima, ali ove su ploče jednostavno mali ukusi većeg dizajna i trebalo bi vam oduzeti samo djelić vremena.
To znači da lako možete stvoriti tri do pet jedinstvenih ideja za osobnost vaše web stranice, a zatim odabrati koji najbolje funkcionira ili miješati i slagati elemente iz svake.
Lako je integrirati povratne informacije klijenta
Kad ste proveli tjedan u razvoju klijentovog prvog pogleda na projekt, a on vas vrati na ploču za crtanje, može biti odvratan doživljaj. Svo vrijeme i trud koji ste potrošili na projektu izbrisali ste u jednom sastanku i ostali ste na četvrtoj četvrti.
Uz Style Tiles možete uključiti svog klijenta u proces dizajniranja u ranoj fazi. Pokažite nekoliko različitih pločica i oni će odmah osjetiti što se događa i vjerojatno će vam se svidjeti prilika da uskoče i pruže povratne informacije.
U ovoj je fazi nevjerojatno jednostavno napraviti sitne promjene ili čak velike globalne promjene bez osjećaja kao da ste potrošili pola svog vremena i proračuna.
Savršeno za prilagodljiv tijek rada
Kako internetski dizajn postaje sve popularniji, dizajneri su prisiljeni promišljati svoje tijekove rada. Razvijati statičke komine za dizajn koji se neprestano prilagođava težak je i možda čak i besplodan pothvat.
Kao alternativa, Style Tiles omogućava vam unošenje izgleda vaših elemenata bez brige o specifičnim dimenzijama uređaja ili prijelaznim točkama. Kad to shvatite, možete ih priključiti u prilagodljivu mrežu.
Napravimo jedan
Razgovor je jeftin, da vidimo možemo li zapravo iskoristiti ovaj postupak da bismo smislili nešto vrijedno. Ako želite početi od nule, super. Ali ako tražite dobro polazište, svakako preuzmite besplatni predložak s web stranice Style Tiles. Evo kako to izgleda:
Kao što vidite, postoji nekoliko elemenata koji će vam pomoći da osjetite opći izgled, kao i vrste elemenata o kojima biste trebali razmišljati u ovoj fazi procesa dizajna. Imajte na umu da je u donjem desnom kutu ovog predloška vrlo važan savjet: "Budite kreativni, nemojte samo koristiti ovaj predložak kakav jest!"
Primamljivo je pokrenuti se s onim što vam je ovdje dato, ali ne dopustite da vam ovaj alat naruši vašu kreativnost, zapravo je namijenjen poboljšanju.
Kao uzorak projekta, napravimo stil pločicu za moje omiljeno mjesto burrito: Chipotle. Pravit ćemo se da ili nemaju web mjesto ili ovise o nama kako bismo stvorili revidirani izgled.
Logo
Prvi korak koji ćemo poduzeti je da uključimo logotip. Odmah po šišmišu nailazimo na potrebu promjene predloška u vlastite svrhe. Gore navedeni spremnik logotipa je pravokutnog oblika, a logotip Chipotle je okrugao. Srećom, PSD predložak je vrlo lijepo organiziran, tako da je dovoljno jednostavno da isključim sve elemente zaglavlja i uputim se u naš okrugli logo.
pozadina
Ne postoji postavljeni redoslijed za ažuriranje elemenata, samo odskočite od dijela do dijela dok vam ideje dolaze. Logičan sljedeći korak za mene bila je pozadina. Budući da je Chipotle jela u jugozapadnom stilu, pozadini sam pružio neku vrstu starog svijeta.
Nalazimo se samo na dva koraka i već smo dramatično utjecali na predložak. Jasno možemo vidjeti vodič za stil koji se oblikuje u trenutku pojave ličnosti branda.
boje
Sada kada imamo logotip i pozadinu na mjestu, možemo početi uočavati malo identiteta u boji. Iskoristit ću postojeće područje boja kako bih je proširio u punu paletu.
Tipografija
Nakon boja, nastavljam skakati uokolo i slijeću se na tipografiju. Jako mi se sviđa što predložak ne samo da daje mjesto za postavljanje neke vrste primjera, već i ima male naljepnice, tako da možete bilježiti fontove koje koristite.
Gotov proizvod
Gurajući se prema naprijed samo sam nastavio ponavljati i tkati dok nisam sletio na nešto što bih mogao smatrati gotovom pločicom. Uz put sam stavila savjet o dobroj upotrebi predloška i potpuno preoblikovala izgled zadržavajući odjeljke za koje sam smatrao da su korisni. Evo što sam smislio:
Kao što vidite, daleko je krik od izvornog predloška. Iskoristio sam ponuđeni PSD kao polazna točka za svoje ideje, a ne škrtost. Sada imam čvrstu osnovu od koje treba započeti kada zajedno počnem spajati izgled i stil u gotov proizvod.
Zaključak: Dah svježeg zraka
U posljednje vrijeme prilično sam uhvaćen za sjajne nove riječi poput CSS3, HTML5 i prilagodljivog dizajna. Kao rezultat toga, zapravo se već dugo nisam uvukao u čisti dizajn i istražio korisnost Style Tilesa bio je samo podsjetnik da mi treba da u tome leži moja istinska strast.
Apsolutno sam volio imati slobodu razvijanja vizualnog stila bez brige o tome treba li ili ne biti početna stranica u obliku tri ili četiri stupca. Prilično je osvježavajuće moći se usredotočiti na određene dijelove procesa dizajna, a da vas ne zastraši ili odvrati pažnja većim opsegom čitavog projekta.
Ogromna zahvalnost upućuje Samanthi Warren za dijeljenje svog procesa i početnog predloška. Mislim da će Stil pločice biti važan dio mog procesa odavde.
Ostavite komentar ispod i javite nam što mislite. Koristite li table za raspoloženje, žičane okvire ili bilo koji sličan alat u svom dizajnu? Bi li uvođenje Style Tilesa poboljšalo vaš rad? Želimo znati!
Joe Crawford slika iz žičare .
