그리드와 기준선(line)을 반드시 잡자
- Figma나 XD에서 12컬럼 그리드 또는 간격 가이드를 설정해두고 작업하면 요소들이 정돈돼 보임
- '눈대중 정렬'은 실제로 보면 흐트러져 보일 확률 높음
텍스트와 버튼은 한쪽(좌 또는 중앙)으로 정렬
- 제목은 좌측 정렬, 본문은 좌측 정렬로 맞추는 게 기본
- 정렬 혼용 시 "시선 이동"이 불편해짐 → 일관성 있게!
이미지 + 텍스트는 ‘묶음 단위’로 정렬
- 카드 형태 콘텐츠(썸네일 + 제목 + 버튼)는 하나의 덩어리처럼 정렬해야 균형감 있음
- 특히 모바일에선 세로 중앙정렬보단 좌측 정렬이 안정감 있음
* 정렬 후엔 반드시 줌 아웃해서 전체 균형을 확인해보기
이처럼 “폰트, 색상, 아이콘”보다도 정렬 하나만 잘해도 전체 퀄리티가 정돈돼 보입니다
게시글 목록
| 번호 | 제목 |
|---|---|
| 1129 | |
| 1125 | |
| 1124 | |
| 1122 | |
| 1120 | |
| 1117 | |
| 1116 | |
| 1115 | |
| 1114 | |
| 1113 | |
| 1109 | |
| 1105 | |
| 1097 | |
| 1096 | |
| 1094 | |
| 1091 | |
| 1088 | |
| 1084 | |
| 1073 | |
| 1072 | |
| 1065 | |
| 1061 | |
| 1055 | |
| 1049 | |
| 1040 | |
| 1039 | |
| 1033 | |
| 1026 | |
| 1021 | |
| 1018 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기