초보자를위한디자인16 디자인 시스템 문서화의 중요성 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 중요한 주제, 바로 디자인 시스템 문서화의 중요성에 대해 이야기해보려고 해요. 지금까지 디자인 시스템을 설계하고, Figma로 구현하고, 개발자와 협업하는 과정을 배웠으니, 이제 그 모든 작업을 체계적으로 정리하고 공유할 차례예요. 문서화는 디자인 시스템을 팀원들과 공유하고 유지하는 데 필수적인 단계인데, 저도 문서화의 중요성을 뼈저리게 느낀 경험이 있답니다. 그럼 저와 함께 문서화의 필요성과 실무적 방법을 알아볼까요? 문서 없이 팀원과 싸운 적이 있어요제가 디자인 시스템을 처음 만들 때의 일이에요. 열심히 Figma에서 버튼, 컬러, 타이포그래피를 정리해서 팀원들과 공유했는데, 문서화를 하지 않았어요. "Figma 파일만 있으면 되지 .. 2025. 4. 21. 개발자와 협업하기 위한 디자인 시스템 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 마지막 단계로, 개발자와 협업하기 위한 디자인 시스템에 대해 이야기해보려고 해요. 지금까지 Figma로 스타일과 컴포넌트를 만들어보는 과정을 배웠으니, 이제 그 결과를 개발자와 공유해서 실제 제품으로 구현해볼 차례예요. 저도 처음엔 개발자와 협업하면서 당황했던 경험이 많았는데, 체계적인 가이드를 만들고 나니 훨씬 수월해지더라고요. 그럼 저와 함께 개발자와 원활하게 협업할 수 있는 디자인 시스템을 준비하는 법을 알아볼까요? 개발자가 '이거 어떻게 코딩해?' 물었을 때 당황했어요제가 처음 디자인 시스템을 만들고 개발자에게 넘겼을 때의 일이에요. 열심히 Figma에서 버튼과 컬러를 정리해서 공유했는데, 개발자가 "이 버튼 크기가 정확히 몇 픽셀.. 2025. 4. 21. Figma로 디자인 시스템 만들기 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 실습 단계로, Figma를 활용해서 디자인 시스템을 만드는 방법을 알아보려고 해요. 지난 포스트에서 버튼과 컬러를 설계해 봤으니, 이제 그걸 Figma에서 구현해 볼 차례예요. Figma는 디자이너와 개발자 모두에게 사랑받는 툴인데, 처음 써보는 사람은 좀 헤맬 수 있죠. 저도 처음엔 Figma 인터페이스에서 길을 잃었지만, 익숙해지니 정말 편리하더라고요. 그럼 저와 함께 Figma로 디자인 시스템을 만들어볼까요?Figma를 처음 썼을 때 헤맸던 기억이 나네요제가 Figma를 처음 썼을 때의 일이에요. "Figma가 초보자도 쉽게 쓸 수 있다!"라는 말을 듣고 설레는 마음으로 시작했는데, 막상 열어보니 메뉴가 너무 많아서 어디서부터 시작.. 2025. 4. 21. 디자인 시스템 설계 시작하기 : 첫 단계 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템 시리즈의 마지막 단계로, 디자인 시스템 설계를 시작하는 첫 단계에 대해 이야기해보려고 해요. 지금까지 디자인 시스템의 필요성부터 구성 요소, 컴포넌트, 디자인 토큰까지 배워왔으니, 이제 직접 설계해 볼 차례예요. 처음엔 저도 "어디서부터 시작해야 하지?" 하고 막막했지만, 작은 것부터 시작해 보니 한결 쉬워지더라고요. 그럼 저와 함께 디자인 시스템 설계의 첫걸음을 내디뎌 볼까요? 처음이라 막막했지만, 작은 것부터 시작했어요제가 디자인 시스템을 처음 공부할 때, "디자인 시스템 = 거대한 프로젝트"라는 생각에 겁부터 났어요. 넷플릭스나 구글 같은 대기업의 디자인 시스템을 보면서 "이런 걸 나도 만들 수 있을까?" 하고 걱정했죠. 하지만 선배 디자이너.. 2025. 4. 10. 디자인 시스템 실무! 컴포넌트 기반 디자인의 이해 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무에서 정말 유용한 개념, 바로 컴포넌트 기반 디자인에 대해 이야기해보려고 해요. 저는 디자인 공부를 시작하면서 반복 작업에 지칠 때가 많았는데, 컴포넌트라는 개념을 알고 나니 작업이 훨씬 효율적이 됐어요. 여러분도 반복적인 디자인 작업에 지친 적 있지 않나요? 그럼 저와 함께 컴포넌트 기반 디자인의 세계로 들어가 볼까요? 버튼 하나를 10번 그리기 귀찮았던 적, 저만 그런가요?제가 처음 앱 UI를 만들 때의 일이에요. 로그인 화면, 회원가입 화면, 설정 화면 등 여러 페이지에 "확인" 버튼이 필요했는데, 매번 버튼을 새로 그렸어요. 크기, 색상, 모서리 둥글기를 일일이 맞추다 보니 시간이 너무 오래 걸리더라고요. 심지어 한 페이지에서 버튼 색.. 2025. 4. 10. 디자인 시스템 실무! 컬러 팔레트 설계하기 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무적인 첫걸음, 바로 컬러 팔레트 설계에 대해 이야기해보려고 해요. 색상은 디자인에서 가장 먼저 눈에 띄는 요소라 정말 중요하죠. 저도 처음 디자인을 배울 때 색깔 때문에 고생한 적이 많아서, 오늘 주제가 더 와닿네요. 그럼 저와 함께 컬러 팔레트를 설계하는 법을 알아볼까요?색깔 하나 잘못 골랐다가 상사한테 혼난 적이 있어요. 여러분은요?제가 디자인 공부를 시작하고 처음 팀 프로젝트를 했을 때의 일이에요. 앱 UI를 만들면서 "이 버튼은 빨간색으로 하면 눈에 띄겠지!" 하고 자신 있게 제안했는데, 상사한테 혼났어요. 이유는 빨간색이 "경고"나 "삭제" 같은 부정적인 느낌을 주는데, 저는 "확인" 버튼에 썼던 거예요. 사용자 입장에서는 "이 버튼.. 2025. 4. 9. 이전 1 2 3 다음
