Sfaturi pentru aspectul de proiectare a paginilor web

Există o mulțime de lucruri care trebuie luate în considerare atunci când proiectați și creați un site web. Chiar și cei mai experimentați designeri de pagini web fac greșeli în ciuda anilor lor de proiectare, deci să nu luăm în considerare tipul de greșeli pe care le pot face începătorii.

Următoarea listă de zece pași de aspect de proiectare a paginilor web acoperă toate informațiile esențiale pe care ar trebui să le cunoașteți înainte de a începe un nou proiect de site sau pentru a începe să lucrați cu o agenție digitală și acoperă, de asemenea, ceea ce ar trebui să se concentreze în timpul procesului de proiectare a paginii web .

Ele acoperă aspecte esențiale ale aspectului designului paginilor web, precum designul unei pagini de destinație, precum și probleme generale ale fluxului de lucru pentru un site web care funcționează mai bine. Urmând acești pași de aspect de proiectare a paginii web, veți fi într-o poziție mai bună pentru a crea aspectul de proiectare a paginilor web la nivel profesional.

Pași pentru a crea un aspect perfect de proiectare a paginii web

  1. Stiloul la hârtie

Nu declanșați doar Photoshop sau software-ul de proiectare a paginii web pe care îl aveți când porniți un proiect. Aceasta este o greșeală comună pe care chiar și designerii experimentați o fac înainte de a gândi problemele pe care trebuie să le rezolve. Asta e corect; Aspectul de proiectare a paginilor web se referă la rezolvarea problemelor și nu doar la aspectul și estetica bună. Aceste probleme pot fi rezolvate doar cu o ierarhie și un layout bine, clar. Concentrați-vă pe conținut, aspect și funcționalitate înainte de a privi codurile de culoare și umbrele.

Când trebuie să creeți aspectul unui proiect, primul lucru pe care trebuie să-l faci este să creezi un cadru de top care să poată rezolva toate problemele legate de aspectul paginii web. Cadrul este interfața de utilizator care înconjoară conținutul și ajută la efectuarea acțiunilor pe site-ul web și la navigarea acestuia. Cadrul include, de asemenea, barele inferioare și laterale și alte componente, precum și elemente de navigație. Inutil să spun, nu puteți rata astfel de biți esențiali. Începeți proiectul de design web cu această perspectivă și veți înțelege clar aspectul și modul de proiectare a fiecărei pagini.

  1. Adăugați o grilă la Photoshop și selectați tipografia dvs.

Acum, puteți lansa Photoshop. Dar înainte de a începe să proiectați orice, aveți nevoie de o grilă adecvată, pentru a începe. Oricât de bun sunteți cu software-ul de proiectare a paginii web, nu folosiți o grilă va ajunge într-un mod sau alt mod de proiectare a unei pagini web, într-un fel sau altul. O grilă vă ajută să structurați aspectul paginii în diferite secțiuni și vă ghidează de-a lungul diferitelor cerințe privind dimensiunea ecranului. Mai important, ajută la crearea unei machete responsive de proiectare a paginilor web și la realizarea unui design consecvent în ceea ce privește distanțarea și alte elemente.

Odată setată o grilă de proiectare a paginii web, este timpul să intrați în caractere tipografice și culori. Acest lucru poate dura ceva, dar este, de asemenea, o fază interesantă a unui proiect de proiectare a paginilor web. Ca regulă generală, cel mai bine este să nu folosiți mai mult de două caractere tipografice într-un aspect al site-ului. Cu toate acestea, acest lucru poate varia în funcție de diferite proiecte de proiectare a paginilor web; ai putea să te lipești de unul sau să mergi sălbatic cu mai multe tipografii. Indiferent de ce, mergeți pentru un font ușor de citit, chiar dacă există mult text de citit. Fii mai creativ cu apelul la acțiuni și titluri și alege fonturi mari. De asemenea, mențineți consecvența pe întregul site web în ceea ce privește tipografia.

  1. Culori și aspect

Modelele de pagini web pot înnebuni atunci când aleg culorile pentru un site web, dar cel mai bine este să folosiți un set limitat de tonuri și culori, deoarece prea mult din orice poate fi rău. Ați putea privi culorile chiar la etapa alegerii tipografiilor. Explorați ce culori să utilizați în UI, text și fundal. Utilizați tonuri și culori setate limitate pentru interfața generală de utilizator. Aplicați culorile în mod constant pe interfața de utilizator, pe baza funcționalității elementului. Nu uitați doar la aspectul site-urilor web populare precum Vimeo, Quora și Facebook. Pe lângă interfața de utilizator, nu trebuie să existe nicio restricție de culoare pentru detaliile sau ilustrațiile grafice, cu condiția să nu interfereze cu celelalte componente sau funcționalități ale site-ului.

În ceea ce privește aspectul de proiectare a paginilor web, cea mai bună regulă de urmat este „cu cât este mai simplă cu atât mai bine”. Fiecare secțiune trebuie să fie esențială pentru site, având un motiv și un beneficiu pentru rezultatul final al vizitatorului. Aspectul trebuie să poată evidenția cele mai importante conținuturi și elemente. Mențineți numărul de apeluri de pe o pagină la minimum, astfel încât întregii site-uri web să funcționeze pentru a oferi valoare vizitatorului. O modalitate bună de a vă asigura cea mai simplă dispunere este să începeți cu cea mai de bază posibilă și să adăugați doar elemente acolo unde este necesar.

  1. Gandeste diferit

În acest moment, ați avea o idee despre elemente care sunt considerate esențiale pentru site-urile web, dar nu vă fie frică să regândiți convențiile actuale. Gândiți-vă la elementele considerate importante acum. De exemplu, aveți nevoie de un buton de căutare? Ar putea ajuta în unele cazuri, dar este redundantă în majoritatea cazurilor. Convențiile de dispunere a proiectării paginii web și modelele de dispunere a paginii web sunt prezente deoarece funcționează în unele cazuri. Cu toate acestea, este posibil să nu funcționeze în toate cazurile și pot fi depășite. Regândiți tiparele stabilite pe o componentă și gândiți-vă cum le puteți îmbunătăți.

Sursa imaginii: pixabay.com

Nu vă limitați să vă gândiți la standarde sau convenții din industrie. De asemenea, trebuie să vă regândiți propriile obiceiuri și modele de dispunere a paginii web. Inovația nu vine întotdeauna prin provocarea convențiilor exterioare; de asemenea, poate proveni din provocarea cu fiecare proiect. Nu vă limitați la doar unul sau câteva moduri de lucru. Exemple de diferite provocări pot include un nou sistem de grilă, noi componente sau evitarea doar a anumitor culori și tipografii.

Cursuri recomandate

  • Pregătire profesională gratuită Python
  • Curs de testare software gratuit
  • Pregătirea certificării în Java gratuit
  • Cursuri PERL

  1. Concentrați-vă pe detalii

Fiecare proiectant de pagini web în valoare de sare ar sublinia acest punct, și pentru un motiv întemeiat. După cum se spune, „Dumnezeu este în detalii”. Cele mai mici detalii dintr-un site web sau pagină web ar putea face o diferență uriașă asupra utilizabilității pentru utilizator.

Ceva la fel de simplu ca o interacțiune mică, atingere estetică sau animație ar putea îmbunătăți întregul site web. Dar aceste detalii sunt esențiale și vor veni în mod natural, pe măsură ce vei câștiga mai multă experiență. Concentrați-vă pe excelența fiecărei componente și toate se vor uni pentru a forma un produs complet excelent. Fiecare componentă trebuie să fie proiectată ca și cum ar putea fi cea mai bună componentă proprie. Mulți designeri lasă părți din site-urile lor pentru sfârșit și nu au prea multă atenție pentru ei.

  1. Păstrați lucrurile ascuțite și ordonate

Păstrează toate imaginile și conținutul de pe site-ul tău, setând contrastul corect între culorile de fundal / fundal și loviturile. În afară de estetică, trebuie să evitați și alte lucruri comune pentru un site web curat și clar. Unele dintre lucrurile de evitat atunci când vă clarificați ieșirea includ margini încețoșate, bandă de gradient, opțiuni de redare a fontului, precum și lovituri care se îmbină prost cu fundalul.

Acestea sunt doar câteva dintre exemple simple de proiectare a paginilor web pentru care trebuie să te uiți. Continuați să priviți aspectul designului paginii dvs. web în întregime și vedeți dacă totul funcționează bine împreună. Analizați apoi fiecare componentă separat și mai atent.

Când proiectați cu Photoshop, păstrați-vă fișierele PSD curate, indiferent de cât de mare devine proiectul și de numărul de designeri care lucrează la proiect. Fișierele mai curate facilitează exportul diferitelor secțiuni și facilitează procesul de proiectare a paginii web mai rapid, precum și lucrează cu alți designeri folosind fișiere partajate.

  1. Pregătește-te pentru cele mai rele și rămâne concentrat

Proiectanții de pagini web au rolul de a rezolva problemele prin diferite constrângeri. În ceea ce privește proiectarea paginilor web, constrângerile pot fi tehnice, legate de conținut sau conceptuale. Când începeți și lucrați la un proiect, nu vă gândiți doar la cel mai ideal scenariu, ci și la cel mai rău caz. De exemplu, utilizatorul poate încerca să acceseze site-ul web pe un ecran de patru inci care rulează un sistem de operare care are mai mult de două actualizări vechi. Rețineți cum va funcționa aspectul site-ului dvs. în diferite dimensiuni de ecran, dispozitive și sisteme de operare.

Atunci când vă apropiați de un site web, trebuie să-l proiectați pentru ca pagina să fie cea mai bună situație chiar și în cel mai rău caz. Ca designer de pagini web, trebuie să vă obsedați și de proiect. Fiecare proiectant bun se cufunde în sine în fiecare proiect. Faceți site-ul dvs. web o parte din viața dvs. și veți ajunge să îl vedeți cu mai multă claritate. Puteți apoi să identificați defectele și problemele și, eventual, să le schimbați. Pe măsură ce proiectul dvs. se maturizează, la fel veți face și ca designer de pagini web. Până la sfârșitul acestuia, veți învăța mult mai multe proiecte decât ați face dacă ați rămâne deconectat de la acesta. Mai mult, producția finală va fi mult mai bună. Dacă vă turnați transpirația și sângele în fiecare proiect, cu siguranță va arăta tuturor.

  1. Stabiliți o relație bună cu clientul și dezvoltatorul

Dacă intenționați să fiți un designer de pagini web profesioniste, va trebui să vedeți și să faceți față cu o mulțime de clienți și dezvoltatori web. Să începem cu clienții, deoarece clienții vin întotdeauna pe primul loc.

Când propuneți un design sau concept interactiv al unei pagini web, trebuie să mențineți comunicări deschise cu clientul dvs., astfel încât amândoi să vă aflați pe aceeași pagină. Nu rămâneți cu un concept mult timp; împărtășește-l cu clientul cât de curând poți. Odată ce un concept inițial este aprobat, veți avea o idee mai bună despre ce dorește clientul dvs. și vă aliniați mai aproape de proiect. Dacă conceptul nu este aprobat, puteți să adunați cât mai multe feedback-uri doriți de la client pentru a obține un concept mai adecvat în tabel. În orice caz, nu așteptați până când faceți un concept detaliat.

După ce conceptul tău este gata și vei lucra la proiect, trebuie să dezvolți un raport bun cu echipa ta de dezvoltatori. Dezvoltatorii nu sunt doar programatori; sunt și creativi și sunt la fel de pasionați de munca pe care o au designerii de pagini web. Cu toate acestea, de multe ori nu sunt incluse în proiect și intră în proiect doar după ce s-a decis conceptul și nu mai sunt necesare contribuțiile lor creative. Din păcate, acest proces este greșit. Uneori, cele mai bune idei de dispunere a paginii web vin din surse cel mai puțin probabil. Nu reduceți creativitatea echipei de dezvoltatori. Aduceți-le în procesul de conceptualizare la început și faceți-le parte din proiect încă de la început. Împărtășește-ți conceptele de dispunere a designului paginii web cu dezvoltatorii și implică-le pentru idei mai bune și, în cele din urmă, o mai bună codificare și execuție de la sfârșitul lor.

  1. O prezentare este importantă și este posibil ca unele idei să nu fie

Cu toate că este cu siguranță important să creăm un site web excelent și să producem un proiect minunat, este important să îl prezentăm bine și unui client. Chiar și cel mai bun aspect de proiectare a paginilor web din lume poate fi ignorat sau urât în ​​întregime dacă nu sunt prezentate bine. Amintiți-vă că conceptele și ideile de dispunere a paginii web utilizate pentru un proiect pot fi clare pentru întreaga echipă, dar acestea nu pot fi la fel de clare pentru clientul dvs. sau pentru cineva care a devenit parte a proiectului într-o etapă ulterioară.

La o notă similară, ar trebui să vă amintiți, de asemenea, să nu vă atașați prea mult de toate ideile de proiectare a paginilor web și de conceptele de aspecte de design pentru pagina web. Creează-ți un argument puternic pentru fiecare dintre ei, dar nu uita să-ți retragi dacă echipa sau clientul nu sunt de acord cu ei. Amintiți-vă că preferințele pot fi subiective; ceea ce funcționează bine pentru dvs. este posibil să nu funcționeze deloc pentru client sau dezvoltator. În calitate de proiectant de pagini web, trebuie să aveți o opinie fermă despre ideile dvs., dar trebuie să fiți suficient de flexibili pentru a schimba rapid conceptele și ideile, dacă nu sunt convenite de alții.

  1. Urmăriți și monitorizați progresul în fiecare etapă și prezentați-le comunității

Oricine lucrează într-o agenție ar cunoaște lupta de a lucra la proiectarea paginii web a unui nou proiect în timp ce precedentul lor este dezvoltat sau doar terminat. Spre deosebire de ceea ce ar putea crede oamenii, munca unui designer nu se încheie doar prin trimiterea fișierelor PSD și a foii de stil. Dacă sunteți investit pe deplin într-un proiect, trebuie să verificați și dezvoltatorii pentru a vedea dacă proiectarea paginii dvs. web și ideile de interacțiune sunt executate așa cum le-ați planificat și să le ajutați la nevoie, pentru a vă asigura că fiecare detaliu funcționează corect. .

Puteți, de asemenea, să vă împărtășiți munca în curs de componente și fișe de stil cu comunitatea de designeri. Uneori, cele mai bune părți ale unui proiect sunt lăsate în afara sau pierdute în folderul de arhivă. Odată ce proiectul va fi finalizat și aprobat de către client pentru a fi promovat, puteți crea un studiu de caz cu lucrările în curs și proiectele și componentele paginii web din stânga. Acesta poate fi un atu imens pentru comunitate și puteți învăța multe din feedback.

Articole similare:-

Acesta a fost un ghid, sfaturi pentru aspectul de proiectare a paginilor Web, care sunt ușor de reținut. Aici, în acest post, am studiat despre Pașii pentru a crea un design perfect al paginii web. Iată câteva articole care vă vor ajuta să obțineți mai multe detalii despre aspectul de proiectare a paginilor web, așa că treceți doar prin link.

  1. Top 10 cele mai bune tendințe de design web pe care trebuie să le cunoașteți pentru 2016
  2. 10 noi caracteristici ale unui portofoliu de web designer eficient
  3. Lista celor mai bune 10 programe gratuite de proiectare a paginilor web (Ghid)

Categorie:

Instrumente de dezvoltare web