2026, 새로운 도약을 시작합니다.

정렬로 디자인 완성도 높이기

· 6개월 전 · 497

그리드와 기준선(line)을 반드시 잡자
- Figma나 XD에서 12컬럼 그리드 또는 간격 가이드를 설정해두고 작업하면 요소들이 정돈돼 보임
- '눈대중 정렬'은 실제로 보면 흐트러져 보일 확률 높음

텍스트와 버튼은 한쪽(좌 또는 중앙)으로 정렬
- 제목은 좌측 정렬, 본문은 좌측 정렬로 맞추는 게 기본
- 정렬 혼용 시 "시선 이동"이 불편해짐 → 일관성 있게!

이미지 + 텍스트는 ‘묶음 단위’로 정렬
- 카드 형태 콘텐츠(썸네일 + 제목 + 버튼)는 하나의 덩어리처럼 정렬해야 균형감 있음
- 특히 모바일에선 세로 중앙정렬보단 좌측 정렬이 안정감 있음

* 정렬 후엔 반드시 줌 아웃해서 전체 균형을 확인해보기

이처럼 “폰트, 색상, 아이콘”보다도 정렬 하나만 잘해도 전체 퀄리티가 정돈돼 보입니다

|

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

디자이너팁

디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
번호 제목 글쓴이 날짜 조회
377 2주 전 조회 59
376 3주 전 조회 108
375 1개월 전 조회 213
374 1개월 전 조회 181
373 3개월 전 조회 328
372 5개월 전 조회 368
371 5개월 전 조회 410
370 5개월 전 조회 483
369 5개월 전 조회 464
368 6개월 전 조회 498
367 6개월 전 조회 524
366 6개월 전 조회 406
365 7개월 전 조회 502
364 7개월 전 조회 501
363 11개월 전 조회 1,235
362 1년 전 조회 878
361 1년 전 조회 1,362
360 3년 전 조회 5,467
359 3년 전 조회 3,681
358 3년 전 조회 2,702
357 3년 전 조회 2,919
356 3년 전 조회 2,460
355 3년 전 조회 2,699
354 3년 전 조회 2,411
353 3년 전 조회 4,086
352 4년 전 조회 4,732
351 4년 전 조회 4,411
350 4년 전 조회 2만
349 4년 전 조회 4,970
348 4년 전 조회 4,216
🐛 버그신고