웹 디자인에 전념한다면 디자인 시스템이 무엇인지, 프로젝트에서 이를 어떻게 사용하는지 알고 싶을 수도 있습니다. 이는 작업을 보다 효율적으로 수행하는 데 도움이 되는 추가 도움말입니다.
그러나 이를 달성하려면 디자인 시스템의 개념과 작동 방식을 이해해야 합니다. 그리고 이것이 바로 이 글에서 우리가 여러분에게 이야기할 내용입니다. 관심이 있을 수도 있으니 한번 살펴보세요.
디자인 시스템이란 무엇인가
개념을 잡을 때 가장 먼저 염두에 두어야 할 것은 디자인 시스템이란 무엇인가 프로세스나 원칙에 관해 이야기한다는 것입니다. 이는 요소를 선택하고 결과를 얻기 위해 웹 사이트의 구조 또는 아키텍처 내에서 구성하는 방식으로 디지털 프로젝트를 계획하고 구축하는 데 사용됩니다.
이해하기 쉽도록 회사 웹사이트를 개발해야 한다고 상상해 보세요. 구조를 만들어야 하며 이를 구성하는 특정 구성 요소나 요소로 채워야 합니다. 예를 들어, 구독 버튼, 제품 카테고리 모듈, 이미지 갤러리...
디자인 시스템을 정의하는 또 다른 방법은 프로젝트를 수행할 때 고려해야 하는 규칙 세트입니다.
디자인 시스템에는 도구, 구성 요소, 색상과 같은 유형의 요소가 모두 있다는 것을 알아야 합니다. 브랜드 가치, 신념, 사고방식 등의 무형적인 요소로서...
디자인 시스템 예시
현재 디자인 시스템 내에서 수행되는 모든 작업이 구체화된 세 가지 문서가 있습니다.
신원 핸드북
스타일 가이드라고도 알려진 이는 웹 페이지에서 고려해야 할 모든 시각적 및 디자인 참조를 포함하는 문서입니다.
색상 종류는, 타이포그래피, 로고, 영향을 받는 단어 및 금지된 단어… 다음은 이 문서에서 찾을 수 있는 요소 중 일부입니다.
부품 라이브러리
이는 일반적으로 디자인 라이브러리라고도 알려져 있으며 일반적으로 사용되는 구성 요소의 이름, 해당 구성 요소가 무엇인지, 사용 방법에 대한 설명, 웹 페이지에 맞게 구성 요소를 조정하기 위해 해당 구성 요소에 적용된 속성 또는 조정 또는 특정 웹 디자인, 코드 조각, 프런트엔드 및 백엔드 프레임워크에 적용됩니다.
패턴 라이브러리
패턴 라이브러리가 이전 라이브러리 내에 있을 수 있지만 사실은 이 라이브러리와 매우 다릅니다. 이 문서에서는 인터페이스의 일부인 요소 그룹을 찾습니다. 사용자, 즉 블로그 기사, 양식, 바닥글...
프로젝트에서 디자인 시스템을 사용하는 방법
이제 디자인 시스템이 무엇인지 알았으니 프로젝트에서 이를 사용하는 방법을 알아볼 차례입니다. 그리고 당신이 수행해야 할 첫 번째 단계는 해당 프로젝트를 통해 달성하려는 목표가 무엇인지 아는 것입니다.
다시 말해, 당신은 그 프로젝트의 이유를 알아야 할 것입니다 수행하는 데 필요한 것이 무엇인지 이해합니다.
기능적 요구와 비기능적 요구
목표를 통해 프로젝트에 필요한 것이 무엇인지 알 수 있다는 생각을 남기기 전에. 그리고 그 요구사항 중에는 기능적인 요구사항이 있을 것입니다. 즉, 사용자와 관련된 내용 및 페이지나 프로젝트에 부여할 수 있는 용도입니다. 그리고 프로젝트의 올바른 기능을 위해 필요한 비기능적인 것들.
이전에 제시한 예를 계속해서 페이지의 웹 디자인을 개발하는 경우 원하는 것은 사용자가 카테고리를 클릭하고 그 안에 있는 제품 카탈로그로 이동할 수 있도록 하는 것입니다. 그것은 기능적 필요성이 될 것입니다. 하는 동안 호스팅이 오류 없이 작동하거나 느리다는 사실은 기능적이지 않은 필수 사항일 것입니다. 그러나 이전 것보다 동등하거나 훨씬 더 중요합니다.
티포스 데 시스테마스
디자인 시스템을 사용할 때 다음 단계는 어떤 시스템을 따를 것인지 설정하는 것입니다.
그리고 다양한 방법이 있으며 각각은 어느 정도 적합합니다. 가장 일반적인 것은 다음과 같습니다.
- 건축 설계, 무엇보다 구조에 집중했습니다.
- 물리적 디자인, 인터페이스 디자인, 데이터 디자인, 프로세스 디자인의 세 단계로 구성됩니다.
- 논리적 디자인, 전체 시스템의 흐름과 그들 사이의 연결이나 관계가 표현됩니다.
디자인 시스템의 장점과 단점
모든 시스템에는 일련의 장단점이 수반되며 디자인 시스템도 다르지 않을 것입니다.
이러한 작업 방식을 사용할 때의 장점 중 하나는 유사한 다른 프로젝트에 이를 빠르게 복제할 수 있다는 것입니다. 변경해야 할 유일한 것은 기능이지만 기본은 동일합니다.
또 다른 장점은 최종 결과를 확인하기 위해 설정된 시각적 일관성입니다. 그러나 프로젝트 전체의 한계를 알고 각자가 특정 영역에 집중할 수 있기 때문에 팀으로 작업하는 것도 좋습니다.
자, 디자인 시스템을 유지하는 것은 쉽지 않습니다 그리고 이를 다른 팀 구성원에게 가르치고 수년에 걸쳐 유용하게 만드는 데는 많은 시간이 필요합니다.
여기에 추세는 변하고 디자인 시스템은 매우 짧은 시간 안에 구식이 되어 때로는 이를 수행하는 것이 수익성이 없게 될 수 있다는 점을 덧붙여야 합니다.
이제 디자인 시스템이 무엇인지, 프로젝트에서 어떻게 사용하는지 알았으니, 마지막 단계는 디자인 시스템에 대해 좀 더 알아보고 작업에 적용하는 것입니다. IBM, Polaris 또는 Airbnb와 같이 이를 업무에 사용하는 많은 회사가 있습니다. 감히 그것을 실천에 옮기시겠습니까?