디자인 지침이란?
AI가 일관된 스타일의 페이지를 생성할 때 참고할 수 있도록 색상, 글꼴, 레이아웃 등의 시각적 스타일과 디자인 규칙을 구체적으로 기록한 가이드라인입니다.
디자인 지침은 두 가지 방식으로 작성할 수 있어요.
방식 1: 직접 작성 | 방식 2: DESIGN.md 활용 | |
입력 방식 | 색상, 글꼴, 분위기, 간격/모서리 등 디자인 스타일을 간단히 작성 | 1. 제공되는 DESIGN.md 프리셋을 그대로 사용하거나
2. 내 브랜드에 맞게 부분 수정해서 사용
DESIGN.md란?
디자인 지침의 대표적인 양식으로, AI가 이해하고 활용할 수 있도록 구조화된 마크다운(Markdown) 형식의 디자인 가이드라인 문서예요. |
디테일 | 기본만 (색상, 폰트, 분위기, 간격) | 매우 상세함 (컴포넌트, 비율, 이론까지) |
추천 대상 | 빠르게 시작하고 싶을 때 | 완성도 높은 결과를 원할 때 |
방식 1: 직접 작성
색상, 글꼴, 분위기, 간격/모서리 등 디자인 스타일을 간단히 작성해 보세요.
예시 - 미니멀 & 세련됨
색상: #1F2937 (짙은 회색), #FFFFFF (흰색), #3B82F6 (파랑)
글꼴: 제목 Pretendard Bold 32px / 본문 Pretendard 16px (라인하이트 1.6)
분위기: 미니멀, 신뢰감, 프로페셔널
간격/모서리: 여백 넉넉함, 모서리 직각, 패딩 24px
Plain Text
복사
예시 - 따뜻하고 캐주얼
색상: #8B5A3C (갈색), #FFF8F0 (베이지), #FF6B6B (coral)
글꼴: 제목 Noto Sans KR SemiBold 28px / 본문 Noto Sans KR 15px
분위기: 친근함, 따뜻함, 편안함
간격/모서리: 중간 여백, 모서리 8px 라운드
Plain Text
복사
방식 2: DESIGN.md 활용 (완성도 높게)
DESIGN.md란?
디자인 지침의 대표적인 양식으로, AI가 이해하고 활용할 수 있도록 구조화된 마크다운(Markdown) 형식의 디자인 가이드라인 문서요.
프리셋 활용
1.
식스샵에서 기본 제공하는 DESIGN.md 프리셋을 그대로 사용하거나
2.
마음에 드는 프리셋을 선택한 후, 브랜드에 맞게 색상만 변경해서 사용할 수 있어요.
식스샵 프로에서 기본 제공하는 프리셋 외에도 아래 사이트에서 이미 시장에서 검증된 300개 이상의 국내외 브랜드 DESIGN.md를 활용해 볼 수 있어요.
웹사이트 디자인으로 돌아가기
식스샵 프로 가이드로 돌아가기