웹 2.0 사이트들은 디자인적인 측면에서 다음과 같은 공통점을 가지고 있다.
간단한 레이아웃
-사이트가 가진 모든 기능을 한 화면에 출력하는 것은 어리석은 짓이다. 사용자가 선택과 집중을 할 수 있도록 가장 중요한 기능을 돋보이게 하는 간단한 레이아웃
그라데이션 효과를 준 백그라운드 이미지
-지나치게 간단한 레이아웃은 자칫하면 성의없이 옷을 걸친 매너 빵점의 미팅 상대쯤으로 보일 수 있다. 하지만 그라데이션 효과를 준 백그라운드 이미지를 적절히 사용한다면 작지만 세련된 효과를 줄 수 있다.
크고 컬러풀한 아이콘
-여러가지 기능들을 작은 아이콘들로 빽빽하게 채우는 대신 주용한 기능을 크고 컬러풀한 아이콘으로 적절히 배치하라. 가끔 보이는 크고 컬러풀한 아이콘은 사용자로 하여금 선택과 집중을 할 수 있도록 만든다. 아이콘에 리플렉션(reflection)효과나 드롭새도(drop shadow) 효과를 사용한다면 좀 더 세련된 아이콘을 만들 수 있다. 물론 과도한 사용은 집중을 방해하므로 금지 사항.
큰 텍스트
-예전의 사이트들이 작은 텍스트를 선호했던 것에 비해 웹 2.0 사이트는 큰 텍스트를 적절히 사용하고 있다. 사용자를 설득시켜 참여하게 만들기 위해서는 사이트를 이용하는 기본 방법이나 사이트를 이용하야 얻을 수 있는 이익과 같은 중요한 내용을 큰 텍스트로 강조하는 것이 좋다.
부드럽고 약한 색감의 페이지 그라운드
-컬러풀한 아이콘이나 큰 텍스트가 돋보이게 하기 위해서는 강렬한 색감의 페이지 백그라운드보다는 부드럽고 약한 색감의 백그라운드를 사용해야 한다.
적절히 사용한 3D 아이콘
-중요한 기능을 평면적인 아이콘보다는 입체적인 3d 아이콘으로 구현하는 것은 좋은 선택이다. 대부분의 사이트들이 형이한 아이콘을 사용하기 때문에 3D 아이콘을 가끔씩 사용한다면 사용자의 시선을 끌 수 있을 것이다.
여백의 미
-페이지가 텍스트나 아이콘으로 가득 차 있는 구조는 옳지 않다. 사용자는 모든 텍스트틀 읽지 않으며 모든 아이콘을 눌러보지도 않는다. 오히려 중요한 기능을 놓쳐 사이츠 이용에 혼란스러움을 느길수 있다. 중요한 기능을 놓쳐 사이트 이용에 혼란스러움을 느낄수 있다. 중요한 기능을 쉽게 강조할 수 있도록 여백을 적절히 활용하는 것이 좋다.
크고 세련된 로고
-웹 2.0 사이트들은 크고 세련된 귀여운 로고를 하나같이 가지고 있다. 이 로고들은 단순한 레이아웃과 정갈한 디자인의 사이트에 활력을 주어 사이트의 밸런스를 유지하는 데 많은 도움을 준다.
모든 웹 2.0 사이트들이 소위 2.0 디자인의 특징을 모두 가지고 있지는 않지만 공교롭게도 대부분의 사이트들이 단순한 레이아웃 위에 세련되고 재치있는 디자인을 입히고 있다.
당신은 웹 2.0 개발자 입니까? 설마..;;;
Posted by gwlee
