뉴모피즘

최근 수정 시각:
14
편집
IP 우회 수단(프록시 서버, VPN, Tor 등)이나 IDC 대역 IP로 접속하셨습니다. (#30172495)
(VPN이나 iCloud의 비공개 릴레이를 사용 중인 경우 나타날 수 있습니다.)
잘못된 IDC 대역 차단이라고 생각하시는 경우 게시판에 문의하시길 바랍니다.
토론역사
 
뉴모피즘

1. 개요2. 역사3. 특징
3.1. 장점3.2. 단점
4. 사례
 

1. 개요[편집]

 
Neumorphism

2019년 미국의 디자인 네트워크인 Dribbble에서 시작된 디자인 기법 또는 그 유행을 가리킨다.

디지털 UI/UX에서 객체(object)와 배경간의 구분을 오직 그림자로 표현함으로써 명암비에 의한 질감과 볼륨감을 의도한 것이 특징으로, 기존에 유행하던 플랫 디자인 UI의 대안으로 제시되었다. 미술사조적으로는 변형 미니멀리즘에 가까우며, 스큐어모피즘을 일부 표방하기는 하나 거리가 멀다.[1]
 

2. 역사[편집]

 
뉴모피즘은 '스큐어모피즘'이나 '미니멀리즘'과 같은 하나의 사조는 아니며, 기존 미니멀리즘의 기반 위에서 디지털 액정의 발전에 힘입어 시도된 하나의 유행이자 디자인 기법, 디자인 언어라고 할 수 있다. 디지털 UI는 2010년대 초반까지 스큐어모픽 디자인이 대세였다가, 2010년대 중반부터 Windows 8, iOS 7, 안드로이드 롤리팝 등에서 미니멀리즘에 기반한 플랫 디자인이 보급되어 유행을 이끌었다. 그리고 플랫 디자인의 무미건조함을 보강하기 위해 미니멀함을 유지하면서도 질감이나 명암을 생생하게 살리는 '머터리얼 디자인' 등이 등장하였다.

뉴모피즘은 머터리얼 디자인의 다음 세대에 등장했다. 뉴모피즘의 선구자는 Dribbble에서 뱅킹 어플리케이션등의 UI 목업 디자인을 소개하던 디자이너 알렉산더 플류토(Alexander Plyuto)로 여겨지며, 2019년 제이슨 켈리(Jason Kelly)에 의해 '뉴모피즘'이라는 이름이 붙었다. 그는 기존의 용어 스큐어모피즘에 '새로운'이라는 뜻의 '네오(neo)'를 합쳐 이 단어를 조어했다고 밝혔다. 요소 간의 경계를 극단적으로 없애 감각적으로만 구분하도록 한 뉴모피즘은 초기에는 Dribbble 등 디자인 커뮤니티에서 '끊임없이 남들과는 다른, 독특함을 추구하던' 아마추어 디자이너들에 의해 향유되고 유행했는데, 이후 조금씩 다른 디자인 커뮤니티에 알려지면서 전문가들의 참여로 뉴모피즘만의 철학이나 실용성에 관한 연구가 이루어졌다. 빅테크에서는 Windows 11, macOS 11에서 뉴모피즘과 유사한 디자인이 시도되었다.[2]

뉴모피즘에는 '스큐어모피즘과 미니멀리즘의 적절한 타협점'이라는 호평이 있는가 하면, '디자인 언어로서 뉴모피즘만의 차별성이 부족하며, 가시성 등에서 사용자에게 채용되기 어려운 디자인'이라는 비판이 제기되었다. 뉴모피즘을 일시적인 유행에 불과하거나 결함 있는 언어라고 거부하는 디자이너도 상당하다. 2020년대 중반까지도 내로라하는 기업에서 전체 UI에 뉴모피즘을 적용한 사례는 전무하다시피한데, '이런 용도로는 애초부터 낙제점이었다'는 분석까지 나왔다.# 이 시점에서는 미니멀리즘 디자인에 피로를 느끼는 유저들도 뉴모피즘을 지지한다기보다는 복고의 영역에 접어들기 시작한 스큐어모피즘 디자인을 다시 찾는 경우가 대부분. 미니멀리즘 애호가들 역시 기존의 미니멀리즘에서 그라데이션이나 그림자로 질감을 부여한 머터리얼 디자인 등을 여전히 선호한다.

Apple이 2025년에 뉴모피즘의 요소들이 가미된 Liquid Glass를[3] 새로운 디자인 언어로 채택하며 뉴모피즘이 본격적으로 확산되기 시작하였다.
 

3. 특징[편집]

 
뉴모피즘 스타일은 객체(Object)와 배경간의 구분을 컬러 차가 아닌 오로지 그림자와 빛만으로 구분함으로 둥글둥글하고 부드러운 인상을 준다. 전체적으로 UI가 생동감 넘치며, 단순 그래픽을 넘어 UI가 촉각적으로 다가온다.

뉴모피즘으로 디자인된 페이지는 하나의 어포던스(Affordance) 덩어리처럼 느껴진다.
 
 
  • 디자인이 둥글둥글하고 부드러운 인상을 가지게 되며, 미래적인 느낌도 추가된다. (이는 인터페이스 스타일에 직접 영향을 받게 된다)
 
 
  • 화면의 복잡도를 제어하기 힘들다.
  • 전체적인 인상이 뿌옇게 되어 가독성이 좋지 않다.
  • 그림자와 하이라이트를 넣기 위해 완전 흰색이나 완전 검은색[4]을 배경으로 못 쓴다.
  • 시각적 위계가 명확하지 않아 디자인을 해칠 수 있다.
  • 위의 문제점들을 커버하기 위해 각 오브젝트의 구분을 위해 그림자 처리된 영역이 다른 디자인보다 커지는 경향이 생기는데 그림자 부분이 너무 커져버리다 보면 인터페이스와 그림자가 겹쳐져 개체들의 효율적 배치가 방해를 받는 수준까지 이를 수 있다.
 

4. 사례[편집]

 
초창기에는 개인 프로젝트 등에 반짝 유행했으나 전술한 단점이 뚜렷하여 현재는 일부 서비스에서만 사용되고 있다.

 
[1] 뉴모피즘의 이름 자체는 역사 문단에서 하술하듯 '스큐어모피즘'에서 따 와서 '네오 스큐어모피즘', '스큐어모피즘과 미니멀리즘의 중간'이라는 의미에서 지어졌지만, 실제로는 미니멀리즘의 하위 분류에 더 가깝다. 스큐어모피즘의 근본 원리는 '사물이 실재하는 기능 없이도 그 사물에 가깝게 재현됨'이나, 뉴모피즘에는 이러한 원리가 없고 모든 요소가 미니멀한 윤곽과 도형으로 이루어져 있다. 그나마 일부 버튼 및 스크롤 디자인에서 2000년대 초반 UI 디자인을 참고하여 실제 버튼이나 스크롤과 유사하게 만든 점은 스큐어모피즘을 표방한 점이라고 할 수 있다.[2] 다만 Windowd 11은 버튼 등에 조금만 섞었을 뿐이지 아직까지는 주로 글래스모피즘이고, macOS 11은 UI 요소와의 경계가 여전히 뚜렷하고 내부 그림자가 사용되지 않는 등 뉴모피즘과는 약간 차이가 있다. 다른 건 대강 비슷한데, 객체와 배경을 오직 명암만으로 구분해야 한다는 점을 만족하지 못했다. Apple 역시 뉴모피즘을 차용했다는 말을 부정하고 있으나, 설명하기로는 "미니멀리즘적인 아이콘 디자인에서 옛 macOS의 전통적인 사실적 모습을 적절히 타협해 재창조해 갖추었다"고 했다.[3] 다만 Liquid Glass는 뉴모피즘의 하위 분류라기보단 스큐모피즘과 뉴포피즘이 절충된 형태에 가깝다.[4] 검은 배경은 눈 건강에 좋지 않다는 말도 있지만 눈의 피로감을 줄여주며, 기종에 따라 배터리를 아껴주기도 하기 때문에 모바일 기기에서 유용할 때가 있다. 완전한 해결책은 아니지만 명도가 약간 높은 짙은 회색의 배경을 대신 사용하는 식으로 검은 배경을 대체하기도 한다. 예시

크리에이티브 커먼즈 라이선스
이 저작물은 CC BY-NC-SA 2.0 KR에 따라 이용할 수 있습니다. (단, 라이선스가 명시된 일부 문서 및 삽화 제외)
기여하신 문서의 저작권은 각 기여자에게 있으며, 각 기여자는 기여하신 부분의 저작권을 갖습니다.

나무위키는 백과사전이 아니며 검증되지 않았거나, 편향적이거나, 잘못된 서술이 있을 수 있습니다.
나무위키는 위키위키입니다. 여러분이 직접 문서를 고칠 수 있으며, 다른 사람의 의견을 원할 경우 직접 토론을 발제할 수 있습니다.

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •