Aflați elementele de bază ale designului web

Elemente esențiale necesare pentru a crea site-uri mari

Când sunteți de gând să învețe web design, primul lucru pe care ar trebui să vă amintiți este că proiectarea site-uri web este foarte similar cu designul de imprimare. Elementele de bază sunt la fel. Trebuie să înțelegeți spațiul și aspectul, cum să vă ocupați de fonturi și culori și să le puneți împreună într-un mod care să vă ofere mesajul în mod eficient.

Să aruncăm o privire asupra elementelor cheie care intră în designul de învățare web. Aceasta este o resursă bună pentru începători, dar chiar și designerii experimentați pot să-și îmbunătățească anumite abilități cu acest sfat.

01 din 07

Elemente de design bun

filo / Getty Images

Designul bun al web-ului este la fel ca designul bun în general. Dacă înțelegeți ce face un design bun, veți putea să aplicați aceste reguli pe site-urile dvs. web.

Cele mai importante elemente ale designului web sunt navigarea bună, paginile concise și eficiente, legăturile de lucru și, cel mai important, buna gramatică și ortografie. Țineți minte aceste lucruri pe măsură ce adăugați culori și grafică, iar site-ul dvs. web va fi oprit pentru un început minunat. Mai Mult "

02 din 07

Cum să configurați o pagină Web

Mulți oameni cred că aspectul unei pagini web este designul și, în multe feluri, este. Aspectul este modul în care elementele sunt poziționate pe pagină, sunt fundația dvs. pentru imagini, text, navigație etc.

Mulți designeri aleg să facă planurile lor cu CSS . Poate fi folosit și pentru elemente precum fonturi, culori și alte stiluri personalizate. Acest lucru vă ajută să asigurați funcții coerente și ușor de gestionat pe întregul site web.

Cea mai bună parte a utilizării CSS este că atunci când trebuie să schimbați ceva, puteți să vă întoarceți la CSS și să se schimbe pe fiecare pagină. Este într-adevăr slick și învățarea de a folosi CSS poate ajunge până economisiți timp și destul de câteva hassles.

În lumea online de astăzi, este foarte important să se ia în considerare și un design web receptiv (RWD) . Obiectivul principal al RWD este de a schimba aspectul în funcție de lățimea dispozitivului care vizualizează pagina. Rețineți că vizitatorii dvs. o vor vedea pe desktop-uri, telefoane și tablete de toate mărimile, deci acest lucru este mai important ca niciodată. Mai Mult "

03 din 07

Fonturi și tipografie

Fonturile sunt modul în care textul dvs. arată într-o pagină Web. Acesta este un element vital deoarece majoritatea paginilor web includ cantități mari de text.

Când te gândești la design, trebuie să te gândești la felul în care textul arată pe un micro-nivel (ghilimele fontului, familia de fonturi etc.), precum și la nivel macro (poziționarea blocurilor de text și ajustarea dimensiunii și forma textului). Cu siguranță nu este la fel de simplu ca alegerea unui font și câteva sfaturi vă vor ajuta să începeți. Mai Mult "

04 din 07

Sistemul de culori al site-ului dvs. Web

Culoarea este peste tot. Ea ne îmbracă lumea și cum vedem lucrurile. Culoarea are semnificație dincolo de doar "roșu" sau "albastru", iar culoarea este un element important de design.

Dacă vă gândiți la asta, fiecare site are o schemă de culori. Se adaugă identitatea de brand a site-ului și se varsă în fiecare pagină, precum și alte materiale de marketing. Determinarea schemei dvs. de culori este un pas vital în orice proiect și ar trebui să fie luat în considerare cu atenție. Mai Mult "

05 din 07

Adăugarea de grafice și imagini

Grafica reprezintă partea distractivă a construirii paginilor web. După cum se spune, "o imagine are în valoare de 1.000 de cuvinte" și asta este valabil și în ceea ce privește designul web. Internetul este un mediu foarte vizual și fotografiile și grafica pot atrage atenția utilizatorilor.

Spre deosebire de text, motoarele de căutare au un timp dificil de a spune ce reprezintă o imagine, dacă nu le oferiți acele informații. Din acest motiv, designerii pot folosi atributele tag-ului IMG precum eticheta ALT pentru a include aceste detalii importante. Mai Mult "

06 din 07

Nu reduceți navigația

Navigarea este modul în care vizitatorii dvs. ajung în jur de la o pagină la alta. Oferă mișcări și oferă vizitatorilor șansa de a găsi alte elemente ale site-ului dvs.

Trebuie să vă asigurați că structura site-ului dvs. (arhitectura de informații) are sens. De asemenea, trebuie să fie extrem de ușor de găsit și citit, astfel încât vizitatorii să nu se bazeze pe funcția de căutare .

Scopul final este ca navigarea și link-urile inline să ajute vizitatorii să exploreze site-ul dvs. Cu cât le puteți păstra mai mult, cu atât veți avea mai multe șanse să le cumpărați ceea ce vând. Mai Mult "

07 din 07

Web Design Software

Majoritatea designerilor web preferă să lucreze în editorii WYSIWYG sau "Ce vezi tu este ceea ce primești". Acestea oferă o interfață vizuală a designului și vă permit să vă concentrați mai puțin asupra codării HTML .

Alegerea software-ului potrivit pentru web design poate fi o provocare. Mulți designeri preferă Adobe Dreamweaver, deoarece sunt ușor de folosit și includ aproape orice caracteristică de care vreți să aveți vreodată. Se întâmplă însă la un cost, dar există o încercare gratuită disponibilă.

Începătorii ar putea dori să se uite în editori web gratuit sau online . Acestea vă permit să dabble în designul de web și de a construi unele pagini uimitoare la puțin pentru nici un cost. Mai Mult "