[디자인 시스템 문서 구조화] 미디엄에서 디자인 시스템 관련 아티클로 유명한 nathan curtis의 글이다. 디자인 시스템 도큐먼트 시리즈 중 1편으로, 디자인 시스템을 만들 때 누구를 고려해야 하고, 타깃 오디언스에 따라 어떻게 콘텐츠를 구조화해야 하는지 설명하고 있다. 시스템을 구축하는 입장이 아니라면 콘텐츠 구조까지는 신경 쓰지 않고 내용만 보게 되지만, 만드는 입장에서는 어떤 콘텐츠를 노출할지, 숨길지, 혹은 없앨지 등 고민할 것들이 많다. 이를테면 콘텐츠 내용은 크게 네 가지로 구분되는데, 컴포넌트 소개(intro or overview) / 사례 / 코드 레퍼런스 / 디자인 레퍼런스. 이 중에 뺄 것은 빼고, 넣을 건 어떻게 보여줄 것인지. 엔지니어와 디자이너 모두가 봐야 한다면 각각 별도의 페이지로 뺄 것인지 혹은 탭에 넣어서 한 페이지 내에서 열람 가능하도록 만들지... 등등. nathan curtis는 Morningstar라는 디자인 시스템을 구축한 경험이 있는데, 위와 같은 고민들에 대해 당시 적용한 구조를 예시로 들며 그 이유를 함께 설명하고 있다.

디자인 시스템 문서 구조화하기

Brunch Story

디자인 시스템 문서 구조화하기

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2020년 5월 31일 오후 12:37

댓글 0

    함께 읽은 게시물

    오픈소스로 완성하는 AI Full Stack

    AI와 관련된 수 많은 오픈소스들이 쏟아지면서 오픈소스 생태계는 그야말로 AI 오픈소스 르네상스를 맞이하고 있습니다. LangChain의 성공을 시작으로 많은 오픈소스들이 나오면서 AI 업계 시스템을 빠르게 메꾸고 있기도 합니다.

    ... 더 보기

     • 

    댓글 1 • 저장 131 • 조회 8,371


    제미나이 인공지능 프로그래밍

    ... 더 보기

    해외 취업을 준비하는 개발자를 위한 커버레터 작성법

    ... 더 보기

    개발자를 위한 IT 영어 온보딩 가이드

    Geek Haus

    개발자를 위한 IT 영어 온보딩 가이드

    조회 58


    성장이 어려운 환경에서의 개발자 생활

    저런 개발자 생활도 한적이 있어서 다양한 생각이 든다.

    “어이 신입, 탈출각이다” | 요즘IT

    요즘IT

    “어이 신입, 탈출각이다” | 요즘IT

    3D Chart를 소개합니다 (feat. WWDC 2025)

    ... 더 보기

    Bring Swift Charts to the third dimension (feat. WWDC 2025)

    iOYES

    Bring Swift Charts to the third dimension (feat. WWDC 2025)

    DDD와 액터

    D

    ... 더 보기

    WEBNORI

    wiki.webnori.com

    WEBNORI