Există atât de multe tutoriale și ghiduri online care vă învață cum să utilizați eficient designul web 2.0. În timp ce majoritatea acestor tutoriale sunt utile, în același timp, ele distrug originalitatea în designul web. De exemplu, majoritatea „ghidurilor” vă spun că web 2.0 este despre a avea o insignă lucioasă, fundal cu dungi și fonturi îndrăznețe. Rezultat? Există nenumărate sute de modele cu insigne, dungi și litere mari îndrăznețe... și nu sunt diferite unul de celălalt. Nu contează dacă faci un design web 2.0, web 1.0 sau web 75.0, totul se rezumă la a fi original și memorabil.

Cu toate acestea, dacă nu găsești cu adevărat ceva deosebit de original care să simbolizeze designul tău, este „mai sigur” să mergi cu tendințele actuale ale designului web. Așadar, iată un fragment foarte mic de aspect al designului web și cum să transformați un aspect obișnuit într-un aspect web 2.0.

Asta am avut noi...

14.png

Și asta vom face...

13.png

Vom lucra în Photoshop, folosind doar stiluri de straturi; concentrându-se pe degrade și umbre ușoare.

Începeți prin a utiliza forma dreptunghiulară cu colțuri rotunjite și desenați un... dreptunghi.

1.jpg

stindard

Ceea ce trebuie să facem mai întâi este să dăm dreptunghiului nostru puțină profunzime și viață. Urmând principiile designului web 2.0, doar umbrele, contururile și gradienții de lumină ne vor oferi acest efect. Deci, accesați stilurile de straturi și aruncați o umbră ușoară. Noi am folosit #96aed6 în acest scop.

2.png

Pentru a da formei puțină profunzime (astfel încât să nu arate ca un obiect plat), adăugați umbră interioară blândă, cu un ton mai închis (am folosit #304f82 )

3.png

În cele din urmă, este important să adăugați o mică conturare. Vom folosi culoarea albă #FFFFFF, deoarece umbrele noastre de pe ambele părți sunt mai închise, dorim să avem o linie deschisă și semivizibilă care să contureze forma.

4.png