Cum să pregătiți un design al site-ului

Proiectarea unui site extraordinar pare a fi o provocare descurajantă, dar atâta timp cât țineți cont de principiile de dezvoltare, procesul va fi interesant și distractiv. Există mai mult pentru acest proces decât pentru a face site-ul să arate bine! Vă vom arăta elementele de bază și câteva îndrumări generale care vă vor ajuta să creați site-uri care să țină oamenii interesați.

conținut

Pași
Partea 1găsirea design-ului tău
Partea 2efectuarea considerentelor de proiectare de bază
Partea 3proiectare pentru dispozitive
Sfaturi
Avertismente

pași

Partea 1
Găsirea design-ului tău

Imagine intitulată Proiectați un site web Pasul 1

Proiectați-vă propriul site web. Dacă sunteți nou la codarea web și design, dar doriți cu adevărat să vă construiți un site web, există multe opțiuni disponibile pentru dvs. Puteți construi un site simplu prin învățarea html de bază și CSS. Doar știți că puteți face site-ul mai frumos și mai profesionist!

Imaginea intitulată Proiectați un site web Pasul 2

Utilizați un șablon de site. Puteți cumpăra unul sau puteți găsi un șablon gratuit pe site-ul web foarte ușor. Acestea sunt coduri gata făcute și pur și simplu utilizate și modificate pentru a se potrivi nevoilor dumneavoastră. Există mulți furnizori de încredere de șabloane de site-uri web, dar un mare furnizor este Wix.

Imaginea intitulată Proiectați un site web Pasul 3

Închiriați un web designer. Dacă doriți ceva personalizat și arăt profesional și să funcționeze perfect, probabil că este o idee bună să angajezi un designer de web. Deși acest lucru vă va costa cu siguranță bani, nu va fi la fel de scump cum pare. Ai un designer ieftin plasând un anunț într-o școală sau o universitate tehnică. Experiența designerului vă va ajuta să vă îndrumați către un site web mai profesionist, cu șanse mai mari de succes.

Partea 2
Efectuarea considerentelor de proiectare de bază

Imaginea intitulată Proiectați un site web Pasul 4

Optimizați-vă pagina. Vrei ca totul să fie cât mai rapid și mai ușor posibil. Minimizați numărul de opțiuni pe care trebuie să le facă vizitatorul, face navigarea extrem de explicită și ajută vizitatorii să ajungă acolo unde doresc cât mai repede posibil.

Imaginea intitulată Proiectați un site web Pasul 5

Exersați un design bun al interfeței. Poziționați diferitele elemente ale site-ului dvs., cum ar fi titlul, barele laterale, logo-urile, imaginile și textul, în același loc pe fiecare pagină, pentru a face pagina dvs. navigabilă și intuitivă.

Lăsați același antet în partea de sus a fiecărei pagini. Indiferent dacă conținutul site-ului are prea multe elemente repetate sau nu, asigurați-vă că partea de sus a paginii este identică pe fiecare pagină.
Utilizați logica în design. Elementele unei singure pagini ar trebui comandate logic în funcție de importanță sau subiect - diversele pagini de pe site ar trebui să facă același lucru.

Imaginea intitulată Proiectați un site Step 6

Creați un stil consistent. Deși aspectul ar trebui să ofere site-ului dvs. o consistență structurală, stilul ar trebui să-i dea o armonie tematică. Mențineți două sau trei culori principale și asigurați-vă că se potrivesc bine. Evitați utilizarea multor stiluri și dimensiuni diferite de fonturi - dacă intenționați să comutați între unele, asigurați-vă că le folosiți în același mod pe fiecare pagină.

Utilizați foi de stil cascadă (CSS) pentru a gestiona stilul și pentru a ușura schimbarea elementelor din întregul site fără a trebui să faceți față fiecărei pagini individuale.

Imaginea intitulată Proiectați un site Pasul 7

Maximizați lectura. Pentru a face textul mai ușor de citit, împărțiți-l în secțiuni mai mici. Utilizați legendele și spațiile corespunzătoare pentru a separa fiecare secțiune. Utilizați fonturi în caractere aldine sau diferite, pentru a afișa ierarhia și importanța subiectelor.

Fiți atenți pe măsură ce vă ocupați de text. Nu lăsați fontul prea mic și măriți distanța pentru a face mai multe blocuri mai ușor de citit. Blocurile mai mari de text vor fi mai greu de citit-pauză aceste blocuri în paragrafe mai mici.

Imagine intitulată Proiectați un site Web Step 8

Asigurați-vă că site-ul dvs. este universal lizibil. Utilizați HTML standard și evitați etichetele, funcțiile și pluginurile care funcționează numai într-un anumit browser.

Deși cele mai multe browsere și computere de astăzi pot gestiona imagini complexe, totul va fi puțin mai bun dacă vă păstrați imaginile la o dimensiune mai bună și optimizate pentru web. Echilibrează dorința de calitate cu nevoia de viteză.

Imaginea intitulată Proiectați un site web Pasul 9

Testați-vă site-ul. Asigurați-vă că fiecare legătură funcționează așa cum ați așteptat și că imaginile apar corect.

S-ar putea să doriți să faceți niște teste de utilizare a utilizării, solicitând membrilor publicului țintă să testeze claritatea și ușurința utilizării design-ului dvs. și cerându-i să ofere feedback.

Partea 3
Proiectare pentru dispozitive

Imaginea intitulată Proiectați un site web Pasul 10

Țineți cont de navigarea pe mobile. Din ce în ce mai mult navigarea pe site se face prin dispozitive mobile în ultima vreme. Dacă doriți ca site-ul dvs. să atragă și să păstreze cât mai mulți oameni posibil, va trebui să vă proiectați site-ul astfel încât să fie extrem de utilizabil pe dispozitivele mobile. Cel mai bun lucru pe care trebuie să-l faceți este să aveți un site web separat pentru utilizatorii mobili, dar există și alte opțiuni.

Căutați exemple de site-uri mobile. Adesea prin plasarea unui "m". mai degrabă decât "" în adresa de internet a site-urilor majore va reveni versiunea mobilă a acelui site. Va trebui să faceți ceva similar.

Imaginea intitulată Proiectați un site web Pasul 11

Păstrați site-ul dvs. simplu. În general, designul dvs. ar trebui să fie simplu și simplu. Vremurile de site-uri cu tabele complexe și imagini clipite se încheie. Toți utilizatorii vor dori ceva ușor de folosit. Aceasta înseamnă un design simplu, cu minimul de coloane și minimul intrărilor de text necesare navigării pe site.

Imaginea intitulată Proiectați un site Web Step 12

Utilizați un design receptiv. Designul receptiv este o modalitate de a vă codifica site-ul, astfel încât, în loc să se potrivească cu o anumită dimensiune a ecranului, acesta se potrivește pe orice dimensiune a ecranului. Acest lucru este mult mai ușor de făcut prin stabilirea lățimilor coloanelor în procente, nu în pixeli, dar există și alte metode mai elegante.

Imaginea intitulată Proiectați un site Web 13

Evitați caracteristicile de proiectare care nu sunt acceptate de dispozitivele mobile. Multe dispozitive mobile nu pot afișa lucruri precum ferestrele pop-up, Flash, Java sau rame. Acest lucru este astfel încât, din nou, design-ul dvs. rămâne cât mai simplu posibil.

Imaginea intitulată Proiectați un site Web 14

Luați în considerare crearea unei aplicații. În anumite condiții, este mai ușor să creați o aplicație decât să aveți o versiune mobilă a site-ului dvs. Nu trebuie să aveți abilități de programare incredibile pentru a face acest lucru! La fel cum există și furnizori de șabloane de site, există și companii care pot crea aplicația de bază pentru dvs. Conduit Mobile este un serviciu bun de folosit.

sfaturi

Nu bombardați vizitatorul paginii cu o grafică drăguță și ingenioasă. animatii Flash, culori vii, fundaluri carouri și muzică care redă în mod automat atunci când o pagină se încarcă au fost distractiv de a experimenta în anii `90, dar astăzi va face vizitatorii fugă rulează. Alegeți fundaluri simple care contrastează cu culoarea textului pentru o mai bună citire.
Deși puteți face aspectul paginii pe baza viziunii proprii sau a lucrurilor pe care le-ați admirat pe alte site-uri web, este posibil să fie mai ușor să cumpărați un șablon gata.
Pentru a evita consumul de cerneală de la vizitatorii site-ului, utilizați o foaie de stil separată pentru a formata site-ul dvs. pentru imprimare.
- Dezactivați imaginile de fundal atunci când setați parametrii de imprimare.
- Utilizați un text negru pe fundal alb.
- Eliminați bara de meniu și imaginile inutile.
Pentru a include vizitatori cu deficiențe de vedere sau cu auz, puteți plasa subtitrări în videoclip, puteți transcrie sunetul și puteți include o notă despre accesibilitate. Deși tabelele pot fi o modalitate eficientă de organizare a informațiilor, vizitatorii cu deficiențe de vedere folosind un program de citire a ecranului pot să nu mai asculte textul din antetul coloanei.
Puteți utiliza întotdeauna CSS pentru a ajusta distanțele dintre paragrafe.

avertismente

Evitați plagiatul și respectați legile privind drepturile de autor. Nu adăugați imagini aleatorii de pe internet sau chiar elemente structurale fără permisiune. Orice ați pune pe site-ul dvs. trebuie să fie legal și etic.

Distribuiți pe rețelele sociale:

înrudit