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