Skip to content

Header 디자인

msmk530 edited this page Nov 25, 2020 · 1 revision

📌 뉴모피즘 디자인

공통 컴포넌트인 Header 컴포넌트를 작성하다가, 특정 탭에 위치할 때 버튼 디자인을 어떻게 처리할지 고민하게 되었습니다.
디자인 트렌드를 보던 중 2020/11/24에 올라온 따끈따끈한 글을 접하게 되었습니다.
Glassmorphism in user interfaces

사실 위 링크의 글을 모두 읽어보지는 못했지만, 디자인만 보더라도 굉장히 매력을 느꼈습니다.
위글을 보고 나니 전체적인 디자인 트렌드 역사가 궁금해서 찾아보다가 뉴모피즘이라는 디자인을 접하게 되었습니다.

뉴모피즘과 버튼 UI
2020년 한 획을 그을 UI 디자인 트렌드, 뉴모피즘
뉴모피즘 디자인은 어떻게 좀비가 되었나

위의 글들을 읽어보면 상당히 평가가 극과 극으로 나뉘는 것을 알 수 있습니다.
대체적으로 디자인 자체는 매끄러울 수 있지만, 그 의미가 모호하다는 지적이 많습니다.
분명 사이트 전체에 적용할 경우 지적되는 부분에서 문제가 발생하기 쉽지만, 일부에만 적용해보면 어떨까하여 뉴모피즘 디자인에 의미를 부여했을때의 확실한 효과를 더하여 Header를 디자인해 보았습니다.

ps. 쓸데없는 호기심으로 이것저것 보다보니 전체 분위기를 고려하지 않은것 같기도하여 ... 상의 후 최대한 자연스럽게 녹아들 수 있도록 수정해야 할 것 같습니다!

Clone this wiki locally