3 moduri de a învăța cum să ai un ochi mai bun pentru design

Bine ați venit la partea 1 a mini-seriei noastre „Principii eficiente de proiectare web Divi”, unde explorăm practici eficiente de proiectare pentru a contribui la împuternicirea noilor designeri de web și a celor care se identifică ca cineva fără un „ochi pentru design”.

În epoca vizuală de astăzi, designul este mai important ca niciodată. Un design bun vă poate crea sau rupe afacerea atunci când vine vorba de convertirea potențialilor clienți în clienți. Poate fi diferența dintre a face o vânzare sau a face ca un potențial client să dea clic pe site-ul dvs. în căutarea unui serviciu sau produs mai profesionist. Și în timp ce noii designeri și dezvoltatori web pretind adesea că au un „ochi pentru design”, există câteva principii de bază de proiectare pe care toată lumea le poate aplica pentru a deveni mai buni la partea „design” a designului web!

Prefața seriei:

• Strategiile, practicile și tacticile pe care le vom aborda în această serie sunt aplicabile designului web în general și nu sunt specifice Divi, dar această serie se va baza în jurul experienței mele ca designer web Divi. Multe dintre referințe, machete și puncte de plecare menționate vor implica Divi în mod specific.
• Această serie este în mare măsură destinată persoanelor care sunt fie noi în designul web, fie care sunt dezvoltate de mentalitatea dezvoltatorilor, care simt că nu au un ochi natural pentru design. Dar sperăm că multe dintre aceste concepte vor servi drept inspirație sau reîmprospătare și pentru designerii deja consacrați.
• Principiile minunate de design web au fost menționate aici anterior pe blog, așa că vom face legătura cu unele postări și resurse anterioare de-a lungul seriei. Acesta este în primul rând un ghid pentru unele dintre cele mai importante principii în ceea ce privește un design bun pe care le aplic ca designer de web Divi de succes, pe care le puteți aplica și dvs.!
• În cele din urmă, când vine vorba de un design bun, nu există nici un bine sau un rău. De fapt, este într-adevăr o chestiune de echilibrare a opiniei populare, a părerii tale creative personale și a dorințelor clientului. Cu toții am avut clientul acela care credea că arăta ceva grozav despre care știam că arăta îngrozitor, nu? Nu toată lumea va fi de acord cu aceste elemente de bază de proiectare, dar este sigur să spunem că aceste principii sunt împărtășite universal de către designerii profesioniști Divi și de comunitatea de design web în general.

Iată o schiță a mini-serie în timp ce privim în față:

• Partea 1 - 3 moduri de a învăța cum să aveți un ochi mai bun pentru design
• Partea 2 - 3 Principii eficiente de web design pentru non-designer
• Partea 3 - 3 Domenii importante de proiectare pe care să se concentreze pentru fiecare construire a site-ului web

Înainte de a ne arunca cu capul, trebuie să spun că, deși înțeleg că unii oameni sunt mai dotați în creativitate decât alții, susțin cu tărie că PUTEȚI învăța principii de bază bune de proiectare. Este posibil să nu deveniți Michelangelo din Divi, dar, prin golly, puteți învăța în continuare câteva bune practici de proiectare pe care să le aplicați eforturilor dvs. de web design. Îmi voi scuti jena de a posta câteva dintre primele mele modele web, dar voi spune doar că „ochiul pentru design” este în continuă evoluție și se maturizează mai mult în fiecare zi. În niciun caz nu am început unde sunt azi. Și sincer, designul este important în mai mult decât doar designul web. Joacă un rol important în organizarea conținutului, scrierea de e-mailuri, realizarea de fotografii bune cu telefonul și multe altele. Deci, este foarte important să cunoașteți câteva principii de bază pe care să le aplicați și altor aspecte ale vieții voastre.

Deci, dacă v-ați surprins vreodată spunând oricare dintre următoarele;

• „Pur și simplu nu am un ochi pentru design.”
• „Nu am un os creativ în corpul meu.”
• „Pot codifica, dar nu pot proiecta.”

Atunci această serie este pentru tine! Să intrăm în asta.

3 moduri de a vă pregăti și de a învăța cum să aveți un ochi mai bun pentru design

În lumea designului web, oamenii tind să se identifice cu unul din cele două grupuri:

Web Designer - Un designer de web, alias (front-end designer) va fi probabil atras de designul, culorile, aspectul și estetica designului web. Acestea vor proveni probabil dintr-un fundal de design grafic sau poate dintr-un mediu mai vizual precum fotografia sau alte arte creative. Dacă sunteți mai interesat de aspectul și simțirea lucrurilor spre deosebire de cât de repede se încarcă, cât de curat ar putea fi codul sau ce personalizări au intrat în fișierele php și css, atunci sunteți mai mult decât probabil în această barcă

Dezvoltator web - Un dezvoltator web, alias (dezvoltator back-end) va fi probabil mai interesat de matematică, numere și de domeniul designului web, codul, funcționalitatea și backend-ul site-urilor web. În timp ce un „designer” ar putea vedea forme, culori, aspect, simț etc., o persoană mai dezvoltată ar putea vedea ceva similar cu matricea - cod, funcționalitate, utilizare și lucruri care se află sub suprafața unui site web.

Ambele sunt cheia pentru un design de site de succes și, în opinia mea, un designer de web de succes trebuie să aibă un amestec sănătos de cunoștințe în ambele lumi. Personal, deși acum sunt foarte versat în design și dezvoltare, sunt totuși atras de aspectul de design al lucrurilor. Trebuie să lucrez din ce în ce mai mult pentru a lua în considerare timpii de încărcare, codul curat și funcționalitatea în loc să mă concentrez constant pe design, aspect, aspect și simț. Dar pentru cei opuși, este la fel de important să se concentreze asupra designului plăcut ochilor, spre deosebire de un site web cu aspect teribil, care se încarcă rapid cu cod curat.

Ceea ce vorbim cu adevărat aici este un amestec de creier stâng și drept. Acest lucru nu este probabil un secret pentru cei mai mulți în acest moment, dar există numeroase studii că partea stângă a creierului este analitică, matematică, secvențială, logică etc. Partea dreaptă a creierului este artistică, creativă, perspicace, imaginativă etc. Aceasta este cheia pentru a înțelege DE CE ați putea fi atras de a fi proiectant sau dezvoltator.

În scurt,

Dezvoltator = Think Brain Thinker
Designer = Right Brain Thinker

O înțelegere a acestui fapt ne conduce la primul punct principal.

1) Pregătirea mentalității

Dacă sunteți mai creativ, va trebui să lucrați mai mult la codificare și la partea mai logistică a designului web și vice versa, dacă tendințele dvs. se înclină către partea stângă a creierului, Va trebui să lucrați puțin mai mult pentru a dezvolta un ochi bun pentru design. După cum sa menționat mai sus, sunt mai degrabă un gânditor al creierului drept și un creator. În timp ce iubesc CSS și acum pot deveni periculos cu PHP fără să transpire prea mult, nu am început așa. A trebuit să lucrez foarte mult la domeniile de web design la care nu mă pricepeam.

Dar a început cu mentalitatea mea. Știam în ce domenii sunt puternic și în care este nevoie de muncă. Vreau să vă încurajez din nou asupra acestui punct, PUTEȚI învăța principii bune de proiectare și PUTEȚI dezvolta un ochi pentru proiectare dacă sunteți nou sau dacă sunteți un dezvoltator fără un os creativ în corpul vostru.

În acest moment, probabil că spuneți „Totul este minunat, dar ce pot face pentru a-mi pregăti mentalitatea pentru a învăța tehnici bune de proiectare?” Deși învățăm cu toții diferit, vă voi spune ce a funcționat pentru mine și ce știu că a funcționat pentru mulți alți designeri Divi din comunitate.

2) Cum să înveți și să dezvolți un ochi pentru un design bun

Aflați reproducând modele bune de site-uri web - Da, am spus-o. Dacă vedeți un design bun, încercați să-l recreați, copiați culorile, tipurile de caractere, spațierea, aspectele etc. Nu spun că rupeți un site pentru a-l vinde ca temă pentru copii sau ca lucrare, ci din punct de vedere educațional , una dintre cele mai BUNE modalități de a te îmbunătăți la proiectare este de a reproduce un site deja frumos proiectat. Veți fi uimit de cât de mult veți învăța și cât de puternici vă veți simți, reproducând un design frumos pe care îl puteți imita.

Pentru inspirația legată de Divi, puteți găsi câteva exemple bune de modele frecvent aici pe blogul ET prin intermediul prezentărilor lunare ale site-ului ca acesta, prin exemple de teme Divi sau urmărind designerii Divi preferați și văzând cu ce vin!

Învață examinând desene sau modele peste tot - În timp ce desenele tipărite și alte reclame pot să nu fie o învățare ideală pentru tendințele de design web, totuși poți prelua principii valoroase de proiectare. De exemplu, poate vedeți un anunț cu o imagine puternică, cu textul conceput într-un mod modern, elegant, puteți foarte bine să luați aceeași idee și să o aplicați ca un design puternic pe site-ul dvs.! Nu mă tem de o excursie la mall cu soția mea și de a intra în magazinele de machiaj acum, pentru că o folosesc ca „designul la modă al lui Josh durează din timp”. Timpul petrecut anterior privind fix pe un telefon este acum deseori petrecut productiv verificând idei și concepte noi de design pe care le pot aplica proiectelor mele de design web!

Învățați construind din Biblioteca Divi - Unul dintre cele mai magice lucruri despre proiectarea unui site cu Divi este că vine cu o bibliotecă completă de machete și modele dovedite, eficiente, pe care le puteți construi. Dacă sunteți nou în materie de design și Divi sau vă simțiți blocați uitându-vă la o pânză goală, puteți încărca unul dintre aspectele premade din bibliotecă, puteți schimba culorile, înlocui imaginile și obține un start rapid! Urmăriți cum va începe reelaborarea unui design deja profesional să vă antreneze creierul pentru următorul dvs. proiect.

Învățați descărcând și construind un pachet Divi Layout săptămânal gratuit - Dacă sunteți un membru nou Elegant Themes sau nu sunteți deja conștienți, există pachete de layout Divi concepute profesional care cad săptămânal aici pe blog, care sunt GRATUITE pentru descărcare. Nu numai că acestea sunt o sursă excelentă de învățare și inspirație dacă sunteți interesat să vă îmbunătățiți designul, dar, la fel ca articolele bibliotecii menționate mai sus, acestea sunt puncte de plecare excelente dacă sunteți nou în proiectare!

3) Obțineți feedback și critici constructive asupra muncii dvs.

În cele din urmă, una dintre cele mai bune modalități de a vă îmbunătăți cotletele de design este de a obține feedback de la alții. Adesea, când ești încorporat într-un proiect, este ușor să-ți pierzi direcția în ceea ce privește ceea ce arată bine și ceea ce pare rău. Obținerea de feedback și critici constructive cu privire la munca dvs. este esențială pentru a deveni mai buni la proiectare.

Acum am înțeles, acest lucru este mai ușor de spus decât de făcut. Și probabil că doriți să evitați să vă distrugeți sau să vă demoralizați, mai ales dacă învățați încă, dar dacă utilizați Divi, aveți automat acces la cea mai implicată, mai solidă și mai utilă comunitate online. Există numeroase puncte de conectare cu Divi Nation, dar preferința mea personală sunt grupurile Divi Facebook. Am creat în mod intenționat grupul Facebook Divi Web Designers cu scopul principal de a putea posta lucrări pentru a primi critici profesionale, utile și feedback pentru a ne ajuta pe toți să devenim mai buni Designeri Web Divi. Dacă aveți o familie de încredere, prieteni sau poate colegi colegi de design web cu un ochi bun pentru design, vă recomand, de asemenea, să vă gândiți dacă nu doriți să primiți feedback online.

Mi se pare foarte util să obțin feedback, deoarece de multe ori va sublinia fie un design rău care este trecut cu vederea, fie domenii de îmbunătățire sau mai multe. De exemplu, o zonă în care nu am un mare dar natural și la care trebuie să lucrez din greu este tipografia. Nu cu mult timp în urmă, am lucrat pe un site care mi s-a părut extraordinar din cap până în picioare și, când am primit feedback, mi s-a spus că tipul pe care l-am folosit nu pare să se potrivească cu „senzația” site-ului. După ce am eliminat mândria inițială a designerului, mi-am dat seama că nu ar fi putut avea mai multă dreptate. Tipul într-adevăr nu corespundea cu aspectul site-ului. De atunci, am învățat să fiu mai conștient de tipurile pe care le aleg într-un efort de a le face să se potrivească cu aspectul corect al site-ului, mai degrabă decât să rămân cu „du-te la”.

Deci, dacă vă simțiți suficient de curajos pentru a primi unele critici constructive, sunteți binevenit să faceți acest lucru în grupul nostru Facebook Divi Web Designers sau în orice alte comunități online Divi, dacă acesta respectă orientările grupului. Și, ca o notă secundară, dacă sunteți cineva care dă feedback-ul, vreau să vă încurajez să fiți foarte atenți la cuvintele dvs. și la modul în care dați critici constructive. Când dați feedback, nu uitați să încercați să construiți persoana, nu să o distrugeți.

În încheiere

Sper că această introducere la Principiile eficiente de proiectare web Divi v-a inspirat și ați pompat pentru restul seriei! Din nou, această primă postare a reprezentat mai mult o introducere și o pregătire cu privire la ceea ce urmează, dar este totuși importantă, deoarece înainte de a vă putea îmbunătăți designul, începe cu pregătirea mentalității dvs. de a învăța.

Aveți alte gânduri sau practici despre cum să învățați tehnici de design web mai bune? Spuneți-ne în comentariile de mai jos!

Mâine: 3 principii eficiente de web design pentru non-designer

Acum, că ne-am ocupat de pregătirea și învățarea cum să avem un ochi mai bun pentru design, este timpul să intrăm în niște principii de proiectare practice și practice care vă vor ajuta să vă duceți jocul de design la nivelul următor! Pana atunci!

Asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să nu pierdeți niciodată un anunț mare, un sfat util sau un cadou gratuit Divi!