Og det er hvad vi har fået...
Dette vil dog ikke give os nok dybde. Vi ønsker at gøre dette rektangel endnu mere synligt buet, da det ikke rører overfladen jævnt, men at tilføje mere skygge ved hjælp af lagstilene, eller at gøre skyggen stærkere vil ikke give os den ønskede effekt. Brug denne vandret skillevæg tilbudt af dezinpolio.com og føj det til midten af din form, så det vil "falme" mod hjørnerne, som vist nedenfor:
Husk nu, at vi nævnte de fede bogstaver? Web 2.0 gør en god brug af skrifttyper, helst meget lette at læse, lidt tegneserieagtige og fed. Vi havde svært ved at vælge en passende skrifttype og besluttede at gå med "Cooper Std".
Vi gør for at tilføje en meget mild skygge (#5674a7) og lysgradient fra hvid øverst (#ffffff) til lyseblå (#cdd9de) ...
Dette vil give os et meget sødt babydesign.
Web 2.0 er også omkring en god andel, og mens designs er særligt asymmetriske, er andre så at sige tvangssymmetriske. Jeg foretrækker den anden type, da det kræver mindre originalitet og smag at skabe, alt hvad du behøver er en følelse af proportioner. Lad os sige, at vi tilføjer et par knapper nederst og i sidehjørnet af vores design...
Ser det godt ud?
Nej, det gør det ikke, fordi fanerne ser alt for kaotiske ud, så vi vil sørge for, at linjen på venstre sidefane "møder" linjen på den nederste fane, sådan her...
Nu ser det proportionalt ud.
Hvis du undrer dig over, hvorfor vi gik glip af et trin, er lagstilene til faner næsten identiske med dem, vi brugte til hovedrektanglet, og det samme gælder for skrifttypen og lagstilene til "fanerne". Til læringsformål kan du downloade PSD-filen og analysere processen. Husk, at alle disse semi-synlige gradienter og 1px-konturer ofte er det, der gør forskellen mellem fantastisk webdesign og amature forsøg på at designe. Held og lykke!
[…] Marie skrev et interessant indlæg i dag omHer er et hurtigt uddrag.Der er så mange tutorials og guider online, der lærer dig, hvordan du gør effektiv brug af web 2.0-designet. Selvom de fleste af disse tutorials er nyttige, dræber de samtidig originaliteten i webdesign. For eksempel, de fleste "guider" … […]
[…] Jacob Cass skrev et interessant indlæg i dag om Her er et hurtigt uddrag. Der er så mange tutorials og guider online, der lærer dig, hvordan du gør effektiv brug af web 2.0-designet. Selvom de fleste af disse tutorials er nyttige, dræber de samtidig originaliteten i webdesign. For eksempel, de fleste "guider" … […]
Rigtig godt arbejde. Jeg fandt en masse dyb information, som kan hjælpe mig med at komme videre.
Interessant tutorial. Mit spørgsmål er: Hvad gør denne "Web 2.0"? Web 2.0 har intet (eller lidt at gøre) med udseendet af et websted. Det du taler om her er design eller blot udseendet af et websted. Det er det. Flickr.com er et web 2.0-websted, og bruger virkelig ingen af disse principper. Facebook er også meget simpelt, bruger ikke skygger, afrundede hjørner eller "lidt tegneserieagtige og fede" skrifttyper, men er alligevel et web 2.0-websted. Også Wikipedia.... etc…
Web 2.0 handler om, hvordan brugere interagerer med webstedet, og hvordan webstedet interagerer med dem.
Et godt bud på web 2.0-design.
fin tutorial...
Jeg vil gerne spørge,
hvordan ved du, om det er et 2.0-design eller ej?
undskyld jeg er bare nybegynder
[…] De mennesker fra pswish.com havde en lige dør, men de lavede det nu officielt: Web 2.0 er en risiko for identitet af websteder. Oprindeligt artikel […]
[…] Se selvstudie […]
God artikel, tak 🙂
Også hvis du leder efter nogle gode gratis skrifttyper http://www.fonts2u.com
Hej! interessant stykke design 🙂 men linket virker ikke 🙁 kan jeg få denne psd-fil andre steder? tak