CWN(CHANGE WITH NEWS) - 뉴모피즘, UI 디자인 트렌드 될까?

  • 구름조금성산0.8℃
  • 맑음의성-10.0℃
  • 구름많음고흥-3.5℃
  • 맑음세종-8.6℃
  • 흐림순천-5.6℃
  • 맑음대전-8.5℃
  • 맑음봉화-7.7℃
  • 맑음청송군-7.1℃
  • 흐림정읍-5.7℃
  • 구름많음양산시-0.1℃
  • 맑음정선군-9.1℃
  • 흐림고창-4.9℃
  • 흐림강진군-3.0℃
  • 구름많음고산2.3℃
  • 맑음강릉-4.4℃
  • 맑음순창군-5.8℃
  • 구름조금거창-7.0℃
  • 맑음인천-9.3℃
  • 흐림흑산도-0.3℃
  • 맑음양평-8.1℃
  • 흐림영광군-4.3℃
  • 흐림철원-16.3℃
  • 구름조금김해시-2.2℃
  • 구름많음완도-2.3℃
  • 맑음속초-5.2℃
  • 구름많음보성군-3.3℃
  • 구름많음제주1.8℃
  • 맑음원주-8.7℃
  • 맑음서청주-9.5℃
  • 맑음천안-8.1℃
  • 맑음임실-6.8℃
  • 맑음추풍령-8.5℃
  • 맑음창원-1.4℃
  • 맑음광주-5.0℃
  • 맑음인제-12.9℃
  • 맑음대관령-13.2℃
  • 맑음대구-3.2℃
  • 맑음보은-10.3℃
  • 맑음부산-0.9℃
  • 맑음영천-4.3℃
  • 맑음수원-8.9℃
  • 맑음이천-8.7℃
  • 맑음경주시-3.3℃
  • 맑음포항-2.4℃
  • 맑음울진-5.7℃
  • 눈백령도-6.0℃
  • 구름많음밀양-5.1℃
  • 흐림함양군-3.8℃
  • 흐림장흥-3.7℃
  • 맑음구미-5.1℃
  • 맑음북춘천-12.9℃
  • 구름조금여수-2.3℃
  • 맑음서울-9.4℃
  • 구름많음진주-4.1℃
  • 맑음춘천-11.3℃
  • 구름조금산청-3.2℃
  • 맑음상주-7.4℃
  • 맑음동해-3.5℃
  • 맑음북부산-2.2℃
  • 맑음금산-8.1℃
  • 맑음북강릉-4.8℃
  • 맑음부여-8.8℃
  • 구름많음서귀포3.4℃
  • 맑음충주-9.8℃
  • 눈울릉도-2.5℃
  • 맑음안동-6.6℃
  • 맑음영덕-3.8℃
  • 맑음제천-9.7℃
  • 구름조금보령-6.0℃
  • 흐림군산-6.7℃
  • 흐림고창군-5.0℃
  • 맑음영주-7.3℃
  • 맑음청주-7.2℃
  • 구름많음남해-1.2℃
  • 흐림해남-2.6℃
  • 맑음파주-14.2℃
  • 맑음장수-9.1℃
  • 맑음강화-11.8℃
  • 구름많음의령군-8.5℃
  • 구름조금통영-0.6℃
  • 맑음서산-6.3℃
  • 맑음영월-8.9℃
  • 구름조금북창원-1.3℃
  • 구름조금합천-5.7℃
  • 맑음홍천-10.4℃
  • 맑음문경-7.6℃
  • 맑음동두천-12.2℃
  • 흐림남원-6.8℃
  • 구름많음광양시-2.4℃
  • 흐림진도군-0.9℃
  • 맑음울산-2.3℃
  • 맑음태백-11.3℃
  • 구름많음목포-1.7℃
  • 맑음전주-7.7℃
  • 흐림부안-4.9℃
  • 눈홍성-8.4℃
  • 2026.01.21 (수)

뉴모피즘, UI 디자인 트렌드 될까?

박준서 / 기사승인 : 2021-04-18 16:54:39
  • -
  • +
  • 인쇄

출처: Apple

뉴모피즘 (Neumorphism)은 '새로운'이라는 표현과 '스큐어모피즘(Skeuomorphism)'의 합성어입니다. 여기서 스큐어모피즘은 애플의 아이폰 초기 UI 디자인에 활용되었던 사실주의에 기반한 디자인 트렌드를 말합니다.

애플은 처음 아이폰을 발매할 당시 스마트폰에 익숙지 않은 사용자를 위해 스큐어모피즘 디자인을 적용했습니다. 스큐어모피즘 디자인은 현실에 있는 메타포를 사용해 스마트폰에 대한 개념이 무지한 사용자들도 사실주의에 입각한 디자인으로 아이폰을 익숙하게 사용할 수 있었습니다.

하지만, 이러한 사실적인 디자인은 iOS7 이후로 스마트폰에 완전히 적응한 사용자에게 점차 피로감을 주어 사라지게 되었습니다.

이후 플랫 디자인, 미니멀 디자인, 머터리얼 디자인과 같은 심플하고 가벼운 디자인이 트렌드를 이끌게 되었습니다. 이 유행이 장기화되어 새로운 UI 디자인을 갈구하던 중, 뉴모피즘 디자인이 지난해 많은 소비자의 사랑을 받았습니다.

[출처: alexplyuto 트위터]

뉴모피즘 디자인의 특징
뉴모피즘 디자인의 특징을 한마디로 표현하자면, '미니멀리즘 디자인에 공간감을 부여한 디자인'이라고 말할 수 있습니다.

요소와 배경 간 구분을 컬러 차가 아닌 오로지 그림자와 빛으로만 구분합니다. 뉴모피즘 스타일에 배경색이 사용된다면, UI 요소는 동일 계열 색의 명도 차이로만 디자인됩니다. 이러한 구분에도 '드롭 섀도우(Drop shadow)'와 '이너 섀도우(Inner Shadow)'가 꼭 필요합니다

이러한 특징 때문에 뉴모피즘을 적용한 디자인은 사용자에게 행동 유도성을 효과적으로 전달합니다. 그와 동시에 드롭 섀도우와 이너 섀도우로 이루어진 디자인과 함께 사용자의 터치나 클릭을 쉽게 이끌어낼 수 있습니다.

뉴모피즘의 한계
뉴모피즘의 등장에 많은 사람이 열광했지만, 뉴모피즘을 이용한 UI/UX 디자인은 아직 상용화되지 않았습니다.

뉴모피즘 디자인을 적용한 버튼은 나쁜 접근성을 갖고 있습니다. 일반적인 버튼들은 강한 그라데이션으로 채워져 있어 '누구나 쉽게 이것이 버튼이다'라고 느낄 수 있습니다. 하지만 뉴모피즘은 그림자와 빛으로만 구분해 나쁜 접근성을 가지고 있습니다. 색 대비의 구분이 힘든 시각 장애인들에게는 더욱더 나쁜 접근성을 가지게 됩니다.

뉴모피즘은 이러한 한계점을 다양한 사용성 검증을 통해 프로덕트 상용화가 될 수 있을까요? 앞으로 뉴모피즘이 어떻게 한계점을 수정하고 보완하여 발전할지 기대됩니다.

[저작권자ⓒ CWN(CHANGE WITH NEWS). 무단전재-재배포 금지]

최신기사

뉴스댓글 >

- 띄어 쓰기를 포함하여 250자 이내로 써주세요.
- 건전한 토론문화를 위해, 타인에게 불쾌감을 주는 욕설/비방/허위/명예훼손/도배 등의 댓글은 표시가 제한됩니다.

댓글 0

Today

Hot Issue