archuive

디자인은 단순히 시각적인 요소를 아름답게 만드는 것 이상의 의미를 가지고 있습니다. 디자인의 핵심은 사용자 경험을 향상시키고, 정보 전달을 효율적으로 하는 데 있습니다. 이번 글에서는 정보와 경험의 구분이 디자인 시스템의 성숙도에 어떻게 기여할 수 있는지에 대해 논의해보겠습니다.정보와 경험의 차이정보는 우리가 전달하려는 사실, 데이터, 지식 등을 의미합니다. 반면 경험은 사용자가 정보와 상호작용하면서 느끼는 감정과 인식을 포함합니다. 예를 들어, 웹사이트의 콘텐츠는 정보이고, 그 웹사이트를 탐색하는 과정에서 사용자가 느끼는 것은 경험입니다.성숙한 디자인 시스템의 특징성숙한 디자인 시스템은 단순히 정보를 제공하는 것에 그치지 않고, 사용자의 경험을 고려합니다. 정보와 경험을 균형 있게 조화시켜야 합니다. ..

요약: DesignOps 팀의 구조는 팀의 특정 과제와 요구로부터 출발해야 합니다. 이러한 팀 구조는 DesignOps 팀을 지원할 수 있는 다양한 접근 방식을 보여줍니다. DesignOps는 일관되고 품질 높은 디자인을 가능하게 하는 것과 관련된 많은 요소들이 있기 때문에 광대한 기회를 가지고 있습니다. 조직이 DesignOps 실무에서 중점을 두는 것은 해당 조직의 요구와 목표가 반영된 것이어야 하며, 또한 DesignOps 팀이나 역할에 대한 해당 실무 구조도 반영해야 합니다. 이 기사에서는 DesignOps 팀의 일반적인 5가지 유형의 구조에 대해 설명합니다. 적합한 구조는 회사마다 정형화된 DesignOps 프로그램에 대한 전반적인 조직 구조, 목표 및 요구 수준에 따라 달라지며, 따라서 어디에..

디자인 시스템에서 정의한 타이포그라피 규칙을 코드화해 편리하게 사용하고 싶었다. 타이포그래피 규칙은 font-size, font-weight, line-height, letter-spacing 등 복합적인 속성으로 구성되어 있어 변수만으로는 원하는 구조를 구현하기 힘들어 보였다. 위 타이포 규칙을 하나의 묶음으로 만들어 타이포그라피 규칙 중 이 유형 이라는 의미를 갖는 것이 원하는 형태였다. 방안 1. mixin으로 만들어 @include 로 사용하는 방법 방안 2. function으로 만들기? 1. map과 @function 을 사용하는 방법 map 정의 $typography-size-map: ( "heading-01": 72px, "heading-02": 48px, "heading-03": 32px,..