inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

디자인 시스템 with 피그마

이원화 사이트 디자인 시스템 구축

580

lanslot8
0

안녕하세요.

ab브랜드를 가지고 있던 사이트가

a브랜드, b브랜드로 이원화 되었는데요.

이원화된 사이트에 디자인 시스템을 도입하려고 하는데

 

global 하나에 모든것을 등록하여 디자인 시스템을 구축하는것이 좋을까요

강의에서 보여졌던 dark / light 모드를 응용하여

 

global

a브랜드

b브랜드

로 구축하는게 좋을까요?

 

고민스럽습니다.

figma figma-tokens 디자인-시스템 아토믹-디자인 이원화사이트 이원화

답변 1

0

범쌤

안녕하세요 lanslot8 님 😀

 

A,B 브랜드의 디자인을 보지않아 확답을 드리긴 어려우나,

브랜드가 이원화 되었고, 시스템을 구축해야 한다면 크게 두가지를 고민해 봐야 할 것 같습니다.

 

  1. 각 브랜드마다 비슷한 형태의 디자인이 나와야 하는가?

(카카오톡, 카카오 지갑, 카카오 선물하기, etc...)

  • 글로벌 시스템을 구축 후 글로벌 시스템을 사용하는 형태로 관리가 이루어집니다.

  • 각 브랜드마다 글로벌을 따라가지만 색상과 약간의 타이포가 다를 경우엔 간소화된 브랜드별 @시스템을 관리합니다. 단, @시스템의 규모가 글로벌보다 커지면 시스템이 흔들리게 되고 최대한 글로벌 시스템을 사용하되 브랜드의 아이덴티티를 가져갈 수 있는 부분들에서만 @시스템을 만들어가야합니다.

장점 : 브랜드별 아이덴티티를 사용자로 하여금 하나의 회사처럼 느끼게 할 수 있음.

디자이너와 개발자의 협업이 쉬워지며, 업무 속도가 상당히 빨라짐

 

단점 : 디자인이 단순해짐 (디자이너가 재미를 느끼기 어려움)

 

 

  1. 각 브랜드마다 전혀 다른 형태의 디자인이 나와야 하는가?

(CGV, 올리브영, 비비고, etc..)

  • 전혀 다른 컨셉의 디자인이기 때문에 브랜드별 시스템을 구축하고 이를 따로 관리합니다.

장점 : 디자인이 다양해짐 (디자이너가 재미를 느낄 수 있음), 사용자에게 새로운 UX 경험을 제공해줄 수 있음.

 

단점 : 시스템 관리가 복잡해짐, 브랜드별 개발자가 나눠져 있는게 아니라면 개발자 입장에서 혼란스러울 수 있음.

 


 

각자의 장단점이 있어서 뭐가 좋다 보다는 회사의 방향성에 맞춰 구축하시는게 좋습니다.

 

감사합니다 :)

 

 

 

AI 디자인 시스템 관련해서 문의드립니다.

0

363

1

강의 중 사용한 플러그인

0

408

1

생성한 베리어블이 Apply variable mode에서 보이지 않아요

0

595

0

어플 기획 관련 피드백을 받고 싶은데 혹시 가능할까요?

0

609

1

강의 정리

0

639

1

정량적인 내부 데이터에 접근 할 수 없을 때, 어떻게 문제를 정의하면 좋을까요?

0

972

1

단축키 사용

0

502

1

피그마 실습 링크 공유

0

1174

0

피그마 서비스 기획 강의 실습 Figma 링크 공유

0

565

0