[GUI]플랫디자인 - 카메라아이콘

8월 1일의 첫번째 포스팅 이다. :-)  올해 가을쯤이면 iOS7 정식버전이 배포될 예정이다. 지금까지 iOS7 Beta4까지 나와있으며, 역시나 이번 iOS7의 가장 큰 변화는 기존 실물을 그대로 표현하는 '스큐어모픽'의 디자인에서 벗어나  평평하고 평면적인 '플랫'디자인으로 GUI로 전면 개편 한다는 것이다.  플랫디자인을 생각하며 처음 만든 카메라 아이콘 이다.

▲ 3가지 배경위의 플랫아이콘

페이스북에서 우연하게 본 카메라 아이콘을 보고 조금 변형 하여 만들어 보았다. 우선은 기본적으로 파스텔톤의 색상을 이용하고, 많은 쉐이프를 사용하기 보다는 최대한 적은 쉐이프들로 구성하여 만들었다. 무엇보다 가장 중요한건 단순하지만 무엇인지 확실히 알 수 있는 것이 아닐까 싶다. 그리고 플랫디자인이지만 가운데에 질감을 나타내어 '우드'재질의 느낌을 주어 조금은 색다른 표현을 해보았다.

▲ Body부분과 Lens부분의 레이어 정보

솔직히 '플랫디자인' 자체가 보통 레이어 스타일을 주긴하되, 주로 Shadow부분만 약간씩 주는걸 많이 보았다. '스큐어모픽'디자인에 비하면 정말 간단한 레이어 스타일만 준다는걸 알 수있는데, 포토샵을 조금만 다룰 줄 안다면 쉽게 따라만드는건 가능할 것이다. 하지만 역시나 가장 어려운건 그 아이콘등이 나타내는 '상징'을 표현하는게 가장 힘든 숙제가 아닐까 싶다.

아래에 PSD파일을 첨부한다.

flat_camera.psd