라이브러리로 돌아가기

INSTAGRAM

Video by prozavlly

Prozavlly

10가지 차세대 모바일 하단 내비게이션 콘셉트를 한 화면에서 비교하며, 활성 탭에 따라 유동형 블롭·글로우·궤도·레이어 카드가 움직이는 모습을 보여주는 UI 모션 쇼케이스다.

공개 지표

조회수
44,643정확한 값업데이트 지연
좋아요
2,106정확한 값업데이트 지연
댓글수
176정확한 값업데이트 지연

분석 메모

밝은 회청색 배경의 4×3형 비교 보드에 모바일 내비게이션 디자인 10종을 배치한다. 액체형 플로팅 바, 마그네틱 도크, 글라스 캡슐, 분할형 바, 궤도형 표시, 네온 도크, 모핑 블롭, 레이어 카드 등 서로 다른 활성 상태 표현을 동시에 시연한다. 약 10초 동안 선택 표시가 메뉴 사이를 이동하면서 캡슐 확대, 색상 글로우, 액체 변형, 원형 궤적, 카드 돌출 및 파동 애니메이션이 반복된다.

원본 설명

Future of Mobile Navigation 🚀Unique Floating UI Concept 📱Stop Using Boring Nav Bars ✨Sleek Gesture-Based Nav UI 🔥#UIDesign#UXDesign#MobileUI#DribbbleAppDesignCreativeCodingFigmaDesign

모바일 UI내비게이션 바마이크로인터랙션글래스모피즘네온 글로우UI 콘셉트 쇼케이스

영상 기법 메모

  • 활성 탭의 형태 변형: 선택된 메뉴 주위의 캡슐이나 블롭을 확대·이동·융합해 현재 위치를 표시한다. 동일한 보드 안에서도 액체형, 분할형, 카드형 등 서로 다른 변형 방식을 병렬로 비교한다. (00:00–00:10)
  • 색상과 발광을 이용한 상태 강조: 대부분의 비활성 항목은 저채도 또는 단색으로 유지하고, 활성 항목에는 파랑·청록·자홍 계열의 글로우와 고채도 색을 적용해 대비를 만든다. (00:00–00:10)
  • 동시 비교형 고정 레이아웃: 카메라와 전체 그리드는 고정한 채 각 내비게이션 컴포넌트 내부의 선택 상태만 변화시켜, 여러 모션 패턴을 짧은 시간에 직접 비교하게 한다. (00:00–00:10)
원본 공개일
2026년 8월 19일
분석 기준일
2026년 8월 26일
리비전
1
러닝타임
00:10
원본 페이지 열기