Internetis on nii palju õpetusi ja juhendeid, mis õpetavad veebi 2.0 disaini tõhusalt kasutama. Kuigi enamik neist õpetustest on kasulikud, hävitavad need samal ajal veebidisaini originaalsuse. Näiteks enamik "juhendeid" ütleb teile, et web 2.0 puhul on tegemist läikiva märgi, triipudega tausta ja paksu kirjaga. Tulemus? Seal on lugematu arv sadu kujundusi, millel on märgid, triibud ja paksud suured tähed… ja need ei erine üksteisest. Pole vahet, kas teete web 2.0, web 1.0 või web 75.0 kujunduse, kõik taandub originaalsusele ja meeldejäävusele.

Kui aga oma disaini sümboliseerimiseks midagi eriti originaalset ei leia, on “turvalisem” minna kaasa veebidisaini praeguste trendidega. Siin on väga väike fragment veebidisaini paigutusest ja kuidas muuta tavaline paigutus Web 2.0 paigutuseks.

See on see, mis meil oli…

14.png

Ja seda me teemegi…

13.png

Töötame Photoshopis, kasutades ainult kihistiile; keskendudes kergetele gradientidele ja varjudele.

Alustuseks kasutage ümarate nurkadega ristkülikukujulist kuju ja joonistage… ristkülik.

1.jpg

Kõigepealt peame andma oma ristkülikule sügavust ja elu. Veeb 2.0 kujunduse põhimõtteid järgides annavad meile selle efekti ainult varjud, piirjooned ja heledad gradiendid. Nii et minge kihistiilide juurde ja jätke veidi kerget varju. Me kasutasime #96aed6 Selleks otstarbeks.

2.png

Kuju veidi sügavuse andmiseks (et see ei näeks välja nagu lame objekt), lisage mahe tumedama tooniga sisevarju (kasutasime #304f82 )

3.png

Lõpuks on oluline lisada väike ülevaade. Kasutame #FFFFFF valget värvi, kuna meie varjud mõlemalt poolt on tumedamad, tahame heledat ja poolnähtavat joont, mis kontuurib kuju.

4.png