정렬로 디자인 완성도 높이기
그리드와 기준선(line)을 반드시 잡자
- Figma나 XD에서 12컬럼 그리드 또는 간격 가이드를 설정해두고 작업하면 요소들이 정돈돼 보임
- '눈대중 정렬'은 실제로 보면 흐트러져 보일 확률 높음
텍스트와 버튼은 한쪽(좌 또는 중앙)으로 정렬
- 제목은 좌측 정렬, 본문은 좌측 정렬로 맞추는 게 기본
- 정렬 혼용 시 "시선 이동"이 불편해짐 → 일관성 있게!
이미지 + 텍스트는 ‘묶음 단위’로 정렬
- 카드 형태 콘텐츠(썸네일 + 제목 + 버튼)는 하나의 덩어리처럼 정렬해야 균형감 있음
- 특히 모바일에선 세로 중앙정렬보단 좌측 정렬이 안정감 있음
* 정렬 후엔 반드시 줌 아웃해서 전체 균형을 확인해보기
이처럼 “폰트, 색상, 아이콘”보다도 정렬 하나만 잘해도 전체 퀄리티가 정돈돼 보입니다
게시판 목록
디자이너팁
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 192 | 6년 전 | 3603 | ||
| 191 | 6년 전 | 1951 | ||
| 190 | 6년 전 | 4275 | ||
| 189 | 6년 전 | 3217 | ||
| 188 | 6년 전 | 8076 | ||
| 187 | 6년 전 | 7789 | ||
| 186 | 6년 전 | 1627 | ||
| 185 | 6년 전 | 2258 | ||
| 184 | 6년 전 | 1385 | ||
| 183 | 6년 전 | 3190 | ||
| 182 | 6년 전 | 2221 | ||
| 181 | 6년 전 | 1648 | ||
| 180 | 6년 전 | 2435 | ||
| 179 | 6년 전 | 2323 | ||
| 178 | 6년 전 | 2224 | ||
| 177 | 6년 전 | 2604 | ||
| 176 | 6년 전 | 15044 | ||
| 175 | 6년 전 | 1355 | ||
| 174 | 6년 전 | 1659 | ||
| 173 |
찐찐222
|
6년 전 | 2708 | |
| 172 | 6년 전 | 2025 | ||
| 171 | 6년 전 | 1483 | ||
| 170 | 6년 전 | 1617 | ||
| 169 | 6년 전 | 3870 | ||
| 168 | 6년 전 | 1869 | ||
| 167 | 6년 전 | 1650 | ||
| 166 | 6년 전 | 1710 | ||
| 165 | 6년 전 | 2023 | ||
| 164 | 6년 전 | 2143 | ||
| 163 | 6년 전 | 1724 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기