Stiiliplaadid: traatraamide pöörlev külg
Stiiliplaadid pakuvad värsket ja produktiivset viisi disainiprotsessile lähenemiseks. Need võimaldavad teil konkreetselt lihvida ja keskenduda projekti isiksusele ja meeleolule, muretsemata konkreetsete paigutusotsuste pärast.
Täna näitame teile täpselt, mis on stiiliplaadid, miks peaksite neid kasutama ja kuidas neid oma disainiprotsessi kaasata. Järgige teid ja võite lihtsalt muuta oma kujundamise viisi igaveseks.
Mis on stiiliplaadid?
Stiiliplaadid on viis saidi visuaalse identiteedi arendamiseks, sõltumata keerulisest logistikast, mis tuleb mängu siis, kui tegelikult üritatakse välja töötada täieõiguslik makett. Idee pärineb Samantha Warrenilt, kes on äärmiselt andekas disainer ja ajaveebi Badass Ideas blogija.
Selle asemel, et põõsas ringi lüüa, hüppame paremale, kuidas Stiili plaat välja näeb. Seda on keeruline kirjeldada, nii et siin on näide Stiili plaatide veebisaidilt.
Kui teid veab visuaalne disain, peaksite kohe nägema selle tööriista kasulikkust. See on ülimalt lihtne ja uskumatult kasulik. Tüpograafia, värvi, nuppude kujundamise ja muu teema kohta on siin tehtud palju olulisi otsuseid. Kui ehitaksime selle tahvli põhjal veebisaidi, oleks meil kindel ettekujutus visuaalsest suunast, mida me järgime.
Raamraamide pööratav külg
Veebisait Style Tiles kirjeldab neid kui midagi ebamäärase tujulaua ja liiga täpse täieliku maketi vahelist osa. Ma isiklikult mõtlen nende peale pisut teistmoodi: nagu juhtmete raamid.
Mõelge sellele, teie juhtmeraamide eesmärk on keskenduda stiilivabale paigutusele. Te mõtlete ainult selle üle, kuidas leht struktureeritakse, millised on elementide suuruse suhted jne. Lihtsustatud juhtraami kasutamine võimaldab teil kiiresti välja töötada palju ideid, kuna teid ei sega sellised asjad nagu värvid, varjud, mustrid, fondid ja pildid.
Stiilipaan on sellele vastupidine, mis tähendab, et see pakub sellele protsessile täiuslikku täiendust. Siin saate loobuda kujunduse mõistetest ja keskenduda täielikult sellele, mida võiks pidada kaubamärgi tuntuks, nendele konkreetsetele kujundusotsustele, mis annavad saidile ainulaadse identiteedi.
Kolm põhjust stiiliplaatide kasutamiseks
Nüüd, kui olete hästi aru saanud, mis stiili plaadid endast kujutavad, käsitleme mõnda peamist põhjust, miks peaksite mõtlema nende kaasamisele oma töövoogu.
Ideede kiire visuaalne arendamine
Esimene põhjus, miks Style Plaadid on suurepärased, on see, et peaksite saama mitu neist suhteliselt lühikese aja jooksul välja lükata. Tervete maketide valmistamine võib võtta tunde või isegi päevi, kuid nende tahvlite kujundus on lihtsalt väike maitse ja need peaksid võtma vaid murdosa ajast.
See tähendab, et saate hõlpsalt oma saidi isiksuse jaoks luua kolm kuni viis ainulaadset ideed, seejärel saate valida, mis töötab kõige paremini, või segada ja sobitada elemente igaühest.
Klientide tagasisidet on lihtsam integreerida
Kui olete nädal aega kliendi projekti esimesest pilgust välja töötanud ja ta saadab teid tagasi joonestustahvlile, võib see olla masendav kogemus. Kogu see projekti jaoks kulutatud aeg ja vaev kulus ühe koosoleku käigus ja te jäite kohe tagasi.
Stiiliplaatide abil saate oma kliendi juba varases etapis kujundamise protsessi kaasata. Näidake mõnda erinevat plaati ja nad saavad kohe aru, mis toimub, ja tõenäoliselt meeldib neile võimalus sisse hüpata ning tagasisidet anda.
Selles etapis on uskumatult lihtne teha väikeseid muudatusi või isegi ulatuslikke globaalseid muudatusi, tundmata, nagu oleksite oma aega ja eelarvet raisanud.
Ideaalne reageeriva töövoo jaoks
Kuna tundlik veebidisain muutub üha populaarsemaks, on disainerid sunnitud oma töövooge ümber mõtlema. Staatiliste kompositsioonide väljatöötamine pidevalt kohandatava kujunduse jaoks on keeruline ja võib-olla isegi viljatu ettevõtmine.
Alternatiivina võimaldavad stiiliplaadid teil oma elementide ilme naelutada, ilma et peaksite muretsema seadme konkreetsete mõõtmete või murdepunktide pärast. Kui olete need välja mõelnud, saate need ühendada reageerivasse võrku.
Teeme ühe
Rääkimine on odav, vaatame, kas suudame seda protsessi kasutada millegi väärtusliku leidmiseks. Kui soovite alustada nullist, suurepärane. Kuid kui otsite head lähtepunkti, laadige kindlasti tasuta mall alla Stiili plaatide veebisaidilt. Kuidas see välja näeb:
Nagu näete, on olemas mitu elementi, mis aitavad teil tunnetada üldist paigutust, samuti elementide tüübid, millele peaksite projekteerimisprotsessi selles etapis mõtlema. Pange tähele, et selle malli paremas alanurgas on väga oluline nõuanne: „Ole loominguline, ära kasuta seda malli lihtsalt nii, nagu see on!“
On ahvatlev joosta lihtsalt sellega, mis teile siin antud on, kuid ärge laske sellel tööriistal teie loovust kahjustada, see on tegelikult selle täiustamiseks mõeldud.
Näidisprojektina loome Style Tile minu lemmik burrito-koha jaoks: Chipotle. Teeskleme, et neil puudub sait või loovad nad meist sõltuvalt muudetud ilme.
Logo
Esimene samm, mille teeme, on logo lisamine. Vahetult nahkhiirt pidi ilmnema vajadus malli oma tarbeks muuta. Ülaltoodud logo konteiner on ristkülikukujuline ja Chipotle'i logo on ümmargune. Õnneks on PSD mall väga kenasti korraldatud, nii et mul on piisavalt lihtne kõigi päiseelementide välja lülitamine ja meie ümara logo alla panemine.
Taust
Elementide värskendamiseks pole kindlat järjekorda, vaid põrutage tükkide kaupa ringi, sest ideed tulevad teile. Minu jaoks loogiline järgmine samm oli taust. Kuna Chipotle on edela stiilis söögikoht, andsin taustale omamoodi vanaaegse tunde.
Asume alles kaks sammu ja oleme mallile juba dramaatilise efekti avaldanud. Näeme selgelt, kuidas stiilijuhis kujuneb, kui kujuneb brändi isiksus.
Värvid
Nüüd, kui meil on logo ja taust paigas, võime hakata natuke värvi identiteeti nägema. Kasutan olemasolevat värvipiirkonda, et laiendada seda täielikuks palett.
Tüpograafia
Pärast värve jätkan hüppamist ringi ja maandusin tüpograafia kallal. Mulle väga meeldib, et mall mitte ainult ei anna teile kohta mõne näite tüübi kuvamiseks, vaid sellel on ka vähe silte, et saaksite kasutatavate fondide märkimise teha.
Valmistoode
Edasi lükates muudkui kordasin ja näpistasin, kuni maandusin millelegi, mida võin pidada valmis plaadiks. Mööda tegin soovitusi malli otstarbekaks muutmiseks ja vormindasin küljenduse täielikult ümber, hoides samas vajalikuks peetavaid jaotisi. Ma tulin välja järgmiselt:
Nagu näete, on see algsest mallist kaugel. Kasutasin pakutavat PSD-d oma ideede lähtepunktina, mitte karguks. Nüüd on mul kindel alus, millest alustada, kui hakkan paigutust ja stiili kokku sulatama valmistooteks.
Järeldus: värske õhu hingamine
Viimasel ajal on mind üsna tabatud selliste läikivate uute sõnadega nagu CSS3, HTML5 ja reageeriv disain. Selle tulemusel pole ma mõnda aega tõeliselt puhtasse disaini kaevanud ja stiilitoodete kasulikkuse uurimine oli vaid meeldetuletus, et mul on vaja, et just siin peitubki minu tõeline kirg.
Mulle meeldis väga vabadus visuaalse stiili arendamiseks, muretsemata selle pärast, kas avaleht peaks olema kolme või nelja veeru kujundus. On üsna värskendav, kui suudame keskenduda konkreetsetele disainiprotsessi osadele, ilma et teid hirmutataks või segataks kogu projekti suurem ulatus.
Samantha Warren avaldab tohutut tänu oma protsessi ja malli alustamise jagamise eest. Ma arvan, et stiiliplaadid saavad siit alates minu protsessis väga oluliseks osaks.
Jäta kommentaar allpool ja anna meile teada, mida sa arvad. Kas kasutate oma kujundusprotsessis meeleolu tahvleid, kaadriraami või mõnda muud sarnast tööriista? Kas stiili plaatide kasutuselevõtt parandaks teie tööviisi? Me tahame teada!
Raamiraami pilt Joe Crawfordi viisakalt .
