Cum se creează un design de site: 14 pași (cu ilustrații)

Crearea unui mare site poate părea o sarcină imposibilă, dar dacă nu uitați de principiile de bază, procesul va părea interesant pentru dvs. interesant și distractiv. Un site bun nu ar trebui să arate doar decent! Vă vom spune principiile de bază și principiile de bază care vă vor ajuta să creați site-uri la care vizitatorii vor dori să se întoarcă din nou și din nou.

Pași

Partea 1 din 3:

Ne găsim propriul design

unu. Creați-vă propriul site web. Dacă sunteți un novice în codul de scriere și designul web, dar într-adevăr doriți să vă creați propriul dvs. site-ul dvs. dvs., aveți multe opțiuni. Site-ul simplu poate fi scris în mod independent, după ce a învățat Aza HTML și CSS. Doar credeți că rezultatul muncii dvs. poate arăta frumos și profesional!

Imagine intitulată Design Un site Web Pasul 2

2. Utilizați șablonul gata. Puteți cumpăra sau găsi șabloane de site-uri gratuite online gratuite. Acesta este deja codul scris că puteți folosi sau adapta pur și simplu nevoilor dvs. Există destul de mulți dezvoltatori dovediți de șabloane de înaltă calitate, unul dintre ele este Wix.

Imagine intitulată Design Un site Web Pasul 3

3. Închiriați un designer web. Dacă aveți nevoie de un site profesional și un site de lucru fără probleme - poate opțiunea optimă va angaja un designer web. Acest lucru, desigur, va necesita anumite costuri, dar nu atât de mari, după cum credeți. Puteți găsi un designer Novice plasând un anunț în Universitatea Tehnică Locală. Experiența lor vă va ajuta să creați un site web mai de succes și mai profesionist.

Partea 2 din 3:

Ne gândim la principalele idei de design

unu. Nu ambreiați site-ul. Este de dorit ca totul să funcționeze cât mai repede posibil și fără probleme. Două numărul de elemente de meniu la un minim, făcând navigarea site-ului simplu și ușor de înțeles, ajutând vizitatorul site-ului .

Imagine intitulată Design Un site web Pasul 5

2. Utilizați o interfață prietenoasă cu utilizatorul. Care prezintă elemente de site, cum ar fi titlul site-ului, logo-ul, butoanele, elementele grafice și textul pe același loc pe fiecare pagină, veți simplifica semnificativ navigarea pe site.

Plasați antetul site-ului în partea de sus a fiecărei pagini. Indiferent cât de multe elemente repetitive conțin site-ul dvs., asigurați-vă că partea superioară a site-ului este identică pe toate paginile.

Designul ar trebui să fie logic. Elementele de pe fiecare pagină individuală ar trebui să fie localizate logic, în importanță descendentă, toate paginile ar trebui să fie structurate în mod similar.

Imagine intitulată Design Un site Web Pasul 6

3. Lipiți împreună. Designul paginii web ar trebui să dea integritatea structurală a site-ului, iar designul său - armonie tematică. Țineți gama site-ului în două sau trei culori combinate. Evitați utilizarea fonturilor Toate dimensiunile și culorile. Dacă intenționați să utilizați diferite fonturi, stilul în care sunt utilizate ar trebui să fie identice pe fiecare pagină a site-ului.

Utilizați CSS pentru a formata site-ul și simplificați gestionarea elementelor site-ului, având jurnalizarea dvs. de la necesitatea de a schimba elementele de pe fiecare pagină separat.

Imagine intitulată Design Un site Web Pasul 7

4. Face site-ul cel mai lizibil. Pentru a face textul ușor de citit - spargeți-l în piese mici. Utilizați subtitrări și intervale pentru a separa părți ale textului unul de celălalt. Utilizați selecția fontului îndrăzneț sau mai mare pentru a sublinia structura și importanța textului.

Partajați formatarea textului. Nu fonturi prea mici și nu crește intervalul interzis pentru a face blocuri de text mari mai ușor de citit. Citirea textului lung este destul de greu, atât de bine să o rupeți în paragrafe.

Imagine intitulată Design Un site Web Pasul 8

cinci. Creați un site web în format universal. Utilizați standardul HTML standard și evitați utilizarea etichetelor, funcțiilor și plug-in-urilor care sunt acceptate numai de un anumit browser.

Deși majoritatea browserelor moderne se confruntă cu ușurință cu imagini complexe, site-ul va funcționa înghețat dacă optimizați imaginile pentru web și faceți-le mici. Echilibrați dorința dvs. de calitate și viteză.

Imagine intitulată Design Un site Web Pasul 9

6. Testați-vă site-ul web. Asigurați-vă că toate referințele sunt lucrătorii, iar imaginile sunt afișate corect.

Este recomandabil să cheltuiți un mic test "Yuzabilitate" (Facilități utilizator): Furnizați acces la site-ul către reprezentanții publicului dvs. țintă pentru a testa mai clar și ușurința de a utiliza designul site-ului și pentru a obține feedback de la participanții la test.

Partea 3 din 3:

Site-uri de proiectare pentru dispozitivele mobile

unu. Luați în considerare vizualizarea site-ului de la dispozitive mobile. În zilele noastre, accesul la internet este implementat din ce în ce mai mult de la dispozitive mobile. Dacă doriți să atrageți vizitatori pe site-ul dvs. și să le păstrați, trebuie să dezvoltați un site astfel încât să arate bine și a fost ușor de utilizat utilizând dispozitive mobile. Opțiunea optimă este de a crea un site separat în acest scop, dar există și alte modalități.

Verificați exemple de site-uri mobile. Adesea, introducerea scrisorii "M." in loc de "www" În adresa web a site-ului, veți obține versiunea mobilă a site-ului. Puteți face ceva similar.

Imagine intitulată Design Un site web 11

2. Nu faceți site-ul prea complicat. Designul site-ului dvs. ar trebui să fie simplu și în esență. Site-uri web cu o structură complexă și cu bannere clipind mult timp în trecut. Utilizatorii cu clic pe site-uri simple. Acest lucru înseamnă: design simplu, număr minim de coloane, text minim pe care trebuie să-l citiți pentru a găsi informațiile necesare pe site.

Imagine intitulată Design Un site web 12

3. Utilizare "Receptiv" Layout. Aspect receptiv - acest mod de codificare a unui site la care este ajustat pentru dimensiunea ecranului pe care este afișat (în loc de dimensiuni fixe). Pentru a realiza un astfel de efect, setul de lățime a coloanei în procente este cel mai des folosit și fără a le specifica în pixeli, dar există soluții mai sofisticate.

Imagine intitulată Design Un site web 13

4. Evitați funcțiile care nu sunt acceptate de dispozitivele mobile. Multe telefoane și tablete nu pot afișa ferestre pop-up, animație flash, java sau cadre. Acest lucru ne întoarce la principiul principal - face designul cât mai simplu posibil.

Imagine intitulată Design Un site web 14

cinci. Luați în considerare capacitatea de a crea o aplicație. În anumite circumstanțe, este posibil să fiți mai ușor să faceți o cerere decât o versiune mobilă a site-ului. Pentru a face acest lucru, nu trebuie să fii un programator super-duper! Ca și în cazul site-urilor, există multe companii care vor îndeplini toate lucrările pentru dvs. De exemplu, puteți utiliza serviciile conductelor mobile.

sfaturi

Astfel încât vizitatorii dvs. să nu cheltuiți cerneală de cerneală, utilizați un stil separat pentru un format tipărit

Dezactivați imaginile fundalului când specificați parametrii de imprimare.
Utilizați textul negru pe un fundal alb.
Îndepărtați meniurile și imaginile inutile

Puteți să vă dezvoltați întotdeauna propriul dvs. șablon de site-ul dvs. bazat pe propriile idei despre site, dar câteodată este mai ușor să cumpărați un model gata.

Nu anvelopați graficele ferme ale utilizatorilor.În anii `90, a fost la modă să experimentăm cu animație CClash, culori și fundaluri luminoase, instalați muzică imediat la încărcarea paginii, dar astăzi va sperie vizitatorii. Utilizați un fundal simplu, culoarea textului contrastant.

Puteți utiliza CSS (foi de stil încorporat), astfel încât trebuie să setați distanța dintre paragrafe.

Pentru vizitatorii cu vindecători slabi și viziune puteți utiliza video și audio cu titruri, indicând disponibilitatea acestora.Tabelele reprezintă o modalitate eficientă de a transfera informații, dar utilizatorii cu deficiențe de vedere care utilizează cititoare de ecran nu vor putea să asculte informații în secvența de coloană.

Cum se creează un design al site-ului

Pași

sfaturi

Avertizări