영상 1.
UXUI 디자인이 망해가는 🔥결정적인 신호 3가지🔥 ｜시청자 디자인 컨펌 #208｜UXUI 디자인｜Figma
요약:
타이틀 16 본문 14정도로 (본문 12 너무 작음)
토글을 눌릴만하도록
라운딩 박스 남발하지 말것
배너
- 배너 인디케이터는 밖으로 빼지 말고 안으로 넣자
- 버튼 크기 다시 확인(너무 크게 ㄴㄴ)
- 가운데 타이틀+상단 오른쪽 인디케이터일 경우, 타이틀이 길어지면 위계가 부딪히니까 차라리 타이틀을 왼쪽 정렬로 맞추기
카드
- 포스팅 내용 한 줄 보여주는 거 의미없음 그럴거면 그냥 빼는게(최소 3줄?)
- 네이버랑 비교(좋은 사례 스샷 찍어서 대고 비교해보자, 생각보다 폰트가 크다)
- 카드 썸네일의 비율을 맞춰주자(굳이 다를 필요가?)
- 아이콘 16 너무 작음!! ->24로!, 그리고 여백 12 타이트하니까 여백 16으로
- 더보기 아이콘은 하단에 같이 있을 필요가? 상단에 올리기
- 정보 다운로드->'정보 다운'이라고 줄여도 충분
- 라이브 표시는 하단에, 흰색 바탕 말고 검정으로 죽여주기
마이페이지1 (카드)
- 프로필 부분 하단에 이미지 컨텐츠가 들어가면 볼륨이 있으니까, 프로필은 그냥 수평 정렬로 적당히
- 조회수(16k)랑 컨텐츠 더보기(+16) 이러면 정보가 똑같아보이니까 조회수는 왼쪽 하단에 놓고 👁️아이콘 붙여주기
- 여백 넓으니까 딱붙여줘서 뭉텅이로 보이게 하기
마이페이지2 (정보)
- 정보성 페이지는 타이틀을 약하게 하고(크기 다운) 주 내용을 강조한다.
- 라운딩 박스로 단단단 끊으면 복잡해보인다 (하단 스트로크 바텀 디바이더로 구분)
- 서브 내용 많을 때 세로 배열로 정보 그룹핑
- 토글 크기 52x28(눌릴만한 사이즈로), 타이트한 섀도우도 들어가면 이펙트 좋음
영상 2.
🔥독학으로 UX 디자인하면 무조건 발생하는 문제 ｜시청자 디자인 컨펌 #205｜UXUI 디자인｜Figma
요약:
한눈에 많은 정보가 보인다고 해서 가독성이 좋은 게 아님, 걷어내자
이미지가 무거우면 여백을 줘서 여유감을 주자
적절하게 이미지 위에 텍스트를 올려주고 딤드 처리해주자
메인 빌보드
- 상단 gnb 64큼
- 한쪽에 로고, 반대쪽에 검색 아이콘 넣은 노멀한 형태로 변경
- 아이콘 30은 커서 28~24로
- 메인 타이틀 폰트 32, 행간 130%, 자간 -2.5%
- 흰색 글씨면 뒤에 밝은 이미지 오면 안 보임, 딤드나 그라데이션 깔아주자.
- 위아래 흰색인데 탭바가 검정 띠지같이 들어가면 뚝 끊어놓은 느낌이 난다. 크기 16, 텍스트 간 여백 30, 레귤러or미디움
카드
- 크기 40인데 볼드는 너무 투박함->레귤러로 변경. 이미지를 보여줘야하는데 글자가 더 많이 보여서 문제임.
- 본문 14px, 행간 145%, 자간 -2.5%
3. (위 사진) 좌측 패딩 16을 줘서 텍스트끼리 띄워주자
컨텐츠
- 메인 타이틀-소제목 간 여백 8정도
- 소제목 밑에 라인을 쓸거면 과감하게 쓰자, 패딩 24 하단 스트로크. 대신 저 과감한 라인이 모든 코너에 다 들어가면 ㄴㄴ!
- 꾸밈 요소 라인은 필요 없으면 빼자
- 이미지가 너무 강하니까 여유감이 없으면 무거워보인다.
- 이미지랑 텍스트랑 겹쳐서 쓸 때, 이미지에 화이트 10%만 추가(이미지에 타격 안 가는 선에서)
- 날짜 아이콘 들어가면 강조되니까 볼드 빼기
- 강조 안되는 디바이더 컬러는 연해야함(#F1F1F5)
버튼 탭
- 패딩값 로고쪽 12, 텍스트쪽 16, 위아래 8
- 버튼 크기 높이값 38이라 어느정도 크기가 있기 때문에 여백 8정도로
원형 콘텐츠
- 타이틀 18, 레귤러 (볼드 쓰면 투박)
- 본문 14까지는 해야함, 행간 145%
- 텍스트 올라가니까 블랙 딤드 20%, 키워드 텍스트 자간 5%로 널널하게 (많이 하는 디자인을 많이 봐보자)
- 컨텐츠끼리 세로 패딩 32는 줘야함(24좁아)
- 자세히 보기, 더보기 버튼은 위아래 12, 왼 32, 옆 26정도 (화면 가운데 있는 버튼임)
'디자인 개인 공부' 카테고리의 다른 글
| 유튜브 보고 디자인 메모, 대시보드 페이지 (마디아 디자인 #210) (0) | 2026.02.08 |
|---|