디자인시스템19 디자인 시스템 실무! 컴포넌트 기반 디자인의 이해 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무에서 정말 유용한 개념, 바로 컴포넌트 기반 디자인에 대해 이야기해보려고 해요. 저는 디자인 공부를 시작하면서 반복 작업에 지칠 때가 많았는데, 컴포넌트라는 개념을 알고 나니 작업이 훨씬 효율적이 됐어요. 여러분도 반복적인 디자인 작업에 지친 적 있지 않나요? 그럼 저와 함께 컴포넌트 기반 디자인의 세계로 들어가 볼까요? 버튼 하나를 10번 그리기 귀찮았던 적, 저만 그런가요?제가 처음 앱 UI를 만들 때의 일이에요. 로그인 화면, 회원가입 화면, 설정 화면 등 여러 페이지에 "확인" 버튼이 필요했는데, 매번 버튼을 새로 그렸어요. 크기, 색상, 모서리 둥글기를 일일이 맞추다 보니 시간이 너무 오래 걸리더라고요. 심지어 한 페이지에서 버튼 색.. 2025. 4. 10. 디자인 시스템 실무! 컬러 팔레트 설계하기 안녕하세요, 게으른 사부작이입니다! 오늘은 디자인 시스템의 실무적인 첫걸음, 바로 컬러 팔레트 설계에 대해 이야기해보려고 해요. 색상은 디자인에서 가장 먼저 눈에 띄는 요소라 정말 중요하죠. 저도 처음 디자인을 배울 때 색깔 때문에 고생한 적이 많아서, 오늘 주제가 더 와닿네요. 그럼 저와 함께 컬러 팔레트를 설계하는 법을 알아볼까요?색깔 하나 잘못 골랐다가 상사한테 혼난 적이 있어요. 여러분은요?제가 디자인 공부를 시작하고 처음 팀 프로젝트를 했을 때의 일이에요. 앱 UI를 만들면서 "이 버튼은 빨간색으로 하면 눈에 띄겠지!" 하고 자신 있게 제안했는데, 상사한테 혼났어요. 이유는 빨간색이 "경고"나 "삭제" 같은 부정적인 느낌을 주는데, 저는 "확인" 버튼에 썼던 거예요. 사용자 입장에서는 "이 버튼.. 2025. 4. 9. 디자인 시스템 구글과 애플 사례 분석 안녕하세요, 초보 블로거입니다! 지금까지 디자인 시스템의 기본 개념부터 핵심 구성 요소까지 차근차근 알아봤어요. 이제는 이론을 넘어 실제 사례를 통해 더 깊이 이해해 볼 차례예요. 여러분, 구글과 애플의 앱을 보면 뭔가 다르다는 느낌 안 드시나요? 저는 처음엔 "왜 이렇게 느낌이 다를까?" 궁금했는데, 그 비밀을 풀어보니 바로 디자인 시스템 때문이더라고요. 오늘은 구글의 Material Design과 애플의 Human Interface Guidelines를 비교하면서 그 차이와 특징을 알아볼게요. 준비되셨나요? 구글과 애플의 앱을 보면 뭔가 다르죠? 그 비밀을 풀어봤어요저는 평소 구글 앱(예: Gmail)과 애플 앱(예: 노트)을 자주 쓰는데, 항상 미묘한 차이를 느꼈어요. 구글 앱은 뭔가 따뜻하고 입체.. 2025. 4. 9. 디자인 시스템의 핵심 구성 요소 안녕하세요, 게으른 사부작이입니다! 지난번에 디자인 시스템이 왜 필요한지 알아봤으니, 이번엔 그 시스템을 이루는 기본 뼈대가 뭔지 파헤쳐 볼게요. 저는 처음 디자인 시스템을 공부하면서 "이게 대체 뭐로 만들어진 걸까?" 궁금했는데, 하나씩 뜯어보니 생각보다 이해하기 쉬웠어요. 그럼 저와 함께 디자인 시스템의 핵심 구성 요소를 알아볼까요? 집을 지을 때 벽돌과 창문이 필요하듯, 디자인 시스템에도 기본 블록이 있어요집을 지을 때를 떠올려 보세요. 벽돌, 창문, 문 같은 기본 재료가 없으면 집을 제대로 못 짓잖아요. 디자인 시스템도 똑같아요. 디지털 제품(앱, 웹사이트)을 만들 때 필요한 기본 블록들이 있어야 일관되고 멋진 결과물을 뽑아낼 수 있죠. 이 블록들이 바로 디자인 시스템의 핵심 구성 요소예요. 비유.. 2025. 4. 9. 이전 1 2 3 4 5 다음
