Acest wikiHow vă învață cum să proiectați un site web lin, cu aspect profesional. Deși sunteți liber să decideți asupra designului site-ului dvs., există câteva lucruri importante de făcut și de evitat atunci când creați un site web.
Etapa
Partea 1 din 2: Crearea unui design de site
Pasul 1. Decideți dacă doriți să utilizați un creator de site-uri web
Construirea unui site web de la zero necesită o înțelegere detaliată a codului HTML, dar puteți crea un site folosind un serviciu gratuit de găzduire precum Weebly, Wix, WordPress sau Google Sites. Creatorii de site-uri web tind să fie mult mai ușori pentru designerii începători decât HTML.
- Dacă decideți să vă codificați singur, ar trebui să învățați codarea HTML și CSS.
- Dacă sunteți reticenți să dedicați timp și energie creării propriului site web, puteți angaja un designer de site-uri web. Serviciile de designer independenți variază foarte mult, unele se percep pe oră și altele pe proiect, cu o gamă totală de la milioane la zeci de milioane de rupii.
Pasul 2. Creați un sitemap
Înainte de a deschide creatorul site-ului, ar fi trebuit să determinați câte pagini sunt pe site, care este conținutul de pe fiecare pagină și aspectul general al paginilor importante, cum ar fi „Acasă” și „Despre”.
Vă va fi mai ușor să vizualizați paginile site-ului dvs. creând imagini aspre, nu doar umbre
Pasul 3. Folosiți un design intuitiv
Deși ideile noi sunt de obicei interesante, proiectele de bază ar trebui să respecte aceste linii directoare generale:
- Opțiunile de navigare (de exemplu, mai multe file pentru diferite pagini) trebuie plasate în partea de sus a paginii.
- Dacă utilizați pictograma meniu (☰), aceasta ar trebui să fie în colțul din stânga sus al paginii.
- Dacă utilizați bara de căutare, plasați-o lângă partea din dreapta sus a paginii.
- Linkurile utile (de exemplu, linkurile către paginile „Despre” sau „Contactați-ne”) ar trebui să fie în partea de jos a paginii.
Pasul 4. Fii consecvent
Indiferent de textul, paleta de culori, tema imaginii și designul pe care îl alegeți, asigurați-vă că aplicați aceleași decizii pe întregul site. Utilizatorii vor fi surprinși să vadă că fontul și schema de culori din pagina „Despre” sunt foarte diferite de cele utilizate pentru pagina de pornire.
- De exemplu, dacă utilizați o culoare moale pentru pagina dvs. de pornire, nu utilizați o culoare strălucitoare pe pagina următoare.
- Rețineți că utilizarea culorilor strălucitoare sau care se ciocnesc, în special culorile afișate dinamic (sau în mișcare), pot declanșa convulsii sau crize epileptice la o minoritate de utilizatori. Dacă decideți să utilizați o astfel de culoare, asigurați-vă că includeți un avertisment „risc de confiscare” înainte de pagina în cauză.
Pasul 5. Adăugați opțiuni de navigare
Plasarea de legături directe către pagini importante deasupra paginii de pornire îi va ajuta pe noii vizitatori la conținutul care le contează. Majoritatea creatorilor de site-uri web adaugă acest link ca implicit.
Este important să vă asigurați că toate paginile site-ului pot fi accesate făcând clic pe o opțiune din site, în loc să fie accesate doar prin adresa paginii
Pasul 6. Folosiți culorile potrivite
La fel ca toate tipurile de design, designul site-urilor web se bazează și pe combinații de culori plăcute. Prin urmare, alegerea unei culori tematice potrivite este foarte importantă.
Dacă sunteți confuz, începeți cu negru, alb și gri
Pasul 7. Luați în considerare un design minimalist
Conceptul minimalist încurajează utilizarea de tonuri reci, grafică simplă, pagini de text negre pe fundal alb și cât mai puțină înfrumusețare posibilă. Deoarece un design minimalist necesită foarte puține elemente, este o opțiune ușoară pentru a face site-ul dvs. să pară profesional și atractiv fără prea mult efort.
- Majoritatea creatorilor de site-uri web oferă o temă „minimalistă” din care puteți alege atunci când creați un site web.
- Alternativa minimalistă este „brutalismul”, care folosește cuvinte mai dure, culori strălucitoare, text îndrăzneț și grafică minimă. Există mult mai puțini utilizatori de modele brutaliste decât minimaliste, dar dacă conținutul este adecvat, acest design poate fi o alegere bună.
Pasul 8. Aplicați opțiuni unice
Elementele de rețea și linia dreaptă sunt alegeri sigure, dar unele stiluri unice vor adăuga o notă personală și vor diferenția site-ul dvs. de restul.
- Nu vă fie frică să refuzați tendința plasând elemente asimetrice ale site-ului sau folosind elemente stivuite pentru a crea un aspect stratificat.
- Deși elementele pătrate elegante, cu muchii ascuțite (cunoscute sub numele de prezentare bazată pe carduri) sunt mai puțin de dorit decât elementele moi rotunjite.
Partea 2 din 2: Maximizarea performanței site-ului
Pasul 1. Profitați de opțiunile de optimizare a mașinii
Browserele mobile aduc mai mult trafic decât browserele desktop. Aceasta înseamnă că atenția acordată versiunii pentru mobil ar trebui să fie cel puțin aceeași cu dezvoltarea site-ului desktop. Majoritatea site-urilor de creatori auto au realizat deja o versiune auto, dar rețineți următoarele informații pentru site-urile mobile:
- Asigurați-vă că butoanele (de exemplu, sitelinkurile) sunt mari și ușor de atins.
- Evitați funcțiile care nu pot fi văzute pe dispozitivele mobile (de exemplu, Flash, Java etc.).
- Luați în considerare crearea unei aplicații auto pentru site-ul dvs.
Pasul 2. Nu includeți prea multe fotografii pe pagină
Browserele desktop și mobile au uneori probleme la încărcarea paginilor cu multe fotografii sau videoclipuri. În timp ce imaginile sunt foarte importante în proiectarea web, cantități excesive de suport pe pagină pot prelungi timpul de încărcare și acest lucru îi descurajează pe utilizatori să viziteze acele pagini.
În general, o încărcare a paginii ar trebui să dureze mai puțin de patru secunde
Pasul 3. Adăugați o pagină „Contact”
Este posibil să observați că majoritatea site-urilor oferă o pagină „Contactați-ne” care conține informații de contact (cum ar fi numărul de telefon și adresa de e-mail). De fapt, unele site-uri oferă un formular de solicitare automată pe această pagină. Pagina „Contact” este o linie directă de comunicare între vizitatorii site-ului și dvs., ceea ce înseamnă că este, de asemenea, o soluție la întrebarea sau frustrarea vizitatorilor.
Pasul 4. Creați o pagină personalizată 404
Când un vizitator ajunge la o anumită pagină care nu a fost creată sau nu există, va apărea o pagină „Eroare 404”. Majoritatea browserelor oferă o pagină 404 încorporată, dar puteți personaliza modul în care arată din setările creatorului site-ului web. Dacă doriți să creați o pagină personalizată 404, introduceți următoarele detalii:
- Mesaje de eroare amuzante și distractive (de exemplu, „Felicitări, ați aterizat pe o pagină de eroare!”)
- Link înapoi la pagina de pornire
- Lista linkurilor pe care vizitatorii le văd de obicei
- Imaginea sau sigla site-ului dvs.
Pasul 5. Intrați în bara de căutare, dacă este posibil
Dacă metoda de creare a site-ului web pe care o utilizați acceptă adăugarea unei bare de căutare, vă recomandăm să o adăugați. Astfel, utilizatorii pot găsi pagina sau conținutul pe care îl caută, fără a fi nevoie să facă clic pe toate opțiunile de navigare.
Bara de căutare este, de asemenea, foarte utilă atunci când vizitatorii doresc să caute termeni obișnuiți, fără a intra în pagini aleatorii
Pasul 6. Acordați mai multă atenție paginii de pornire
Când vizitatorii accesează pagina de pornire, ar fi trebuit să aibă esența temei site-ului dvs. În plus, toate elementele paginii de pornire ar trebui să se încarce rapid, inclusiv opțiunile de navigare și imaginile. Pagina de pornire ar trebui să furnizeze, de asemenea, următoarele aspecte:
- Apel la acțiune (de exemplu, un buton pentru a face clic sau un formular pentru a completa)
- Bara de instrumente sau meniul de navigare
- Grafică invitantă (cum ar fi o fotografie solidă, un videoclip sau mai multe fotografii cu text complementar)
- Cuvinte cheie legate de serviciul, subiectul sau obiectivul site-ului dvs.
Pasul 7. Testați-vă site-ul pe diferite browsere și platforme
Acest lucru este foarte important, deoarece browserele procesează aspecte ale unui site web în moduri diferite. Înainte de a vă promova site-ul, încercați să deschideți și să utilizați site-ul dvs. în următoarele browsere de pe platformele Windows, Mac, iPhone și Android:
- Google Chrome
- Firefox
- Safari (numai pentru iPhone și Mac)
- Microsoft Edge și Internet Explorer (numai pentru Windows)
- Browserul implicit al unor telefoane Android (Samsung Galaxy, Google Nexus etc.)
Pasul 8. Păstrați site-ul actualizat
Tendințele de proiectare, linkurile, fotografiile, conceptele și cuvintele cheie se schimbă întotdeauna. Deci, și tu trebuie să faci întotdeauna modificări pentru a ține pasul cu vremurile. Ar trebui să verificați performanța site-ului dvs. și să o comparați cu site-uri similare cel puțin o dată la trei luni (de preferință mai des).
sfaturi
- Accesibilitatea este, de asemenea, un aspect la fel de important în dezvoltarea site-ului web. Accesibilitatea include descrieri pentru vizitatorii cu deficiențe de auz, descrieri audio pentru vizitatorii cu deficiențe de vedere și alerte de fotosensibilitate dacă site-ul dvs. utilizează efecte potențial inducătoare de convulsii.
- Majoritatea creatorilor de site-uri web furnizează șabloane pe care le puteți utiliza pentru a determina aspectul și designul înainte de a adăuga elementele dorite.
Avertizare
- Majoritatea site-urilor creatorilor sunt gratuite, dar dacă doriți să utilizați propriul domeniu (cum ar fi „www.numelevostru.ro” în loc de „www.numelevostru.wordpress.com”), va trebui să plătiți o taxă lunară sau anuală.
- Evitați plagiatul și aflați toate legile drepturilor de autor. Nu includeți imagini aleatorii de pe internet sau elemente structurale fără permisiune.
