2020 새로운 UI 트렌드, 뉴모피즘?

넥스트인프라 김기업 PD

 

[선데이뉴스신문=박희성 기자] 2012년에 등장한 볼 수 있는 실존 대상을 사실적으로 표현하고 3차원적이며 사실주의적인 스큐어모피즘 디자인’, 2013년 개발된 간단명료하고 단순화된 플랫디자인’, 2014년 구글이 제시한 웹과 모바일통합 UI ‘머티리얼 디자인‘ 2020년 화두가 되고있는 뉴모피즘 디자인까지 디자인 트렌드가 진화하고 있다.  


 디자인 트렌드의 진화는 IOS, window 에 의해 주도되었는데, 2020년 트렌드로 주목받고 있는 뉴모피즘 디자인은 한명의 dribbble 사용자에 의해서 시작되었다는 것이 흥미로운 점이다그의 디자인은 동시대 디자이너들에게 새로운 UI 스타일에 대하여 놀라움과새로운 가능성에 대한 설렘을 안겨주었으며디자이너 개인이 트렌드를 주도할 수 있게 되었다는 것에 희열을 안겨주었다.  


 뉴모피즘 디자인의 첫인상

 뉴모피즘 디자인을 처음 접할 때 정말 신선하게 다가왔다마치 80년대 마이마이 카세트 버튼을 누르는 듯한 레트로감성에 촉감적인 표현을 더한 미래적인 느낌으로 표현한 듯한 느낌을 받았다뉴모피즘이 주는 전반적인 느낌은 둥글둥글하며그림자를 통한 표현으로 부드러우며부드러운 느낌이 들며버튼은 누르고 싶은 욕구를 불러일으킨다.  


 뉴모피즘의 표현 방법

뉴모피즘 디자인은 ’inner shadow’와 ‘drop shadow’를 활용한즉 빛과 그림자로 Depth를 표현하며, element를 background와 구분을 하였다각 요소들에 라운드를 주어 부드럽게 표현을 하였다. UI가 촉각적으로 느껴질 수 있도록 표현하여 직접 만지는 듯한 느낌을 주며전체적으로 행동유도역할을 할 수 있도록 표현된다.(그림 참조)

3.JPG그림 Neumorphic UX/UI Elements

 

 뉴모피즘의 장/단점

뉴모피즘의 최고의 장점이라고 느껴지는 것은 터치하고 싶은 욕구가 증가한다는 것이다.


플랫/머티리얼디자인에서 색과 약간의 그림자로 표현되던 것을 실제 버튼과 비슷한 느낌을 주어 사용자로 하여금 터치하고 싶고터치하였을 때 피드백도 확실하여 UX적인 측면에도 좋은 인상을 준다그리고 또 하나의 장점으로는 새롭다는 것이다많은 디자인이 플랫/머티리얼디자인을 체택하여 디자인이 되어 모래 속 진주처럼 사용자의 마음을 빼앗을 수 있다는 것이다.


 장점이 명확한 만큼 단점도 명확하다그림자만으로 각 요소 간의 위계를 표현 하기 때문에 위계가 높을수록 그림자 범위가 넓어지고전체적인 분위기가 뿌옇다라는 인상을 준다.


또한 시각적 능력이 낮은 연령대의 사용자는 시각적으로 계위를 구분하기 어려울 수 있기 때문에 불편함을 줄 수 있다고 생각한다.  


뉴모피즘의 활용 가능성

뉴모피즘 디자인 시스템은 아직 상용화가 되고 있지 않지만디자인 시스템이 확립되면 사용할 수 있을 것으로 보인다그리고 뉴모피즘의 단점을 기존의 플랫/머티리얼 디자인으로 보완을 하여 사용하면사용자에게 더욱 좋은 경험을 제시할 수 있을 것으로 보인다.


 개인적인 생각으로는 빠른 시일내에 뉴모피즘 디자인을 다양한 곳에서 볼 수 있을 것이며새로운 디자인 트렌드로 중심을 서게 될 것이라 생각이 든다.   


 뉴모피즘디자인은 대기업에서 제시한 시스템이 아닌 개인이 제시한 디자인으로써 주목을 받았다는 것에 큰 의미가 있다고 생각이 된다마치 방송국에서만 할 수 있던 미디어 분야가 1인 미디어라는 개인화에 성공하였듯디자인 또한 개인화가 되어, 1인 미디어와 같이 미디어의 개인화가 디자인 분야에서도 적용 될 것이라 생각 된다.  


넥스트인프라 김기업 PD

1989년 6월 5일 

넥스트인프라 디자인센터 팀장

5.18 영화제 포스터 디자인/제작

동아제약 디자인 제작

한국 콜마 디자인 제작외 다수 디자인컨텐츠 제작

2019년 정조대왕능행차 영상제작외 다수 영상컨텐츠 제작


출처: http://www.newssunday.co.kr/bbs/board.php?bo_table=news&wr_id=41733