2006 웹디자인 트렌드

February 10th, 2006 by 라띠



Web design from scratch 에 게재된 요즘 유행하는 웹디자인 트렌드를 정리해봤다. 물론 미국 사이트 중심이기 때문에 우리나라 실정에는 100% 맞지 않을 수 있다.

먼저 최신 웹디자인 트렌드가 잘 반영된 사이트들의 예를 살펴 보자.

9Rules
9rules.com

www.31three.com

www.avalonstar.com

www.emaginacion.com.ar

www.iconbuffet.com

www.iomega.com


LinkedIn

www.mozilla.org

www.plaxo.com

www.sirruf.com

www.squarespace.com

www.wishingline.com

이 사이트들의 공통적인 특징을 보면…

심플한 레이아웃: 한두개의 칼럼으로만 이루어진 심플한 레이아웃이 많이 이용되고 있다.

3D효과 사용: 입체감이 느껴지는 엠보싱 효과, 부드러운 쉐도우, 거울에 비치는 듯한 반사효과 등이 빈번하게 사용되고 있다.

Reflection from Iomega.com Reflection from wishingline.com Fade from 31Three.com Reflection from sirruf.com 부드러운 중간톤의 배경 컬러: 흰색 혹은 회색톤이 주를 이룬다.강한 색상으로 시선 집중: 강조해야 할 중요한 부분에 자연스럽게 시선을 유도하기 위해, 부드러운 톤의 배경색과 대비되는 강한 컬러를 사용한다.

Strong colour from Iomega.com Strong colour from 31Three.com Strong colour from LinkedIn.com Strong colour from Patrickhaney.com

귀여운 아이콘 사용: 강한 색상의 사용과 마찬가지로 중요하게 시선을 집중시킬 필요가 있는 곳에만 제한적으로 사용한다. 지나치게 많은 예쁜 아이콘들은 오히려 시선을 분산시킨다.

Cute icon from Patrickhaney.com Cute icon from Patrickhaney.com Cute icon from Iconbuffet.com Cute icon from Plaxo.com

충분한 여백: 유저의 눈은 공간을 필요로 한다. 여백의 미는 그림에서만 중요한게 아니다.

White space on LinkedIn White space on Mozilla
큰 텍스트
: 단순히 가독성을 위해 모든 텍스트를 크게 하라는 것이 아니라,
중요한 문구를 다른 텍스트보다 크게 키워야 한다는 말이다. 이는 유저들이 더 빨리 사이트에 대해 인지할 수 있게 하기 위한 것이다.

————————————————————————————–

이전 포스트에서 소개한 웹 2.0 관련 사이트들도 대부분 이런 트렌드를 따라가고 있다.

좋은 물건을 고르는 안목이 필요하듯이, 웹디자이너가 아니더라도 좋은 웹디자인이 어떤 건지 조금은 알아두는 것이 좋다.

블로그 역시 웹이다. 블로거들 역시 이런 웹디자인 트렌드에 조금이라도 더 맞는 디자인을 만들거나, 만들능력이 없다면 이런 트렌드를 반영하는 스킨을 고르는 센스가 필요하지 않을까.

Post in 인터넷學    3 Comments

     

3 Responses to “2006 웹디자인 트렌드”

Feed for this Entry
  1. 1

    Channy Says

    무엇 보다도 돋보이는 것은 XHTML/CSS 레이아웃을 기본으로 웹 표준을 채택하고 있어서 어떤 브라우저에서도 레이아웃을 그대로 유지하고 있다는 것입니다.

  2. 2

    라띠 Says

    아~ 그렇군요…^^

  3. 3

    우리집고양이가가출했어요 Says

    아 저런 디자인이 눈이 즐겁거등요. 우리나라도 저런 디자인 많아져야 해요. 우리나라 사이트 돌아다니다보면 불여우에서는 작동이 안된다던가 혹은 주민등록번호(-_-;;)입력을 강요한다던가… 여기저기 플래쉬 혹은 엑티브엑스의 과도한 사용…. 과도한 번쩍번쩍효과 남용…. 네이버 홈페이지처럼 한꺼번에 소화하기 힘든 분량의 정보 나열에… 광고판은 한 개도 아니고 여러개에… … …;;;