[UX/UI디자인] 디자인 시스템 작업 실무 프로세스 이야기

#ux #uxdesigntips #designsystem #디자인시스템 #디자인팁
안녕하세요. 썬이예요~.
오늘 내용은 구독자 요청으로 만들었어요. 제가 갖고 있는 자료를 참고용으로 보여드리고 싶어서 자료 모으느라 시간이 좀 걸렸어요. 가뭄에 콩 나듯 영상 올린 점.. ㅜㅜ 죄송합니다. 그래도 나름 열심히 준비한 영상 보시고, 영상 봐주신 모든 디자이너분들 뭔가 정보 하나라도 얻어 가실 수 있는 아님 본인이 하는 방식과 같구나 하면서 공감하는 12분이 되시길 바랄게요^^* 감사합니다.
------------------------------------------------------
Time Stamp
0:12 주제 소개
0:29 #1. 디자인 시스템이란
0:55 #2. 디자인 시스템이 없다면
3:04 #3. 디자인 시스템이 있다면
4:12 디자인 시스템을 어떤 과정으로 만들었나
4:36 #4. 처음 디자인 시스템을 만드는 경우
6:02 #5. 디자인 시스템이 있는 경우
6:48 새 컴포넌트 추가 여부 결정하는 방법(Decision Tree 소개)
7:48 디자인 컴포넌트 Copy/Paste로만 간단히 만든 팝업창 샘플
8:07 디자인 시스템 템플릿 샘플
8:28 #6. 디자인 시스템은 있지만, 디자인 일관성/효율성이 떨어진다면?
9:06 팀원과 디자인 시스템 문제점 찾기
9:18 #7. 내가 추천하는 디자인 시스템 참고 사이트 Top 3
9:40 Google Material Design
10:33 Human Interface Guidelines
11:00 WrapBootstrap Dashboard Templates
------------------------------------------------------
급하게 상담이 필요하신 분 / 멘토가 필요하신 분들을 위해 제가 1:1 상담 창을 만들었습니다.
1:1 Career Coffee Chat - https://calendly.com/uxsun/
이제 커피챗 https://calendly.com/uxsun/ 통해서 시간 잡아주시면 제가 자세하게 준비해서 1:1 상담해 드릴게요.
------------------------------------------------------
참고 자료
📍 Figma 영상자료 https://www.figma.com/file/nBDLVUOlEI...

📍개인 소장용 디자인 시스템 샘플 PDF
UX SUN이 작업했던 디자인 시스템들 모음입니다. 거의 5-8년전에 작업했던 거라 너무 올드하지만 참고용으로 공유해요. https://drive.google.com/drive/folder... 영상에서도 말했지만 이렇게 디테일하게 요즘에는 안해요^^: 아래 구글 - material design 피그마 스타일로 디자인 시스템 만드시면 좋을거 같아요.

📍 (추천) Figma- Material design
https://www.figma.com/file/GKcQNFu4KX...

📍 Google material design
https://m3.material.io/components

📍 Apple Human Interaction Design Guidelines
https://developer.apple.com/design/hu...
https://developer.apple.com/design/re...

📍 Wrapbootstrap Admin templates
https://wrapbootstrap.com/category/te...
------------------------------------------------------
Made with Vrew, the AI video editor
Music by Epidemic Sound (To get a 30-day free trial, click this. https://www.epidemicsound.com/referra...)