일신비츠온 태블릿 UI
같은 화면 구성과 같은 흐름을 두 가지 디자인 언어로 구현했습니다. 카드를 눌러 시연을 열고, 뒤로 가기로 돌아와 다른 안과 비교하세요.
-
A안
청록 계열 · 밝은 상단바
전체 카테고리 1Depth · 재구매 홈(퀵메뉴 펼침) · 상품 목록 흰 상단바 왼쪽 모서리에 딥그린·민트 정사각 버튼을 여백 없이 붙여 브랜드 색을 앵커로 씁니다. 카드는 실선 없이 옅은 초록 그림자로만 띄우고 아이콘도 납작한 벡터라, 화면 전체가 밝고 가볍습니다.
대표 색 #1F705C #07AA83 #EEF1F1
시연 열기 -
B안
네이비 계열 · 짙은 상단바
전체 카테고리 1Depth · 재구매 홈(퀵메뉴 펼침) · 상품 목록 네이비 상단바를 화면 폭 전체에 깔아 위아래를 뚜렷이 나누고, 파란 라운드 버튼으로 조작 지점을 모읍니다. 카드는 1px 회색 실선으로 칸을 구분하고 아이콘은 입체 렌더라, 정보가 많아도 정돈돼 보입니다.
대표 색 #36496B #4080F6 #F5F7FA
시연 열기