Daar is soveel tutoriale en gidse aanlyn wat jou leer hoe om die web 2.0-ontwerp effektief te gebruik. Alhoewel die meeste van hierdie tutoriale nuttig is, maak dit terselfdertyd die oorspronklikheid in webontwerp dood. Byvoorbeeld, die meeste "gidse" vertel jou dat web 2.0 gaan oor 'n blink kenteken, strepe agtergrond en vet lettertipes. Resultaat? Daar is ontelbare honderde ontwerpe met kentekens, strepe en vet groot letters ... en hulle verskil nie van mekaar nie. Dit maak nie saak of jy 'n web 2.0-, web 1.0- of web 75.0-ontwerp maak nie, dit kom alles daarop neer dat dit oorspronklik en onvergeetlik is.

As jy egter nie regtig iets besonders oorspronkliks kan vind om jou ontwerp te simboliseer nie, is dit "veiliger" om te pas by die huidige tendense van webontwerp. Hier is dus 'n baie klein fragment van webontwerpuitleg, en hoe om 'n gewone uitleg in 'n web 2.0-uitleg te verander.

Dit is wat ons gehad het...

14.png

En dit is wat ons gaan doen...

13.png

Ons gaan in Photoshop werk en niks anders as laagstyle gebruik nie; fokus op ligte gradiënte en skaduwees.

Begin deur die Reghoekige vorm met afgeronde hoeke te gebruik en 'n ... reghoek te teken.

1.jpg

Banner

Wat ons eers moet doen, is om ons reghoek bietjie diepte en lewe te gee. Volgens die beginsels van web 2.0-ontwerp, sal slegs skaduwees, omlyning en liggradiënte vir ons hierdie effek gee. Gaan dus na laagstyle en laat 'n bietjie sagte skaduwee val. Ons het gebruik #96aed6 vir hierdie doel.

2.png

Om die vorm 'n bietjie diepte te gee (sodat dit nie soos 'n plat voorwerp sal lyk nie), voeg ligte binneskadu by, met donkerder toon (ons het gebruik #304f82 )

3.png

Laastens is dit belangrik om 'n bietjie uiteensetting by te voeg. Ons sal die #FFFFFF wit kleur gebruik, aangesien ons skaduwees van albei kante donkerder is, wil ons 'n ligte en semi-sigbare lyn hê wat die vorm sal kontoer.

4.png