유튜브 보고 디자인 메모, 대시보드 페이지 (마디아 디자인 #210)

영상 1.

이 디자인 습관 못 고치면 5년 뒤에 후회할 겁니다.｜시청자 디자인 컨펌 #210｜UXUI 디자인｜피그마

메인 콘텐츠를 잘 보여주도록 컨펌하는 영상(대시보드 웹페이지)

요약:

폰트 위계 잘 잡기

대시보드 같은 복잡한 콘텐츠에는 꾸밈 요소 덜어주기

 

 

왼쪽 네비게이션 바

1. 카드 형태라서 메인 컨텐츠로 묶여보인다 (카드 형식 빼고 화면에 그냥 붙이기), 그리고 흰색도 빼도 됨
2. 아이콘 형태 맞춰주자, 그리고 대시보드 복잡하니까 아이콘까지 복잡할 필요 없음
3. 선택된 상태에서 스트로크는 넣을 필요가?
4. 투뎁스를 보여줄 때 상위 요소에 하위 요소 정렬을 애매하게 하지 말 것(차라리 맞춰주자), 그리고 아래에 여백 넣어서 메뉴간 분리

2-depth의 텍스트 스타트 라인 위치가 애매해서 시각적 위계 약화 -> 하위 폰트 크기 다운, 약간 그레이 넣어서 분리

카드

1. 백그라운드 컬러가 너무 진함. 연하게. 스트로크도 필요없고, 그림자 약간으로 분리시켜주자
2. 라운드가 세면 스타일리쉬해보이긴 하는데, 복잡해보인다.
3. 메인 타이틀, 페이지 카테고리에는 굳이 카드 형식이 필요할까? 이런 경우는 빼서 메인 콘텐츠에 눈이 가게 하자