Funktionen med rundade hörn

söndag den 28 september 2008 fem kommentarer

Sedan Steve Jobs ville ha rektanglar med rundade hörn återkommer elementet ofta vid design av användargränssnitt. Vi använder de ofta för att skapa lite ögongodis för användaren. Men egentligen handlar det om mer än bara ögongodis.

Design av användargränssnitt med rundade hörn

Till vänster i bilden ovan ser vi en box som är separerad med en vertikal linje. Boxen/Boxarna till höger kan ses som två boxar intill varandra, men även som en box separerad med en vertikal linje. Detta kan lätt skapa en oklarhet för användare när de försöker relatera innehåll på exempelvis en webbplats.

Fysiska objekt med skarpa hörn kan skada dig, och det ligger i din natur att undvika dem. Objekt med rundade hörn framstår som mindre hotfulla.

Rundade hörn är alltså inte bara ögongodis, de omsluter innehåll då de definierar en tydlig yttre gräns.

Vad tycker du om rundade hörn i användargränssnitt?


Jag hoppas du gillade inlägget!

Facebook Delicious RSS Du kan prenumerera på alla inlägg via RSS, e-post eller genom att följa mig på Bloggy.


Kommentarer

Gravatar

Mattias sa..

onsdag den 1 oktober 2008

Runda hörn är inte riktigt min grej. Men det är snyggt när man gör det rätt.

Gravatar

Erik Pettersson sa..

torsdag den 2 oktober 2008

Rundade hörn är det ett kraftfullt element om de används på rätt sätt, och i rätt sammanhang.

Ofta resulterar rundade hörn på webben i ologisk markup, men det finns idag ändå ganska bra och tillgängliga lösningar med CSS & JavaScript.

Gravatar

Magnus sa..

måndag den 6 oktober 2008

Tänkvärt inlägg, jag väntar på att

-moz-border-radius: 5px;
-webkit-border-radius: 5px;

tolkas av alla webbläsare, då blir det ingen problem med markupen eller javascript hackande.

Gravatar

C sa..

torsdag den 16 oktober 2008

Oj, det är sant. den kantiga känns mer farlig...

Gravatar

Emanuel sa..

lördag den 8 november 2008

Du kanske bör nämna att du hittade resources och ämnesval här: http://www.livelygrey.com/2008/06/rounded_corners. html

Annars skulle man ju kunna tro att du själv kom på det :)


RSS Lämna en kommentar du också!

Namn: *

E-postadress: (alternativ för att visa din Gravatar)

Webbplats: (självklart får du en länk utan nofollow)

Kommentar: * (ej HTML)