디자인 시스템 템플릿

작성자 Atlassian

전문가의 도움을 받아 통합된 디자인 시스템을 개발하여 디자인 팀을 확장하세요.

주요 기능
설명서
팀 정렬
참조 자료

범주

디자인
페이지 템플릿

조직이 성장하면서 브랜드와 디자인에도 변화를 주어야 합니다. 디자인 시스템을 개발하면 디자인 프로세스의 속도를 높이고, 일관성이 없는 부분을 없애며, 조직 전반에서 디자인 부채를 줄일 수 있습니다. 디자인 시스템 템플릿은 디자인 원칙을 정의하고, 컴포넌트를 문서화하며, 디자인, 작성 등에 대한 규칙 및 모범 사례를 명확하게 하는 데 필요한 도구를 제공합니다. 이 템플릿은 모든 디자인 시스템에 완벽한 시작점입니다.

디자인 시스템 템플릿을 사용하는 방법

1단계. 디자인 원칙 정의하기

디자인 원칙은 디자인 시스템의 기반입니다. 새 제품 및 기능을 만들 때 길을 안내해 주는 가치이며, 상호 작용하여 조직만의 고유한 모습과 느낌을 만듭니다. 확고하고, 조직의 독특한 관점을 반영하며, 디자이너들이 적용할 수 있는 원칙을 선택하고, 디자이너의 전문적 재량으로 문제나 갈등을 해결하도록 하세요.

2단계. 시각적 언어 설명하기

디자인 원칙을 정한 후에는 시각적 언어의 요소를 다룰 차례입니다. 시각적 요소로는 색상 팔레트, 타이포그래피, 크기 및 자간 간격 규칙, 아이콘 및 일러스트 라이브러리 등이 있습니다. 각 디자인 요소에 대해 디자이너가 적용해야 하는 규칙을 나열하고 "해야 할 것과 하지 말아야 할 것" 몇 가지를 포함하여 이러한 요소가 실전에서 사용되는 방법을 설명하세요.

3단계. 작성 규칙 적기

시각적 요소 다음에는 언어를 다룰 차례입니다. 모든 조직은 서로 다른 작성 스타일과 목소리를 가지고 있습니다. 심지어 대문자 표시, 구두점 및 숫자에 대한 규칙마저 디자인 팀마다 다를 수 있습니다. 페이지에 핵심 작성 규칙을 적고, 어휘집에 브랜드 용어를 추가하고, 상단에 치트 시트를 만들어 자주 묻는 질문에 답하거나 디자인 팀에게 중요한 작성 규칙을 다시 알려주세요.

3단계. 작성 규칙 적기

4단계. 모범 사례 구축하기

디자인 팀에 적합한 것과 적합하지 않은 것이 무엇인지 알고 계실 것입니다. 다음 섹션에서는 접근성, 브라우저 지원 및 모바일 디자인과 같은 항목에 대한 모범 사례를 작성하세요. 이렇게 하면 디자이너들이 아름다우면서도 포괄적인, 효과가 입증된 디자인을 만드는 데 도움이 되는 치트 시트를 이용할 수 있습니다.

5단계. 컴포넌트 문서화하기

이제 세부 사항을 다룰 차례입니다. 디자인 시스템의 각 컴포넌트를 위한 코드 조각을 붙여넣고 이 섹션의 표를 사용하여 여러 디자인 컨텍스트에서 이것이 어떻게 수정될 수 있는지 설명하세요. 이 섹션은 조직의 개발자가 디자인을 올바르고 일관적으로 구현하도록 보장하는 데 중요한 역할을 하므로 충분한 시간을 갖고 주의를 기울여 작성하세요.

5단계. 컴포넌트 문서화하기

Related Templates

콘텐츠 디자인 용어집

콘텐츠 디자인 용어집

A-Z 가이드를 사용하여 작성자에게 제품 이름, 업계 용어 및 기타 콘텐츠 사용 방법을 알려주세요.

작성자 Atlassian
자세히 알아보기
콘텐츠 전략

콘텐츠 전략

콘텐츠 전략 계획 및 편집 캘린더 구성

작성자 Atlassian
자세히 알아보기
콘텐츠 디자인 용어집

콘텐츠 디자인 용어집

A-Z 가이드를 사용하여 작성자에게 제품 이름, 업계 용어 및 기타 콘텐츠 사용 방법을 알려주세요.

작성자 Atlassian
자세히 알아보기
콘텐츠 전략

콘텐츠 전략

콘텐츠 전략 계획 및 편집 캘린더 구성

작성자 Atlassian
자세히 알아보기
고객 인터뷰 보고서

고객 인터뷰 보고서

고객 인터뷰 보고서를 사용하여 고객 인터뷰에서 통찰력을 얻으세요.

작성자 Atlassian
자세히 알아보기