티스토리 뷰
뉴모피즘(Neumorphism) 디자인은 디자인 커뮤니티 Dribble의 디자이너 Alexander Plyuto로 부터 시작됐습니다.
뉴모피즘 스타일은 그림자와 빛으로 요소와 배경을 구분하여 부드러운 느낌을 주는 것이 특징입니다.
이런 특징은 접근성 측면에서는 단점이 되기도 하는데 대비가 약해 배경과 요소의 구분을 어렵게 하기 때문입니다.
그렇다고 대비를 강하게 주면 뉴모피즘 스타일의 특징인 부드러움이 사라져버립니다.
플랫 디자인이 주류를 이루며 디자인의 개성이 사라지고 있는 상황에서 뉴모피즘 스타일은 새로운 느낌을 주기 때문에 많은 디자이너들이 관심을 주고 있는 것 같습니다.
뉴모피즘 스타일을 시도해볼 때 도움이 되는 사이트들을 모아봤습니다.
1. 뉴모피즘 디자인 세팅값
Neumorphism UI Trend 2020
Hello Everyone! Have you already heard about the recent UI trend called “New skeuomorphism” or Neumorphism? Skeuomorphism describes how interface objects imitate/mimic their real-world counterparts in how they look or how you can interact with them. Ne
dribbble.com
2. 뉴모피즘 css generator
실제 디자인하려면 은근 까다로운 뉴모피즘 스타일 쉽게 적용할 수 있도록 도와주는 사이트.
Neumorphism/Soft UI CSS shadow generator
CSS code generator that will help with colors, gradients and shadows to adapt this new design trend or discover its posibilities.
neumorphism.io
3. 뉴모피즘 적용 사례
최근에는 컨셉 이미지가 아닌 실제 웹이나 앱에서도 뉴모피즘 스타일을 적용한 경우를 종종 찾아볼 수 있다.
'design' 카테고리의 다른 글
| 디자인에서 폰트 사용(Fonts in use) (0) | 2020.12.01 |
|---|---|
| 이미지 용량 줄이기(Image compression) (0) | 2020.11.30 |
| 파비콘(Favicon) 생성 (0) | 2020.11.25 |
| 폰트 찾기 (1) | 2020.11.24 |
| 독특한 컬러 추천 사이트 (0) | 2020.11.23 |