반응형 웹 2

네이버로 보는 UI트랜드에 대한 고찰

웹 기획을 하는 나로서는 이번 사이트 리뉴얼 프로젝트에 맞추어 최신 U I트랜드 파악을 위해 관련사이트 및 쇼핑몰,포털 사이트에 대한 벤치 마킹을 많이 하였다. 동종업체 사이트 벤치마킹을 시작으로 해서 쇼핑몰, 브랜드, 포털까지 다양한 사이트 벤치마킹에 종착역은 네이버였다 사이트 리뉴얼 작업을 위해 벤치마킹 조사 중 네이버 지식쇼핑사이트를 보면서 네이버는 여전히 UI 트랜드를 주도하고 있다는 생각이 든다. 새로워진 지식쇼핑 및 모바일 웹은 다른 사이트와는 다른 깔끔한 구조의 네비게이션과 간결한 매뉴 배열,절제된 컬러 사용이 마음에 들었다. 많은 사이트들이 “사용자 중심” 이라는 전제하에 사용자의 편의성을 중시한다고 하지만 실제로, 컨스머스 사이트를 보면 정신 없이 매뉴가 나열되고 상품들이 너무 많이 보여..

진화하는 웹사이트 : 반응형 웹 (Responsive Web)

반응형 웹(Responsive Web)의 등장 배경? 최근 다양한 모바일 기기가 보급되면서 하나의 사이트를 만들더라도 데스크탑 / 모바일 폰 / 타블렛 PC 등 서로 다른 해상도를 가진 디바이스들을 고려하지 않을 수 없게 되었다. 데스크탑 하나만 보더라도 와이드의 고해상도 디스플레이가 확산됨에 따라 많은 사이트들이 기존의 1024*768 크기를 넘어 점차 사이즈를 키워가고 있는 추세이지만 그렇다고 하나의 해상도에만 맞춰 사이트를 제작하기도 어렵다. 이렇듯 N-Screen의 시대로 불리는 다양한 디바이스의 해상도에 맞춰 사이트의 레이아웃을 변환하는 이슈에 맞춰 등장한 것이 반응형 웹(Responsive Web)이다. 반응형 웹(Responsive Web) 이란? 반응형 웹이란 HTML5의 “미디어 쿼리”를..