2013년 대유행 디자인 – Flat UI

요즘 대세는 Flat UI라고 한다. 바로 iOS 7에서 채용된 디자인 패턴이다.

지금 iOS 7 때문에 Flat UI에 관심가져 있는 디자이너가 슬슬 늘어나고 있다는 거 잘 안다.

그럴 만 하다. 왜냐면 애플 이생퀴들은 지금 있는 트랜드를 아주그냥 쓰지 않으면 뒤떨어지는 새퀴로 만드는 재주를 지녔기 때문이다.

그렇다면, 물어본다. 글로시 UI에서 플랫 UI로 바뀐건 왜일까?

웹개발과 디자인 조언에 대가 본인이 직접 풀어보도록 하겠다.

그건 바로 3차원 디스플레이에 대한 대응… 은 가능성있는 얘기긴 하지만 그건 현재 상관 없고.

지금 중요한 것은 바로 사용자에 대한 컨텐츠 전달이 명확하다는 가장 무서운 무기가 있기 때문이다.

그것도 색상으로. 신호등처럼. 모양과 3차원, 그리고 화려한 것 따위는 지루하다. 사용자는 충분히 인식했고,

그것을 단순화시켰다.

그런데 재밌는 점이 바로. 그 UI를 시작한 회사가 바로 마소다. 정확히 말하자면 Flat UI에 대한 첫 상용화의 신호탄을 때린 것이다.


출처 : Snoopybox

뭐.. 당연하겠지만 윈도우 8은 지금도 욕먹는건 현재진행형이다. 바로 UI는 좋은데 UX가 개판이라서.

오로지 터치 환경에 치중하다보니 데스크탑 환경에 대한 오류를 범해서 마소 스스로 “실패”했다고 인정받을 정도다.

하지만.. 디자인은 누구 하나 욕한 놈이 없다. build 컨퍼런스에서도. 찬사를 받았을지는 모르겠지만 이 디자인에 실망한 사람은 별로 없다.

그리고 대 Flat UI 시대가 도래했다.

그리고 Flat UI를 전문적으로 상용화하기 시작했다. 회사에서 Flat UI로 바꾸거나 새로 시작하려는 움직임이 많다보니.

물론 외국 얘기다. 한국은 아직도 플래시 떡칠에 이미지 떡칠에 윤고딕 떡칠한 디자인이 대세니까.

(사실 무슨 디자인 패턴이라고 하기도 뭐하다..)

(출처 알수없음, 이 이미지 관련 소유자이면 비밀댓글로 연락바람. 저작권 있으면 지우겠음.)

한국의 흔한 웹디자인 (디자인 패턴을 모르겠다. 웹사이트가 광고디자인과 햇갈려하는 디자이너가 아직도 많나보다.)

어쨌든, 이렇게 대유행 디자인에 애플까지도 가세했다.

애플 자체의 철학 (이라고 하기엔 기존 수석 디자이너가 나가서 조금 애매할지도 모르겠다.)과 Flat UI가 조화를 이루어 그들도 가세한 것이다.

지금 이 글을 보고 있는 디자이너가 있다면 잘 들어라.

지금 “흔한 한국의 웹디자인” 을 하고 있을지도 모르겠지만, 유행을 따른다면 Flat UI도 연습해 볼 필요가 있다.

왜냐하면, 이 디자인 패턴은 다른 디자인 패턴보다 오래 갈 것이기 때문이다.

사람 눈에 피로가 덜하고, 더 개선된 방법이 계속 나올 것이며, 이런 정보공유와 디자인 시장이 질기게 성장하기 때문이다.

그리고 가장 주목해야 할 것은, 바로 차세대 디스플레에이에도 알맞게 설계할 수 있는 디자인이 바로 이 디자인이기 때문이다.

여러분이 “마이너리티 리포트” 같이 미래 배경 영화를 본 사람이라면, 3차원이나 반투명, 설령 투명 디스플레이가 나온다 해도.

이 디자인 패턴은 어디가서도 알맞게 표현될 것이다. 단색만으로 표현할 수 있으며, 심볼만 정확하면 바로 알아볼 수 있고.

요즘의 여러가지 UI 디자인과 Flat UI 디자인과 합쳐져서 나올 것이라면, 관리자 화면에서 이 화면은 피로감이 덜하고 오래가는 UI를 만들 수 있기 때문이다. 지금 관리자 페이지에 왜 Flat UI가 대세냐면, 바로 오래 봐야 하는 관리자 화면에 피로감이 바로 Flat UI가 덜하기 때문이다. 이것들은 이미 디자인 조또 모르는 시스템 관리자도 인정한 디자인이란 말이다.

좋다. 그럼 웹 디자이너를 위해 내가 유용한 Flat UI 리소스를 제공하도록 하겠다. 포샵 파일이 부담없이 놀아 보도록.

당신이 Flat UI를 실무에 쓸 준비가 되있다면 당신은 환영받을 준비만 하면 된다. 특히 관리 시스템 웹디자인 (그룹웨어나 ERP)

http://speckyboy.com/2013/04/03/flat-gui-templates/ (영어)

http://www.flashuser.net/free-flat-ui-kits (영어)

http://estiloleche.tistory.com/189 (한국어)

http://www.hwangc.com/flat-design-wordpress-themes-10/ (한국어, 워드프레스 테마)

내가 전문 웹디자이너가 아니라서 디자인적으로 더 궁금한 점을 풀어드리지 못해 심심짭쪼름한 양해 바란다.

Flat UI의 디자인은 더이상의 쓰잘대기 없는 효과가 사라지고, 색상, 모양만으로 만들어진 심플 미학의 결정체라고 보면 된다.

뭐.. 구글링 하면 관련된 정보를 많이 볼 수 있으며, iOS 7 때문에 이미 눈뜨고 대응한 디자이너의 정보도 있으니 찾아보면 나올 것이다.

난 개발자기 때문에 여기까지 쓰도록 하겠다.

ㅈㅅ.

composite / 2013년 6월 27일 / 미분류
태그:, , , , , , , , , ,

답글 남기기

Your email address will not be published / Required fields are marked *