뉴스&공지 | 프로젝트 수주·오픈·수상 소식 | 쓰리웨이

인터넷 쇼핑을 즐기고, 텔레비전보다 인터넷 뉴스기사를 더 많이 보고,
한시도 핸드폰과 떨어지지 않는 요즘, 우리는 참 많은 웹환경에 노출되어 있습니다.
나도 모르는 사이 변화하는 웹트렌드가 무슨 상관인가 싶기도 하지만
알고 보면 우리 일상에 그 무엇보다 많은 영향을 미치기도 합니다.
그래서 오늘은 급변하는 웹트렌드 중 꼭 알아두면 좋을 '플랫디자인'에 대해 알아보려고 합니다.







'플랫 디자인'이란?
"디자인의 입체적인 기능(drop shadow, bevel, gradient) 같은 복잡한 요소를 배제하고
기본적인 요소들인 레이아웃, 대비, 색상, 폰트 등을 이용한 디자인"

플랫디자인은 마이크로소프트의 윈도우 8 UI, 구글의 웹서비스 UI, 애플의 iOS7등에 접목되면서
주목을 받기 시작했습니다. 버튼 및 아이콘과 같이 간단한 사용자 인터페이스 요소들을 적절히 사용하여
쉽고 간결한 느낌의 디자인을 전달하는 것이 포인트입니다.








웹트렌드의 변화를 보여주는 사례를 함께 살펴보겠습니다.
아이콘 하나가 보입니다. 같은 '위치 찾기' 아이콘인데 참 다르게 보이죠?
어떻게 변화했나요?

왼쪽은 도로와 세부적인 길, 건물들을 함께 배치해서
작은 아이콘 하나에 최대한 많은 이미지를 사용하였습니다.
그라데이션을 사용하여 입체적으로 보이게 효과도 주고 색상도 다양하게 사용했습니다.

반면에 오른쪽 아이콘은 도형과 면으로 이루어져있고
색상도 포인트 컬러하나에 그레이를 조합하여단순하게 구성하였습니다.
한눈에 봐도 확연히 다른 디자인임을 알 수 있습니다.

  이렇듯 사실적이고 화려한 효과에 초점이 맞추어졌던 기존 디자인 방식에서
단순하고 상징적인 이미지, 여백의 활용, 컬러의 선명함 등을 내세운
플랫디자인으로 변화했다고 볼 수 있습니다.
플랫디자인은 사각형 또는 원과 같은 간단한 도형을 기본형태로 하여,
각 UI요소를 클릭하거나 탭하기 쉽도록 직관적으로 설계합니다.






이러한 플랫디자인의 등장은 스마트폰과, 테블릿 PC 같은 사용자 환경의 변화에서 그 원인을 찾을 수 있습니다.
PC화면보다 더 작은 환경에서 작은 버튼이나 옵션을 쉽고 빠르게 사용할 수 있게 도와주는 기능을 하기 때문이죠.

사용자의 편의성에 중점을 둔 만큼 사용자가 편한 디자인을 추구하는 것이 플랫디자인이지만
웹과 모바일의 환경은 다르기 때문에 적절히 응용하는 디자이너의 감각도 중요합니다.







위 사이트는 플랫디자인을 웹환경에 자연스럽게 접목시킨 사례입니다. (삼화 S&T(주) / 쓰리웨이 제작)
연관 이미지를 배경에 배치하고, 사용자의 편의성과 디자인을 고려하여
플랫디자인 아이콘을 적절히 활용하였습니다.
사이트가 전달해야 할 핵심 정보들을 잃지 않으면서
트렌드를 반영하여 쉽고 감각적으로 풀어낸 디자인이라고 볼 수 있습니다.

플랫디자인은 장점도 많지만 자칫 과하게 사용하면 웹사이트가 전달해야 할 정보를
충분히 담지 못할 수도 있습니다. 트렌드에 민감하지 못한 연령대나
웹환경에 많이 노출되어 있지 않은 사용자라면 플랫디자인의 활용이 오히려 불편하게 느껴지기 때문입니다.
우리 사이트를 방문하는 방문자를 고려하여, 절절히 조합하는 것이 가장 중요한 이유입니다.

디자인과 기능이 조화를 이루는 웹사이트 제작은 오랜 노하우와 경험이 있어야 가능합니다.
우리 홈페이지가 최신 트렌드를 얼마나 반영하고 있는지,
혹시 리뉴얼을 해야 할 시기는 아닌지 고민해보는 시간을 마련하는 건 어떨까요?