Det er så mange opplæringsprogrammer og guider på nettet som lærer deg hvordan du kan utnytte web 2.0-designet effektivt. Mens de fleste av disse opplæringene er nyttige, dreper de samtidig originaliteten i webdesign. De fleste «guider» forteller deg for eksempel at web 2.0 handler om å ha et glanset merke, striper i bakgrunnen og fet skrift. Resultat? Det er utallige hundrevis av design med merker, striper og dristige store bokstaver ... og de er ikke forskjellige fra hverandre. Det spiller ingen rolle om du lager et web 2.0-, web 1.0- eller web 75.0-design, alt kommer ned til å være originalt og minneverdig.

Men hvis du ikke finner noe spesielt originalt som symboliserer designet ditt, er det "tryggere" å følge de nåværende trendene innen webdesign. Så her er et veldig lite fragment av webdesign-layout, og hvordan du gjør en vanlig layout til en web 2.0-layout.

Dette er hva vi hadde…

14.png

Og det er dette vi skal gjøre...

13.png

Vi skal jobbe i Photoshop og ikke bruke annet enn lagstiler; med fokus på milde gradienter og skygger.

Start med å bruke den rektangulære formen med avrundede hjørner, og tegne et... rektangel.

1.jpg

banner

Det vi først må gjøre er å gi rektangelet litt dybde og liv. Etter prinsippene for web 2.0-design vil bare skygger, konturer og lysgradienter gi oss denne effekten. Så gå til lagstiler, og slipp litt mild skygge. Vi brukte #96aed6 for dette formål.

2.png

For å gi formen litt dybde (slik at den ikke ser ut som en flat gjenstand), legg til mild indre skygge, med mørkere tone (vi brukte #304f82 )

3.png

Til slutt er det viktig å legge til en liten oversikt. Vi vil bruke den hvite #FFFFFF-fargen, siden skyggene våre fra begge sider er mørkere, vil vi ha en lys og halvsynlig linje som vil konturere formen.

4.png