테스트 사이트 - 개발 중인 베타 버전입니다

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

· 4개월 전 · 338

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

 

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

 

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

 

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

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

 

댓글 작성

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

로그인하기

게시글 목록

번호 제목
1524
1523
1522
1521
1520
1519
1517
1516
1514
1506
1501
1495
1466
1447
1444
1443
1440
1436
1435
1431
1403
1394
1388
1387
1386
1380
1378
1373
1370
1357