폰트 사이즈는 rem 단위 사용

· 6개월 전 · 561

폰트는 rem 단위로 설정 → 반응형에 유리

주요 색상은 CSS 변수로 정의 → 유지보수 편리

여백·간격은 8px 단위 사용 → 디자인 정돈

버튼·카드 등은 컴포넌트 단위로 재사용 설계

다크모드는 prefers-color-scheme + CSS 변수로 대응

실제 콘텐츠 기반 디자인 → 실무 오류 예방

로고·아이콘은 SVG로 삽입 → 빠르고 유연

Figma/XD 디자인 시 마진·폰트·색상 가이드 포함

모바일부터 설계 → PC 확장은 미디어쿼리로 대응

반응형은 max-width + % 단위로 구성

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

디자이너팁

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
1개월 전 조회 168
1개월 전 조회 195
2개월 전 조회 305
2개월 전 조회 263
4개월 전 조회 439
6개월 전 조회 448
6개월 전 조회 500
6개월 전 조회 562
6개월 전 조회 552
7개월 전 조회 582
7개월 전 조회 627
7개월 전 조회 486
8개월 전 조회 581
8개월 전 조회 568
1년 전 조회 1,311
1년 전 조회 955
1년 전 조회 1,437
3년 전 조회 5,636
3년 전 조회 3,799
3년 전 조회 2,787
3년 전 조회 3,002
3년 전 조회 2,558
3년 전 조회 2,791
3년 전 조회 2,511
4년 전 조회 4,238
4년 전 조회 4,845
4년 전 조회 4,501
4년 전 조회 2만
4년 전 조회 5,069
4년 전 조회 4,338