[Tutorial CSS]Out of the box

Locked
♠ℱreshXL♠™
Membru
Membru
Posts: 286
Joined: 8 years ago
Location: Bacau
Has thanked: 0
Been thanked: 0
Zodiac:
Age: 22
Contact:
Status: Offline

7 years ago

Nume Tutorial: Out of the box
Descriere: Griduri si wireframe
Download: -
Autor: e-learn.ro
Sursa (Link-ul oficial): Sitepoint.com
Propria parere: Scurt si la obiect
Tutorialul:
Trebuie sa cunosti regulile inainte sa le incalci"
Daca ai luat cursuri de tipografie sau layout vei sti ca gridul e unul din elementele esentiale in design. Totusi daca nu esti familiarizat cu acest concept iata o introducere:

Un grid ofera organizare.
Un grid poate sa reprezinte macheta layoutului. Gridurile bine concepute pot sa creeze un efect estetic placut si organizeaza continutul.

Un grid poate sa defineasca mai multa informatie.
Un layout bine organizat ofera constanta de la o pagina la alta si defineste ce tip de informatie este oferita in diferite momente.( de exemplu: o zona laterala poate oferi informatie secundara; informatia despre copyright si informati juridice etc pot fi plasate la finanlul paginii etc)

Un grid poate uni serii.
Daca ai un ghid planificat pentru plasarea logourilor, titlurilor, imaginilor si/sau a textului in orice domeniu (carti de vizita, reclame, layout-uri pentru pagini web) iti va fi mai usor sa "legi" toate elementele. Deci gridul poate fi un element foarte important pentru un brand.

Pentru web-design, wireframes sunt folosite pentru a planifica un grid. Wireframe-ul este un ghid vizual de baza folosit pentru a sugera layout-ul si plasarea elementelor fundamentale de design din interfata.

Wireframe-urile sunt o modalitate foarte buna de a crea layout-ul site-ului fara sa te lovesti de detalii artistice. Ele permit sa te concentrezi pe plasarea continutului (navigarea, titluri, continut). Aceasta tehnica este practicata si in designul pentru imprimare. Daca site-ul are un layout multi-coloana (o zona de continut si una sau doua zone laterale) poti folosi elemente de structura (markup) (de obicei un tag div,desi asta poate varia in functie de continut) pentru a defini zonele respective, formatandu-le in coloane, randuri sau ce trebuie in functie de wireframe. Poti sa adopti aceeasi abordare pentru a formata antetul si zona de jos a paginii.
  • Image
  • Image


Image
Locked

Return to “CSS”