De ce și cum se utilizează proiectarea textura, inspireme - comunitate de persoane creative

Texturile devin o parte integrantă a proiectului. Aceasta nu este o tendință - este un mod simplu și eficient pentru a adăuga adâncime la site-ul. Deținerea puterea de textura - este o mare responsabilitate. Texturile crește eficiența de site-uri și sunt instrumente calitative în designeri arsenal. Ele pot direcționa utilizatorul pentru a vizualiza și pentru a sublinia importanța elementelor-cheie.

Cu toate acestea, ea a fost mult timp sinonim cu textura de proiectare „murdar“ și „dezordonat“. Utilizarea lor excesivă notabilă pe majoritatea site-urilor, grupuri de muzică mondială, și lasă un gust rău în gură designul său. Ca urmare a faptului că acestea sunt adesea utilizate abuziv, beneficiile lor au fost de mult uitate. Textura poate face site-ul dvs. o singură entitate, dar nu ar trebui să se concentreze lui principal.

Texturi și modele

Înainte de a începe căutarea de la textura mai profund, să ne uităm la modul în care diferite textura din șablon. Aceste cuvinte sunt adesea folosite alternativ. De obicei, template-uri - este un mic elemente de mozaic repetitive, în timp ce textura - aceasta este imaginea mai mare, care nu se repetă. Imaginați-vă Viena diagramă cu texturi de pe partea stângă și modelele potrivite, cu puțin suprapunere în mijloc. Astfel, unele texturi - este, de asemenea, mai multe și șabloane. Unele seturi de texturi de mozaic care pot fi găsite pe Tileables. Acestea sunt exemple destul de bune.

funcţia textura

Ne place textura în spațiul web pentru o serie de motive. Deciziile de proiectare nu ar trebui să se bazeze numai pe gândire, „Bine, totul arată bine.“ Design-ul ar trebui să servească un scop, și ar trebui să fie luate în fiecare decizie în ceea ce privește textura după cântărire toate „pro“ și „contra“. Să începem cu ceea ce noi considerăm unele dintre avantajele cheie.

Atragerea atenției unui apel la acțiune

Texturile pot aloca elemente. cum ar fi titluri, antete, icoane și butoane. Ei atrag atenția asupra apelului la acțiune și principalele titluri. Aceasta este, probabil, cel mai simplu mod de a face textura la modă.

Cu utilizarea minimă a conținutului textura este separat de restul site-ului. Ei directiona utilizatorul pentru a vizualiza elementul. Ele pot fi o modalitate foarte bună de a împărtăși elementele cheie ale brandului.

Atrage atenția o varietate de moduri, dar cele două modalități principale prin care se poate demonstra pe exemplul branding: logo-ul cu textura pe un fond curat și logo-ul clar pe fundal cu textura.

Observați modul în care logo-ul grunge Poco Oamenii se află pe un fond curat.

Branding Solutions culturale Marea Britanie este opusul: curat logo-ul pe fundal cu textura.

Consolidarea arhitecturii de informații

Textura poate fi folosit pentru a vizualiza direcții. Și, precum și linii, câmpuri și contrast, acesta poate fi folosit pentru a împărți conținutul în părți logice. Este important să se utilizeze în mod eficient textura, împreună cu alte metode. Scopul nu este acela de a abandona alte metode de arhitectura de informații și de a spori eficacitatea acestora.

Folosind un banner de rulare cu textura, un Eden modern identifică conținutul în interiorul acestuia.

A se vedea modul în care puteți utiliza textura fără a rupe cele mai bune tradiții? contrastul și claritatea înaltă sunt evidente, și lucrează cu texturi.

Ghidul de servicii Sky este excelent elemente texturale conținutul distribuit.

În exemplul de mai sus, fiecare element are textura proprie pentru un anumit scop. Ghidul de servicii Sky conținut partajat pe secțiunea logică, iar utilizatorul poate vedea în cazul în care începe și se termină. Textura îmbunătățește arhitectura de informații, crearea unei zone de conținut logice care ajută utilizatorul să proceseze informațiile cu acuratețe.

De asemenea, textura este perfect pentru stilul si tema site-ului. Toate elementele sunt realizate în același stil și sunt conforme cu un subiect logic, și, prin urmare, să consolideze mesajul principal al site-ului.

construcție atmosferă și sprijin pentru individ

Din ce în ce, clienții doresc să proiecteze un site care poate face mai mult decât a afișa modul user-friendly de conținut. Ei doresc site-uri care să întărească identitatea lor și permite utilizatorilor să recunoască marca. Textura poate fi utilizată pentru a realiza acest lucru în mai multe moduri.

În ciuda numărului mare de texturi pe site-ul Deda. ea a reținut și subevaluate.

Deirdre "Deda" Bain face exact asta pentru brand-ul personal. Se folosește textura pentru a da serviciul unei persoane - aproape literal. Fără site-ul textura ar fi slab, iar el nu ar avea personalitate suficient de creatorul său. Datorită clarității și arhitectura de informații dreapta, design-ar fi destul de frumos, dar ar fi ceva special lipsește.

Textura dă „intangibilității“ web design: foarte wow-efect si sexualitatea site-uri deosebite.

Sfaturi și recomandări-cheie

Toate acest lucru este bun și frumos, dar probabil că doriți să evite erorile standard, atâta timp cât îndeplinesc anumite tehnici și moduri de gândire.

Menținerea claritate

Niciodată nu sacrifica claritatea pentru textura. Mulți dintre noi fac această greșeală și va continua să facă acest lucru pentru o lungă perioadă de timp. Claritatea în tehnologii web - acesta este cel mai important. În cazul în care utilizatorul nu va fi în stare nici măcar să citească mesajul, ce înțelesul tuturor componentelor sale pentru textura?

Evitați aceste opțiuni:

Uneori ne lăsăm duși de val prea mult. Acest poster ne arată ce se poate întâmpla în cazul în care prea purtat de texturi.

Nu bate joc de cal mort

Materialul tipărit este dificil să nu exagerați cu texturi - desigur, în funcție de gen. Rețeaua, cu toate acestea, textura poate fi prea distrage atenția dacă îl folosiți foarte activ.

Site-ul Hinder claritatea se pierde în meniu, și textura mult distragere a atenției (ceas De asemenea, pentru redarea automată a muzicii).

Practica înseamnă îmbunătățirea

Experiment cu design-ul. Încercați lucruri noi. Aplică textura în acele locuri în care în mod normal nu le folosesc. Utilizați texturi pe care le-ați utilizat niciodată. Nu știi niciodată că poți deschide, până când încercați.

Dacă ceva este lipsit de sens - să renunțe la această

Hone tehnica înainte de a putea utiliza pe site-ul clientului. Întotdeauna asigurați-vă că utilizați o textură bazată pe un model logic ca și în cazul în care creați orice alt site. Dacă nu se poate justifica nimic din ceea ce ai făcut, ca pe ceva care îmbunătățește site-ul, este mai bine scoateți-l.

Nu are nici un sens să utilizeze prea multă textură. Scopul general al tehnologiilor Web - este răspândirea de informații. Pe măsură ce ajunge să facă acest lucru, în cazul în care conținutul dvs. nu poate fi citit? În plus, subtilitățile și nuanțele - este cel mai bun mod de a demonstra perfecțiunea subiectelor.

Luați în considerare efectul pe care încercați să realizeze

După cum știm din propria noastră experiență, este destul de ușor să te purtat de texturi. Pentru a evita acest lucru, nu uitați despre efectul final pe care încercați să realizeze. Dacă doriți un fundal cu textură elegantă, trebuie doar să o fac și pentru a trece la elementul următor de pe lista ta. În caz contrar, nu vei reuși să o facă.

Păstrați surse, astfel încât să nu trebuie să se uite după

Puteți salva o mulțime de timp, dacă descărcați și să salvați sursele care par utile. Acesta organizează fișierele - acesta este un mare plan de back-up. Crede-ne, nu este nimic mai mult decât să se poticnească viguros pe setul perfect de perii și mai târziu să nu fie în măsură să-și amintească unde le-ai văzut. Perie noastră de până destul de o listă lungă și variată. Noi le colecta de ani de zile pe site-uri, cum ar fi deviantART și Brusheezy. în secțiunile libere de diferite bloguri de design, și crearea de propriile lor.

Aflați masca

Studiul de lucru cu măști strat poate ajuta să salva o mulțime de timp în viitor și va fi un instrument puternic in arsenalul tau. Masca - este, de asemenea, un mod fantastic de a experimenta cu design-ul, fără a rupe. Este ușor de a găsi lecții mari; o căutare rapidă Google ma condus la un articol intitulat „măști de strat înțelegere în Photoshop.“

Nu sacrificiu de calitate pentru timpul de descărcare

Există mai multe moduri interesante de a face textura nu a crescut timpul de încărcare. Dar nu fi prea greu să sacrifice texturi de calitate, pentru că în loc să se uite terminat și profesionale, site-ul va arata de modă veche. modele de texturi repetitive - este o modalitate buna de a reduce timpul de încărcare de medii și de elemente mai mari.

Desigur, noi vrem să facem design, în conformitate cu nevoile de spațiu de web, dar viteza conexiunii în jurul lumii crește, viteza de download nu ar trebui să fie preocuparea principală. Cu toate acestea, utilizarea rațională textura: un site cu o mulțime de texturi vor petrece în mod inevitabil, o mulțime de timp pentru a încărca. O modalitate ușoară asociată cu dimensiunea fișierului este de a utiliza texturi repetitive, în special pentru fundaluri. Tileables - este o mare resursa pentru a începe. De asemenea, vom afla mereu despre CSS Sprites și de a folosi Smush.it pentru a comprima în continuare fișiere.

Există destul de o diferență notabilă în calitatea texturilor. Textura stânga comprimat. Dreapta - de asemenea, dar nu la fel de mult.

Alegeți o textură logic

În sfârșit, și, probabil, la fel de importantă ca și păstrarea clarității - o gamă de texturi care corespund în mod logic, la design-ul. Dacă creați un site web pentru a stoca mobilierul, apoi textura cu rugina este puțin probabil să fie adecvate. Textura ar trebui să creeze o personalitate, nu se confunda vizitator, indiferent dacă sunt sau nu arata bine. Usability ar trebui să vină întotdeauna mai întâi.

Texturi: DIY

O modalitate de a găsi textura - acest lucru este de a le face singur. Suntem susținători mari ai acestui proces, deoarece ajută pentru a economisi timp și a obține exact rezultatul dorit. Și nu vă faceți griji: nu este la fel de dificil cum ar putea părea.

trage

Cea mai simplă metodă - pentru a lua un bun aparat de fotografiat digital vechi și face fotografii cu texturi pe care le înconjoară, în special cele pe care niciodată nu s-ar fi considerat ca o „textura“. texturi unice pot defini stilul tau. De exemplu, s-ar fi gândit vreodată că partea de sus a tort și bule în chiuvetă poate deveni o textură de funcționare? Și tot în jurul tău.

Aceasta fotografie de la Lost și Luate demonstrează că diferite imagini pot fi folosite ca o textură specială.

Dacă te uiți în jur, veți vedea o grămadă de gunoi: case vechi, ziduri de beton, metal ruginit, scoarță de copac, erodate de lemn. Toate acestea sunt exemplare excelente. De fapt, un aparat de fotografiat digital simplu va fi de ajuns pentru a începe. Am început textura noastră trage de vechi Nikon Coolpix 4200. și au fost impecabile.

Scanerul este de asemenea frumos

O altă opțiune de mare - acesta este un bun scaner vechi. hârtie veche, carton, covoare sub braț (ideea este luat din Trent Walton), pungi de hârtie, piele - o listă a ceea ce se poate scana, puteți continua pentru o lungă perioadă de timp. Scanarea la o rezoluție foarte mare 600-1200 DPI, la textura de înaltă calitate, și pot fi adaptate la orice proiect, inclusiv materiale de imprimare de mari dimensiuni. imagini de înaltă rezoluție vă permit să selectați anumite părți ale imaginii și de a le folosi ca texturi.

Când vei înțelege acest lucru, puteți începe să creeze elemente folosind tehnici artistice convenționale. De exemplu, unele cărbune pe hârtie frumoasă va fi un finisa perfect pentru a crea medii în stil grunge vă place. Ce zici acrilic prin pulverizare pentru a adăuga profunzime interfeței? Sau urme de cafea în ziar? Posibilitățile sunt nelimitate.

Gheață pe tort

Credeti sau nu, unele filtre aproape inutile în Photoshop pot fi de asemenea folosite pentru a crea texturi. Textura de zgomot pot fi create cu ajutorul filtrului de zgomot. In timp ce se joacă cu niveluri și valori în acest filtru, putem obține rezultate pentru diverse scopuri. Există, de asemenea, un filtru de textură, dar este prea inutil și foarte rar folosit. Dar, totuși, el este capabil să ajute să obțineți efectul dorit parțial.

Experimentul a fost în grabă, cu filtre de zgomot. Cel mai bine este de a utiliza un pic de zgomot, dar asigurați-vă că vedeți efectul.

Dacă aveți nevoie de o structură de-o singură bucată, dacă găsiți mai ușor de a lucra cu o distribuție uniformă. „Monochrome“ indică faptul că textura nu va avea zgomot de culoare, care pot interfera cu alte culori în design-ul.

Aceasta este o traducere a unui articol intitulat „Whys, iar hows texturilor în Web Design“ de Jon Savage și Simon H. Tradus în mod special pentru InspireMe cu aprobarea publicației Smashing Magazine.