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

뉴모피즘 디자인을 사용할 때, 가장 좋은 점은 '신선함'입니다.
기사입력 2020.03.24 15:20
댓글 0
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카카오스토리로 보내기
  • 기사내용 프린트
  • 기사 스크랩
  • 기사 내용 글자 크게
  • 기사 내용 글자 작게
1.jpg넥스트인프라 김기업 PD

 

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


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


 뉴모피즘 디자인의 첫인상

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


 뉴모피즘의 표현 방법

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

3.JPG그림 Neumorphic UX/UI Elements

 

 뉴모피즘의 장/단점

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


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


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


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


뉴모피즘의 활용 가능성

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


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


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


넥스트인프라 김기업 PD

198965일 

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

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

동아제약 디자인 제작

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

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

[박희성 기자 phspkc73@naver.com]
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기
  • 카카카오스토리로 보내기
<저작권자ⓒ선데이뉴스신문 & newssunday.co.kr 무단전재-재배포금지>
첨부파일 다운로드
KakaoTalk_Photo_20200324_1513_49963.jpg (232.3K)
다운로드
김기업.jpg (8.5M)
다운로드
 
신문사소개 | 광고안내 | 제휴·광고문의 | 다이렉트결제 | 고객센터 | 저작권정책 | 개인정보취급방침 | 청소년보호정책 | 독자권익보호위원회 | 이메일주소무단수집거부 | RSS top
모바일 버전으로 보기