Seonglae Cho촉각적 디자인
iOS7을 기점으로 전 세계 UI는 사물성을 잃고 급격히 평평해졌다. 이후 구글은 애플의 플랫한 디자인에 그림자 같은 스큐어모픽한 요소를 더해 머티리얼 디자인을 제안했고, 얼마 안 가 시대를 아우르는 강력한 디자인 이데올로기
중립적인 느낌이 없어서 글로벌한 디자인 시스템이 되기에는 한계가 있다
UI가 촉각적이라는 것은 무엇을 의미할까?
- 요소와 배경간 구분을 쨍한 컬러 차가 아닌 오로지 그림자와 빛으로만 구분하기 때문이다.
- 뉴모피즘 스타일에 배경색이 사용된다면, UI 요소는 동일 계열 색의 명도 차이로만 디자인된다. 이러한 구분에도 'Drop Shadow'와 'Inner Shadow'가 꼭 필요하다.
뉴모피즘 트렌드에 대하여
본 글은 디자인 뉴스레터 디독에서 발행한 글입니다. 해외 디자인 아티클 번역 뉴스레터 '디독' 구독링크: http://bit.ly/2FNQNpv 내가 처음 이 혼란스러운 뉴모피즘을 알았을 때는 이렇게 오래 갈 줄 예상치 못했었다. 나는 이후에도 뉴모피즘에 대해 부정적으로 글을 썼다. 접근성과 독창성이 부족하다는 이유때문이었다. 하지만 최근에 디자인 트렌
https://brunch.co.kr/@thinkaboutlove/338
reference
뉴모피즘은 새로운 UI 트렌드가 될 수 있을까?
Do we really need Soft UI? | 최근 플랫/머티리얼 디자인의 대안으로 떠오른 뉴모피즘에 관한 글이 자주 눈에 띈다. 돌아보면 모바일 인터페이스 디자인도 다양한 변화를 거쳐 현재에 이르렀다. iOS 초창기는 현실의 사물성을 그대로 재현하는 '스큐어모픽'한 시대였다. 그 후 꽤 시간이 흘렀고, iOS7을 기점으로 전 세계 UI는 사물성을 잃고 급격히 평평해졌다.
https://brunch.co.kr/@cliche-cliche/32
Neumorphism 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.
https://neumorphism.io/#55b9f3
CSS examples
Neumorphism and CSS | CSS-Tricks
Neumorphism (aka neomorphism) is a relatively new design trend and a term that's gotten a good amount of buzz lately. It's aesthetic is marked by minimal and real-looking UI that's sort of a new take on skeuomorphism - hence the name.
https://css-tricks.com/neumorphism-and-css/
artworks examples
25 neumorphism style inspiration in UI - Designbuddy
Neumorphism style in UI is growing like crazy lately. But not so long ago, skeuomorphic was a popular style in user interface design. We all remember times when iPhone was introduced. At that time many application designers decided to use the whole range of possibilities offered by interface design applications.
https://designbuddy.io/inspiration/25-neumorphism-style-inspiration-in-ui/
Tridimensionality: skeuomorphism, flat design, and neumorphism
W hen looking at recent digital interfaces, many styles rely, at some level, on bidimensional representations of physical components. Without being an article that pretends to describe in detail these styles, this text explores the characteristics, rationale, and representation resources of three of the most relevant recent UI styles.
https://uxdesign.cc/tridimensionality-of-skeuomorphism-flat-design-and-neumorphism-bc9d705a5cc7
