Applikationsdesign i webbdesign?

webbdesign detaljer

Jag har gjort en liten observation genom månaderna som jag tycker träder fram mer och mer i webbdesign. Grafiska element som exempelvis menyer, knappar, boxar osv blir mer framträdande i designen och är mycket skarpare.

En god trend som jag själv börjat anamma på senaste tid och det har gett gott resultat. Jag har nämligen sett att den typ av design som vi ser i applikationer börjar dyka upp i webbdesigns. Det är svårt att förklara i text, därför tänkte jag göra enkla jämförelser med lite bilder från hemsidor och Windowsapplikationer.

Framträdande linjer

En enda pixels linje kan göra extremt mycket för din design. Om du kollar på följande bilder så ser du den ljusa 1 pixels-linjen längst upp. Denna lilla detalj markerar tydligt att det här är menyn slutar och nästa element börjar. Utan denna linje hade designen inte sett lika snygg ut och inte varit lika behaglig att titta på.

webbdesign detaljer

Denna teknik visste de som designade Windows Vista om. Samma sak ser du i FireFox tabbar, observera den ljusa linjen som ligger previs under den mörka. Denna effekt med två linjer gör ungefär samma sak som med en linje. Skillnaden är att tabbarna ligger på en ljus bakgrund vilket gör att en enda ljus pixel inte hade gett mycket effekt. Därför finns den mörka linjen, för att tillsammans med den ljusa tydligt markera att här slutar tabben och visa att den ligger PÅ bakgrunden, inte i.

webbdesign detaljer

Animationer

Mycket idag görs med animationer, speciellt jQuery. Dessa animationer är något som du återfinner i Apples senare operativsystem. Snygga övergångar och rörelser livar upp designen rejält och detta har webbdesigners idag lärt sig. Tack vare ramverk som jQuery kan webbdesigner skapa snygga interaktiva hemsidor med animationer för bildgallery, menysystem och även hela sidor som animerar snyggt vid övergångar när man går från en sida till en annan.

Återkommande trend

Jag vill tro att detta är något mer än bara en trend. När mobiler, hemsidor och applikationer kommer allt närmre varandra måste även designen göra det. En ny standard håller på att sättas och är redan igång inom webbdesign-communityn. Självklart ska du inte börja göra på detta sättet bara för att alla andra gör det. Men infogar du principen med framträdande linjer i din redan befintliga stil så kommer din design se mycket bättre ut, utan tvekan.