simple is best – 플랫디자인

작년 큰 반향을 일으켰던 애플의 iOS7을 기억하시나요?
오랫동안 추구하던 스큐어모피즘을 버리고 플랫디자인의 UI를 선보였습니다.

요즘 웹이나 모바일 등의 디자인에서 심심찮게 볼 수 있는 이 [플랫디자인]은
최근 트랜드인 미니멀리즘과 부합합니다.
그림자, 입체감, 그라데이션 등의 화려한 그래픽 효과를 배제하고
심플하면서도 직관적으로 연출하는 것이죠.

 

▲스큐어모픽 디자인

 

▲플랫디자인

 

이런 플랫디자인에는 몇가지 특징이 있습니다.

 

1. 적은 효과

플랫디자인은 이름처럼 간단하고 편평한 2D 디자인입니다.
때문에 이미지 프레임이나 아이콘 등 모든 요소에 그림자와 엠보싱,
그라데이션을 통한 깊이감 등의 효과를 크게 쓰지 않습니다.

 

2. 심플한 요소

플랫디자인은 아이콘과 같은 간단한 UI에 많이 사용됩니다.
디자이너는 원이나 사각형과 같은 간단한 모양을 활용하고
도형의 모서리는 각이지거나, 일정한 곡률의 라운드를 주기도 합니다.
디자인의 설명이 적과 사용자에게 직관적이어야 상호작용이 잘 될 수 있기 때문에,
각 요소는 이용하기 쉽게 할 수 있어야 합니다.

하지만 간단한 요소와 심플한 디자인을 혼동하지 말아야 합니다.
플랫디자인의 디자인 자체가 심플해 보일 뿐이지
다른 유형과 마찬가지로 디자인 개념과 기획이 간단한 것은 아닙니다.

 

3. 타이포그래피

플랫디자인에서 타이포그라피는 매우 중요합니다.
폰트는 심플한 디자인과 일치해야 하며,
화려한 폰트는 매우 심플한 디자인에서 이상하게 보일 수 있습니다.
하나의 디자인 컨셉은 비주얼과 폰트의 일정한 스타일을 가지고 있기 때문에
최종 결과물에 대담하고 간단하게 효과적인 포트가 표현될 수 있어야 합니다.

플랫디자인을 사용할 때에는 기본 타이포그라피를 위해 변화와 굵기가 다양한
산세리프현 폰트군을 참고하시면 좋습니다.
예술적 요소로 참신한 글꼴(특수서체 등)의 사용은 무게중심이 치우칠 수 있으므로 주의해야 합니다.

 

4. 컬러

타 디자인보다 밝고 화려한 과감한 색 사용이 많기 때문에
색상은 플랫디자인에서 가장 큰 비중을 차지합니다.

대부분 두 세가지 색을 사용해 단순함을 주는 반면
플랫디자인은 6~8가지 색까지 사용하고 있습니다.
채도가 높은 색상은 활기차 보이기 때문에 기본 및 보조색으로 많이 활용합니다.
특히 예전에 유행했던 색상들-자몽색을 포함해 보라색, 녹색 파랑색 등-의 인기가 높습니다.

 

5. 미니멀한 접근

플랫디자인은 본질적으로 간단하고 심플할 때 더 잘 표현됩니다.
디자인 전체에 많은 이야기를 담는 것보다는
간단한 색상 및 텍스트로 하는 것이 좋고
시각적인 면을 강조하고 싶을 때에는 사진을 이요하는 편이 좋습니다.

플랫디자인 5가지 특징 출처 : http://designmodo.com/flat-design-principles/

 

플랫디자인의 인기는 한동안 식지 않을 듯 합니다.
하지만, 트랜드라고 무조건 쫓기보다는
프로젝트의 특성과 상황에 맞는 디자인 컨셉을 설정하는게 중요하겠지요. ^^

마지막으로 재미있는 사이트 하나 추천하고 갑니다.

플랫 VS 리얼리즘 http://www.flatvsrealism.com/