Share
Reapariția inscripției de mână a preluat Instagram și i-a făcut din nou o abilitate căutată. Gamă largă de stiluri diferite permite tehnica să fie incredibil de versatilă și o considerație valoroasă de proiectare. Popping-ul într-o cantitate enormă de logo-uri (Pinterest, Montage) și titlurile paginilor (The Boxtrolls, World Baking Day) și-a dovedit relevanța pentru mediile digitale.
http://worldbakingday.comDesi apare adesea simplu, inscriptia de mana poate fi un efort complex, cu atat mai mult cu atat mai mult, atunci cand aplicati-l pentru un design web sensibil. Având în vedere acest lucru, am pus câteva considerații pentru a vă ajuta să decideți când este adecvată scrierea de mână și cum să o folosiți la cel mai înalt potențial.
Căutați litere de mână pe Pinterest pentru a vă inspiraSemnele de mână bune arată fără efort și distracție, dar înainte de a vă angaja să le includeți în proiectul dvs. web întrebați-vă următoarele întrebări: Se potrivește cu marca? Scula de caractere sau schimbarea orientării? Se va menține lizibilitatea? Există un contrast suficient între spațiul lumină / întuneric, pozitiv / negativ, astfel încât personajele se pot distinge la o scară mai mică? Fiecare dintre aceste întrebări trebuie luată în considerare în timpul procesului de proiectare.
Înainte de a începe un proiect, îmi place să listați cuvintele cheie care reprezintă marca și mesajele pe care încerc să le transmit. Putem face același lucru cu literele de mână pentru a vedea dacă tehnica se suprapune cu marca. Iată lista mea de cuvinte cheie:
Deoarece există multe stiluri diferite de litere, nu toți termenii vor fi aplicați, dar dacă unii dintre ei descriu marca dvs., atunci puteți trece la următoarea etapă a procesului.
Recess Ice Cream utilizează litere de mână care se potrivesc cu sigla lorPresupunând că doriți ca textul dvs. să fie receptiv, va trebui să alegeți între scalabilitatea textului sau schimbarea orientării pentru a se potrivi diferitelor dimensiuni ale ecranului. Scalabilitatea poate crea tranziții ușoare între diferitele dimensiuni ale ecranului, însă, în funcție de complexitatea și greutatea literelor dvs., o schimbare de orientare ar putea beneficia mai bine de un ecran mai mic din motive de lizibilitate.
The Girl + The Bull utilizează inscripționări pe site-ul lor receptivCu excepția cazului în care utilizați iluzibilitatea pentru a face un punct, trebuie să vă asigurați întotdeauna că audiența dvs. poate citi literele dvs. sau fontul decorativ. Un cuvânt care durează mai mult de trei secunde pentru a citi ar trebui probabil adaptat pentru a fi mai clar. Faceți un pas înapoi de la locul de muncă și vă uitați ochii. Puteți citi totuși? Unul dintre cele mai simple elemente de urmărit este contrastul. Există un contrast în nuanța culorilor folosite? Ar trebui să fie? Mai important, există un contrast între și în interiorul formelor literelor? O modalitate rapidă de îmbunătățire a lizibilității este ajustarea greutății și a cercului dintre litere.
Pozițiile Vintage Hope sunt grele și mari, cu un contrast puternic cu fundalulExistă câteva moduri diferite în care puteți implementa pe web paginile de mână. Va trebui să decideți între imagini bitmap, SVG-uri sau fonturi web și care se potrivesc cel mai bine nevoilor dvs. și ale clientului dvs. Pentru a vă ajuta să alegeți, verificați avantajele și dezavantajele de mai jos.
Dacă ați creat litere personalizate, imaginea este o opțiune simplă, mai ales dacă sunteți începător. Una dintre principalele probleme cu imaginile este că roboții nu le pot citi. Dacă aveți de gând să meargă cu o imagine, asigurați-vă că textul este mai puțin important și inutile pentru SEO.
SVG-urile devin rapid standard pentru grafica vectorială pe web. În afară de a fi fantastică pentru capacitatea de reacție, SVG-urile pot fi personalizate în continuare prin CSS și JavaScript, atât în aspect, cât și în animație. Citiți despre fișierele SVG pentru mai multe informații.
Având în vedere numărul tot mai mare de fonturi disponibile pe web, există o gamă largă de fonturi decorative care dau iluzia literelor de mână. Dacă sunteți în căutarea unei soluții rapide, sau ceva care este pur și simplu mai ușor de pus împreună, fonturile web sunt calea de parcurs.
Mai jos sunt câteva site-uri pe care le-am întâlnit care folosesc litere de mână în mod corespunzător.
Pe acest site, atât logo-ul, cât și cuvântul ilustrativ "perfect" creează un contrast frumos cu fotografiile întunecate și intense. Fotografiile arată calitatea înaltă a hranei pe care restaurantul o folosește și o creează, în timp ce literele de mână ne informează despre atmosfera lor mai obișnuită. Greutatea mai mare a "perfectului" îi permite să scadă bine și să mențină lizibilitatea. Acest exemplu folosește o imagine pentru caracterele lor.
Campurile Winshape imită stilul de scriere cu un font (dragă Joe Hannes) pentru declarațiile de impact. Imperfecțiunile fontului (observați cum este diferit fiecare "f" în funcție de ligatură?) Este ceea ce îl face cel mai eficient - om și dezordonat, la fel ca tabăra.
Un alt site web al produselor alimentare, puteți vedea că acele litere de mână sunt utilizate frecvent în această industrie. Esența "casă" este capturată prin cuvinte care par a fi scrise de om, mai degrabă decât de mașină. Amintindu-vă de o carte de rețetă scrisă de mână, abia vă puteți spune că a fost folosit un font (Art) mai degrabă decât literele personalizate.
Pe măsură ce vă planificați proiectul web, există trei întrebări pe care ar trebui să le întrebați atunci când literele de mână sunt considerate:
Revizuirea acestor întrebări atât înainte, cât și în timpul fluxului de lucru vă va permite să fie mai eficientă și mai eficientă.
Accentsconagua