디자인 시스템의 언어

Mar 10 2023
디자인 프로젝트 중에는 팀이 처음부터 동일한 언어를 사용하는 것이 중요합니다. 저는 신속하게 유사점을 도출하고 공동 작업자와 클라이언트로부터 공유된 이해를 도출하기 위한 장치로 은유에 의존하게 되었습니다.

디자인 프로젝트 중에는 팀이 처음부터 동일한 언어를 사용하는 것이 중요합니다. 저는 신속하게 유사점을 도출하고 공동 작업자와 클라이언트로부터 공유된 이해를 도출하기 위한 장치로 은유에 의존하게 되었습니다. 이는 초보자에게 새로운 개념을 소개할 때 특히 유용합니다.

제가 지속적으로 언급하는 한 가지 은유는 디자인 시스템의 프레임워크를 전통적인 언어의 프레임워크와 비교하는 것입니다. 둘 다 구조를 만드는 데 사용되는 일관되고 합의된 "단어"(구성 요소) 및 "문법"(지침) 집합을 제공한다는 점에서 비슷합니다. 언어를 통해 사람들이 의사소통하고 의미를 전달할 수 있는 것처럼 디자인 시스템을 통해 팀은 일관되고 이해하기 쉬운 시각적 요소와 경험을 만들 수 있습니다.

이 은유로 실행하면 디자인 시스템 생성에 적용되는 언어의 네 가지 주요 측면이 있습니다.

이러한 개념을 설명하기 위해 내가 가장 좋아하는 브랜드 재설계 중 하나인 Gretel이 수행한 Netflix 작업 에서 이미지를 가져왔습니다 . 이 이미지는 교육 목적으로만 사용되며 작업과 관련이 없습니다. 엄청난 팬이 되는 것 외에는요.

1. 단어 = 기본 구성 요소

이 구성 요소 집합에는 일반적으로 로고, 색상 및 타이포그래피가 포함되지만 여기에서 질감이나 오디오와 같이 고려해야 할 다른 요소가 많이 있습니다. 이러한 항목은 그 자체로는 거의 또는 전혀 의미가 없지만 고유한 목소리가 싹트기 위한 씨앗입니다.

2. 문법 = 구성 요소의 배열

여기에서 기본 구성 요소를 조립하는 방법에 대한 규칙을 정의합니다. 이것은 우리가 무언가가 "브랜드"라고 느낄 때 명확하게 말할 수 있는 곳입니다. 몇 가지 예로는 색상 비율, 활자 크기 및 쌍, 레이아웃 격자 및 동작 곡선이 있습니다.

3. Semantics = 당신의 배열이 전달하는 의미

이것은 디자인 언어의 진정한 특징이 나타나는 곳입니다. 귀하의 언어는 속도감과 성능을 반영하기 위한 것입니까? 재미 있고 경건하지 않은 것입니까? 조용하고 안심? 여기서 뉘앙스는 우리가 더 개인적인 수준에서 공명하는 언어를 만드는 것입니다. 언어의 "바이브"는 의미론에 있습니다.

4. 화용론 = 정확한 시간에 정확한 의미

언어 여행의 마지막 단계는 적시에 올바른 의미를 전달하는 방법을 아는 것입니다. 실용주의는 이것을 정의하는 데 도움이 됩니다. 사용자 온보딩은 마케팅과 다른 언어를 사용할 가능성이 높습니다. 오류 상태는 성공 상태와 비교하여 다른 언어를 사용할 가능성이 높습니다. 대화의 맥락에 따라 디자인 언어의 사용이 결정됩니다.

어린이의 언어 발달과 마찬가지로 디자인 시스템을 만드는 것은 유창함과 일관성 수준에 도달하기 전에 인내, 실험 및 반복이 필요한 점진적인 프로세스가 될 수 있습니다.

읽어 주셔서 감사합니다. ✌️