Interneto dizainerio vadovas dėl plytelių stiliaus

Stiliaus plytelės yra vizuali nuoroda į svetainės (ar kito dizaino pristatymo) dizaino kalbą. Jie padeda pasakoti istoriją per šriftus, spalvų ir stiliaus kolekcijas, o žiūrėdami kartu su laidų rėmeliais, svetainių žemėlapiais ir kitais vartotojo sąsajos elementais, jie apibrėžia tą istoriją prieinamu, klientui patogiu būdu. Šiame straipsnyje paaiškinsiu, kaip kuo geriau pasinaudoti šia patogia technika.

01. Ką sudaro stiliaus plytelės?

Sėkmingoje stiliaus plytelėje turėtų būti naudotojo sąsajos elementų pavyzdžiai, apibrėžta spalvų schema, parodoma, kaip bus naudojami tipografinio dizaino principai, ir parodomas ryšys tarp kliento prekės ženklo ir siūlomo vaizdinio sprendimo. Pavyzdžiui, jei klientas apibūdino savo verslą žodžiais „patikimas“ arba „patikimas“, stiliaus plytelės turėtų tai vizualiai atspindėti.

Visų pirma, stiliaus plytelės yra atspirties taškas diskusijoms ir kliento verslo tikslų bei asmeninių pageidavimų paaiškinimui.



02. Kada naudoti stiliaus plyteles

Stiliaus plytelės yra lankstus atspirties taškas, padedantis klientams suprantamai apibrėžti, kaip atrodys svetainė. Pagalvokite apie juos kaip apie kažką tarp a nuotaikos lenta ir maketas - jie padeda apibrėžti ir pranešti, kaip vizualinis stilius bus pritaikytas visoje svetainėje, įskaitant tiek darbalaukyje, tiek mobiliajame įrenginyje skirtas vartotojo sąsajas.

Galite juos naudoti vietoj tradicinių pirmųjų maketų, generuodami kliento idėjas ir atsiliepimus, kad padėtumėte informuoti apie galutinį dizaino metodą. Samantha Warren „A List Apart“ Straipsnyje ji aprašo, kaip stiliaus plytelių procesas padeda „sužadinti prekės ženklo aistrą, atskleidžiant aprašomojo gėrio grynuolius, tuo pačiu susiejant klientą su projektu“.

03. Kaip atrodo stiliaus plytelės?

Vaizdo leidimas iš „Phase2 Technology“

Vaizdo leidimas iš „Phase2 Technology“

Vaizdo leidimas iš „Phase2 Technology“

Nėra nustatyta, kaip reikia atrodyti jūsų stiliaus plytelėms. Svarbiausia yra užtikrinti, kad jų nesuklystumėte dėl nuotaikos lentų, kurių nepakanka norint visiškai sukurti vizualinę kalbą, taip pat neperžengiant kito dizaino maketo.

kaip panaikinti pasirinkimo dalies pasirinkimą „Photoshop“

Peržiūrėkite aukščiau pateiktus „Phase2 Technology“ pavyzdžius, sukurtus dirbant naujoje „Washington Examiner 2012“ kampanijos svetainės svetainėje.

04. Kaip sėkmingai naudoti stiliaus plyteles

Supratę stiliaus plytelių principus, jie turėtų gerai įsitaisyti jūsų dizaino procese. Paprastai jie bus sugeneruoti anksčiau per projekto gyvavimo ciklą, nei galėjote sukurti pirmuosius maketus, todėl jie leis jums greičiau gauti atsiliepimų. Norėdami įdėti stiliaus plyteles į savo darbo eigą, atlikite šiuos keturis veiksmus:

Klausykite savo kliento

Stiliaus plytelės 1

Vaizdas mandagus https://twitter.com/heyitsgarrett

Susitikite su savo klientu projekto pradžioje ir surinkite kuo daugiau aktualios informacijos. Kai kuriems dizaineriams gali būti lengviau atlikti individualius interviu su suinteresuotosiomis šalimis, o kiti pirmenybę teikia grupės susitikimui; daryk tai, kas tau tinka. Būtinai užduokite visiems pagrindiniams sprendimus priimantiems asmenims ir suinteresuotosioms šalims tuos pačius pagrindinius klausimus.

Jei tai padės, galite sukurti klausimyną savo klientams prieš pirmąjį projekto susitikimą. Jei norite sužinoti, kokius klausimus turėtumėte užduoti savo klientui, „StyleTil.es“ svetainėje pateikiami keli naudingi šaltiniai, įskaitant šiuos iš Andy Rutledge ir Kim Cullen .

Samantos „A List Apart“ straipsnis taip pat padeda apibrėžti keletą naudingų apklausų metodų, kad gautumėte kuo daugiau naudos iš pirmųjų susitikimų. Svarbiausia, kad turėtumėte surinkti būdvardžius, kad galėtumėte naudingai apibūdinti istoriją, kurią klientai nori pavaizduoti savo svetainėje.

Trumpai interpretuoti naudokite dizaino sistemą

Stiliaus plytelės 2

kaip sukurti tinklelį nesusipratus
Vaizdas mandagus https://twitter.com/heyitsgarrett

Naudodami būdvardžius, kuriuos įrašėte pirmame žingsnyje, sukurkite apibendrintą rinkinį, kad nustatytumėte temas būdvardžių kalba. Taikykite šias temas savo dizaino sistemoje naudodami projektavimo principai pavyzdžiui, harmonija ir vienybė, kad būtų galima pasirinkti dizaino elementus ir jų vaizdinį vaizdavimą. Nepamirškite naudoti bet kokio jau naudojamo prekės ženklo, ranka rašymo ir vaizdinės kalbos, kad padėtumėte kontekstualizuoti trumpą dizainą ir jūsų atsakymą.

Apibrėžkite vaizdinę kalbą

Stiliaus plytelės 3

Vaizdas mandagus https://twitter.com/heyitsgarrett

Naudodami informaciją, kurią surinkote atlikdami 01 veiksmą, ir išvestį, sukurtą interpretuojant 02 veiksme, nustatykite per daug išlenktas temas ir pradėkite jas derinti su stilistiniais prietaisais. Kiekvienai vaizdinei interpretacijai, kurią sugalvojote, sugeneruokite skirtingą plytelę. Užpildytos stiliaus plytelės leis jums greitai nustatyti, ar jūs esate tame pačiame puslapyje su savo klientu iš vizualinės kalbos perspektyvos.

Samantha Warren sukurta svetainė styletil.es pateikia jums patogų PSD šabloną parsisiųsti ir naudokite kaip savo stiliaus plytelių išvesties atspirties tašką.

Kartokite, kol bus susitarta dėl stiliaus

Stiliaus plytelės 4

Vaizdas mandagus https://twitter.com/heyitsgarrett

Bendradarbiaukite su savo klientu, norėdami pakeisti stiliaus plyteles. Kadangi jūs kartojate ne galutinio svetainės išdėstymo kontekstą, galite sutelkti dėmesį į tai, kad jūsų stilistinis požiūris ir toliau atspindėtų verslo ir dizaino tikslus.

kaip konvertuoti į rgb

05. Ar stiliaus plytelės turėtų pakeisti maketus?

Stiliaus plytelės: maketų pakeitimas

Užuot kūrę maketus projekto pradžioje, kurkite stiliaus plyteles, teigia Samantha Warren

Dizaino projekto pradžioje tai yra įprastas būdas kurti puslapių maketus, tačiau jei kada nors teko susidurti su derybomis dėl hibrido - sudarytų iš dviejų ar daugiau maketų elementų ir kompromisų dėl dizaino metodo - jūs “ Susipažinsiu su nusivylimu, kurį gali sukelti modelių naudojimas ankstyvame projektavimo procese.

Žvelgiant iš kliento perspektyvos, maketas yra išsamus dizaino sprendimas, tačiau kadangi dažnai pirmą kartą jie pamato jūsų dizaino trumpą interpretaciją, suprantama, kad jie atpažins elementus, kurie jiems patinka, ir elementus, kurių ne. Taip pat natūrali išvada, kad gautas atsiliepimas privers jus suburti skirtingus įvairių modelių elementus, o tai paskatins Samantha Warren prekės ženklus „Franken-comp“ sprendimas .

Maketai gali atrodyti paprastas, akivaizdus būdas apibrėžti, kaip projektas gali pradėti procesą nuo trumpo projektavimo iki užbaigimo. Tačiau stiliaus plytelės gali būti protingesnis būdas tęsti reikalus, gauti grįžtamąjį ryšį ir anksti apibrėžti vizualinę kalbą bendradarbiaujant su klientu.

Tai gali padėti išvengti nusivylimo ir nusivylimo jausmo, kai reikia surinkti galutinį maketą iš atskirų visiškai atjungtų kompų dalių, ir padėti klientui visiškai įsitraukti į projektavimo procesą ir jį įsigyti.

06. Kur sužinoti daugiau

Žodžiai : Samas Hamptonas-Smithas

Kaip šitas? Perskaitykite tai!

Ką tu manai? Ar pateiksite stiliaus plyteles, ar laikysitės tradicinių puslapio maketų? Praneškite mums savo nuomonę toliau pateiktuose komentaruose ...