디자인 시스템 템플릿

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

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

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

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

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