내일배움캠프_본캠프_55일차_학습일지_인터뷰 진행

2024.05.08(수)

내일배움캠프본캠프 55일차학습일지

💡1주차 멘토링 사전 노트 재 피드백

👉 어제 받은 결과물을 바탕으로 오전 중으로 피드백

• 피드백을 다시 받고, 수정하게 되었습니다

💡인터뷰 품앗이

👉 나연님과 인터뷰 품앗이를 진행했습니다
어제는 제가 나연님과 인터뷰를 진행했고, 오늘은 저의 인터뷰에 참여해주셨답니당
친절하고, 성실하게 임해주신 나연님께 무한 애정을!!!!💗

💡챌린지 수업_5주차

👉 디자인 수업을 진행했습니다

브랜드 디자인 시스템이란?

• 회사의 제품이 서로 다르지 않고 일관적인 모습을 보여주는 도구 모음을 의미함
• 재사용이 가능하게 만드는 경우가 많음
  구성요소
• 디자인 언어
  • 브랜드의 시각적언어, 색상, 타이포 등등이 해당 됨
• 디자인 키트
  • 작업을 위한 도구와 자원을 제공, 템플릿, 아이콘, 디자인 소프트웨어에 직접 적용할 수 있는 구성요소 / 구글 머터리얼 키드 등이 있음
• 컴포넌트 라이브러리
• 버튼, 입력 필드, 드롭다운 메뉴와 같은 UI 요소들을 재사용 가능한 형태로 제공
• 디벨로퍼 샌드박스
  • 개발자가 디자인을 코드로 옮기며 테스트 할 수 있는 환경을 제공함, 디자인과 실제 구현 사이의 일관성을 유지하는데 도움됨
• 다큐멘테이션
  • 디자인 시스템의 세부 사항을 문서화하여, 디자이너와 개발자가 어떻게 사용해야하는 지 안내, 이 디자인 법칙과 특징을 설명함

비즈니스 전략과 디자인 시스템 연결 방법론

• 전략적 디자인 선택
• 일관성 유지
• 피드백의 통합
• 측정과 개선

성공적인 디자인 시스템 연구 분석

• 1. 구글 머터리얼 디자인
  • 키트, 컴포넌트 등이 많음
  • 누가봐도 구글 디자인임을 알 수 있음
  • 톤앤매너가 잘 이뤄져있음
  • 구글에서 일하지 않아도, 수 많은 시행착오 끝에 만들어져있기 때문에 공부가 필수
• 2. 애플 휴먼 인터페이스 가이드라인
  • 많은 디바이스 별로 디자인 시스템이 다름
  • 굉장히 세세하고 디테일한 편임
• 3. 온라인 웹사이트 가이드라인
  • 웹사이트 별로 다른 사이즈를 가이드 라인으로 정리하고 있습니다
  • 보이지 않는 그리드 등을 알려주고 있음
• 4. 아우디
  • 컬러, 폰트 등등 톤앤매너가 일관적으로 사용되는지에 대해서 알려주고 있음

과제 설명 및 QnA

• 컴포넌트를 리뉴얼 해보자~!
  • 문화체육관광부 웹사이트 헤더/공식 배너를 디지털 정부 디자인 시스템에 맞춰서 리뉴얼하기
  • Step 1. 문화체육관광부 웹사이트 헤더 / 공식 배너 디자인 찾기
  • Step 2. 공식 배너 / 헤더 가이드라인 살펴보기
  • Step 3.
  • Step 4. 공식 배너 / 헤더 컴포넌트 찾기 - zoom해서 찾아야함
  • Step 5.
  • Step 6. 이미지 파일로 뽑아서 슬렉으로 제출하기