[UIUX] 디자인 시스템 만들기

박혜미·2022년 3월 17일

UIUX

목록 보기
1/4
post-thumbnail

다지인 시스템
경우에 따라 스타일 가이드를 디자인 시스템이라 칭하기도 하지만 프레임워크, 브랜드 철학, UX, 코드가이드, 디자인 리소스 등을 통틀어 디자인 시스템이라 한다.

UI라이브러리 사용시 문제점

1. 디자인 변경 불편
디자인 변경이 필요할 경우, 같은 컴포넌트를 쓰는 프로젝트 각각의 디자인을 일일이 수작업으로 변경해야 한다. 이는 개발 프로세스 방면에서도 비효율적인 방법이다.

2. 브랜드 신뢰성 저하
라이브러리의 스타일을 각각 설정하다보니 프로젝트마다 페이지마다 컴포넌트의 디자인이 비슷한것 같으면서도 다른 디자인이 나오는 경우가 종종 생긴다.

심미적 사용성 효과(Aesthetic-usability effect)

브랜드는 일관성 있게 사용자에게 다가가야하며 디자인시스템 사용으로 획일화된 UI가 브랜드의 신뢰성을 향상시킨다는 것을 잊지 말아야한다.

StoryBook

  • 컴포넌트 관리가 용이하다.
  • Figma에서 확인하기 불편했던 상태별 화면을 보기 편하게 만들어져 있다.
  • 무료버전일 경우 3개로 제한되어 있는 page 수를 component에 소비하지 않을 수 있다.
  • 개발자와 디자이너 사이의 커뮤니케이션 시간을 효율적으로 사용할 수 있다.

Design system list with Figma

https://www.designsystemsforfigma.com/

profile
개미

1개의 댓글

comment-user-thumbnail
2024년 6월 17일

저도 UIUX 디자인이하고 싶어서 이것저것 찾아보는 중인데, 귀한 정보 알려주셔서 정말 감사합니다ㅠㅠ 이 글 보니까 저도 얼른 준비해서 UIUX 디자인 해보고 싶어요ㅜㅜ 그런데 요즘은 UIUX 디자인 준비할 때 부트캠프 많이 한다고 하던데.. 현직자가 붙어서 실무 경험 쌓게 해주고, 포트폴리오 만들 수 있다고 해서 혹하네요. 제가 찾아본 곳은 여기있는데 (수강생들이 만든 포폴 보니까 혹해서요..) 주 3일만 들어도 UIUX 디자이너로 취업할 수 있는거 같더라고요. 혹시 여기는 어떻게 보시나요?

https://zrr.kr/bTop

답글 달기