👩🏻‍🎨 Web/UIUX

스큐어모피즘, 플랫디자인

지구용사 2025. 4. 9. 12:53

스큐어모피즘은 Skeuos(도구) + Morphe(형태)의 합성어로 실감나는 시각적 효과를 중시하며 대상의 질감, 형태 등을 보이는 그대로 구현하는 디자인 기법이다. 쉽게 말해 현실 세계의 메타포를 그대로 모바일 안으로 옮겨 놓은 것이다. 대표적 예시로 아이폰 iOS6이다. 덕분에 스마트폰이 인터페이스가 익숙하지 않던 사용자들은 현실세계와 흡사한 디자인으로 쉽게 습득할 수 있었다. 역시 스티브잡스,,,

 

https://slrnd.seculayer.com/44

 

해당 디자인은 한계가 있었는데, 디자이너의 노력이 상당히 들어가고 용량 과부하이다. 이를 보완하고자 나온 디자인은 플랫디자인이다. 스큐어모피즘의 사실적인 이미지를 깨끗하고 미니멀하게 대체하고 사실적인 텍스쳐와 그림자 등을 배제하게 된다.

 

플랫디자인이란 복잡한 그래픽 효과를 배제하고 단순한 색상과 구성을 통해 직관적인 인식이 가능하도록 구성하는 2차원 디자인 기법이다. 해당 디자인의 핵심은 미니멀리즘, 심플함이다. 사용자가 기능에 집중할 수 있도록 그림자 효과, 입체적인 반사 효과 등을 배제하고 이차원적 그리드와 색상의 대조, 컬러풀한 색조로 시각적 요소를 강조해 사용자가 색상만으로 기능을 인식할 수 있도록 설계한다.

 

https://365kim.tistory.com/221

 

해당 디자인도 한계가 있다. 복잡한 인터페이스에 익숙한 사용자에겐 편하겠으나 익숙하지 못한 사용자에겐 어렵게 느껴진다.