확장성 있는 효과적인 디자인을 만드세요.

모범 사례를 문서화하고 처음부터 디자인 시스템을 구축하세요.


이 컬렉션의 정보

Your organization is growing, and your designs are getting more complex and sophisticated. Now is the perfect time to formalize your practices and get what you know recorded. The templates in this collection can help you scale your design team’s efforts by showing you how to build a component library, lock down writing guidelines, and develop a design system that all teams can use.

확장성 있는 효과적인 디자인을 만드세요.

이 컬렉션의 사용 방법

Design component template

Tony Starr

선임 콘텐츠 디자이너
Atlassian팀

디자인 컴포넌트

이 편리한 템플릿으로 디자인 시스템의 컴포넌트를 문서화하세요.

템플릿 사용 자세히 보기

1단계. 컴포넌트 라이브러리 구축하기

디자인 시스템을 만드는 첫 단계는 디자인 컴포넌트를 식별하고 문서화하는 것입니다. 디자인 컴포넌트란 디자이너가 새로운 것을 만들 때 결합하는 재사용 가능한 요소입니다. Atlassian의 디자인 컴포넌트 템플릿을 사용하면 자산을 카탈로그화하고, 라이브러리 구축에 따른 행동 및 사용을 자세히 기록할 수 있습니다.

템플릿 보기 →
Writing guidelines template

Atlassian팀

Writing guidelines

쓰기 가이드라인을 문서화하여 조직이나 제품 전체에 걸쳐 메시지가 일관성 있게 유지되도록 하세요.

템플릿 사용 자세히 보기

2단계. 작성 가이드라인 따르기

작성의 원칙을 설명하는 가이드라인을 통해 팀에게 작성에 유용한 정보를 가르쳐 주세요. 높은 수준의 원칙부터 목소리 및 어조의 뉘앙스에 이르기까지, 작성 가이드라인을 따르면 조직 전반에서 사본을 일관되게 유지하고 부서간 업무 파트너를 교육할 수 있습니다. 또한 의사 결정을 단순화하고 디자이너에게 더 나은 초본을 작성하는 방법을 알려줌으로써 작성자의 시간이 절약됩니다.

템플릿 보기 →
Design system template

Atlassian팀

디자인 시스템

팀이 확장함에 따라 자산 전반에서 목표에 맞게 조정하고 일관성을 유지하도록 도와주는 디자인 시스템을 만드세요.

템플릿 사용 자세히 보기

3단계. 디자인 시스템 개발하기

InVision에서 제공하는 디자인 시스템 템플릿을 사용하여 모든 조각을 맞추세요. 이 템플릿을 사용하면 조직의 디자인 시스템을 개발하면서 생각을 체계화하고 문서화할 수 있습니다. 그러면 팀에서는 디자인 시스템을 사용하여 의사 결정의 속도를 높이고, 디자인 부식을 줄이고, 디자인을 개선할 수 있습니다.

템플릿 보기 →