home

디자인 시스템 워크숍

디자인 시스템 워크숍
신청 마감
기간
2022.6.22 - 8.10 (8주)
시간
매주 수요일 19:00 - 22:00
장소
온라인(줌 실시간 라이브)
인원
최대 32명
진행
이상효
480,000원
월 80,000원
6개월 할부 시

강의 소개

강사 소개

이상효
IT 프로덕트 디자이너로 일하고 있습니다. 즐겁게 일하고 잘 노는 삶을 지향합니다.
강사 이력 소개
현) 원티드 Product & Platform 디자이너
현) 피그마 코리아 Community Organizer
전) 버즈빌 Product Designer
전) DICO Graphic Designer & Co-founder

프로젝트
원티드랩 Wanted Design System 구축, 개선
원티드랩 피그마 마이그레이션, UI 리팩토링
버즈빌 BuzzAd Pop SDK 디자인
버즈빌 Buzzvil Design System 구축, 개선
DICO 앱, 웹 서비스 기획, 디자인

강의 이력
원티드랩 사내 피그마 공유 세션 진행
패스트캠퍼스 '피그마를 활용한 모바일 UI 디자인' 강의 진행
버즈빌 사내 '피그마 디자인 스터디','모션 디자인 스터디' 진행

커리큘럼

1주차. 디자인 시스템이란?
  • 디자인 파편화, 디자인 시스템
  • 프로덕트 디자인, 플랫폼 디자인
  • 피그마 & 피그잼 소개
  • [실습 및 과제] 피그마 클라이언트 설치 후 예제 파일 따라 만들어보기
  • 2주차. 피그마 이해하기
  • 좌측 패널: Layer Panel, Asset Panel
  • 상단 Mouse Tool, Contextual Tool
  • 우측 패널: share and viewing
  • 우측 패널: design, prototype, inspect
  • Frame, Auto Layout
  • Constraints & Resizing
  • [실습 및 과제] 팀별로 관심 있는 서비스의 UI 스크린샷을 따라 피그마에서 구현해보기
  • 3주차. 효율적으로 에셋 관리하기
  • 팀별 과제 리뷰 및 피드백
  • 컴포넌트와 인스턴스란
  • 네이밍, 배리언트
  • 로컬 스타일 응용, 셀렉션 컬러
  • 스타일 고도화하기: Fonts, Shadow, Grid 등
  • 기존 컴포넌트 구조의 이해와 적용, 컴포넌트 수정 및 통합
  • 추가 기능 정의, 커뮤니케이션 최적화
  • [실습 및 과제] 팀별로 담당 컴포넌트 영역 설정, 기존 UI 컴포넌트로 대체해보기
  • 4주차. 빠르게 프로젝트 만들어 보기
  • 팀별 과제 리뷰 및 피드백
  • 디자인 시스템 기획 브레인스토밍 해보기
  • 페이지 세분화, 프레임으로 에셋 계층 나누기
  • 로컬 스타일 응용, 셀렉션 컬러
  • 필요한 컴포넌트 검색하여 가져오기
  • 에셋 종류별로 묶기 - 아토믹 디자인(Atomic Design) 기반
  • 초간단 프로토타이핑 해보기
  • [실습 및 과제] 2인 1조로 담당 컴포넌트 영역 설정, 기존 UI 컴포넌트로 대체해보기
  • 5주차. 컴포넌트 발전시키기 1
  • 시스템 구축의 배경, 목적, 원칙 등 문서화
  • Similayer, Google Sheet Sync 플러그인 이해 및 활용하기
  • 유지보수와 협업을 위한 네이밍 규칙: Snake case, Camel case
  • 컴포넌트 유효성 검증하기
  • 시멘틱 네이밍, 디자인 토큰의 개념 이해하기
  • 버저닝, 퍼블리싱의 개념 이해하기
  • [실습 및 과제] 팀별로 컴포넌트 리뷰 및 병합하기
  • [실습 및 과제] 디자인 시스템 문서 구체화하기
  • 6주차. 컴포넌트 발전시키기 2 (*개발자 특별 세션)
  • 개발자 참관 하에 팀별 프로젝트 리뷰 및 피드백
  • [실습 및 과제] 피드백을 바탕으로 디자인 시스템 완성도 높이기
  • 7주차. 디자인 시스템 써 보기
  • 디자인 시스템 문서 내용 피드백
  • 상대 팀의 시스템을 활용해 제품 플로우 구성하기
  • 만들어진 가상의 플로우를 보며 상호 피드백 진행
  • [실습 및 과제] 피드백을 바탕으로 디자인 시스템 최종 완성하기
  • 8주차. 최종 발표 및 마무리
  • 팀별 디자인 시스템 프로젝트 최종 발표
  • [세션] 데이터 드리븐? 비즈니스 드리븐?
  • [세션] 피드백을 대하는 자세
  • [세션] 툴은 툴일 뿐입니다
  • 자주 묻는 질문

    Q. 현재 학생인데 강의를 수강해도 괜찮을까요?

    이번 디자인 시스템 워크숍은 프로덕트 및 플랫폼 디자이너 또는 UI/UX 디자이너로 취업 또는 커리어 전환을 고민하는 분들을 주 대상으로 하고 있습니다.

    특히, 기존의 UI 관련 툴을 다뤄봤거나, UI/UX 강의를 들었음에도, 실무 업무를 보는데 있어 막막하시거나 어려움을 느끼는 분들에게 도움이 될 수 있는 강의입니다.

    Q. 강의 진행은 어떤 식으로 이루어지나요?
    모든 강의는 녹화본이 아닌 줌 온라인을 통해 매주 저녁 7시부터 실시간으로 진행되며, 일반적인 강의 뿐만 아니라 팀별 실습 진행 및 상호 피드백 등이 활발하게 진행될 예정입니다.
  • Q. 강의를 듣지 못했을 경우 강의 녹화본을 볼 수 있나요?
  • 피치 못할 사정으로 강의에 참석하지 못한 수강생 분들을 위해 강의 이후 강의 녹화본이 제공될 예정입니다. (단, 강의 녹화본은 외부로의 유출 및 공유가 불가능합니다.)
  • Q. 팀 프로젝트는 어떻게 진행되나요? 반드시 참여해야 하나요?
  • 이번 디자인 시스템 워크숍은 모든 수강생이 팀 프로젝트를 반드시 참여해야 수료가 가능하도록 설계되었습니다.

    팀 프로젝트는 기본 4인 1조로 나누어 진행되며, 팀원 간 협업을 통해 실제로 가상의 디자인 시스템을 만들어 보게 됩니다. 또한 완성한 디자인 시스템을 바탕으로 상대 팀이 제품을 디자인해봄으로써 문제점과 보완점을 발견하도록 되어있습니다.

    이러한 팀 간의 상호 피드백과 함께 현업 디자이너와 현업 개발자의 피드백에 함께 제공되며, 이를 통해 프로덕트 디자이너가 실무에서 협업하는 방식을 그대로 체험할 수 있습니다.

  • Q. 강의 이외에 피드백을 따로 받을 수 있나요?
  • 이번 디자인 시스템 워크숍은 줌 온라인을 통한 강의 외에 슬랙을 통한 온라인 수강생 커뮤니티가 활성화됩니다.

    수강생 커뮤니티는 개강 직후 참여 링크가 발송되며, 수강생 커뮤니티 내에서 질의 응답, 자료 공유, 프로젝트 협업 등이 상시로 진행될 예정입니다.

  • Q. 우수 수강생 선정 및 추천서 제공은 어떤 기준으로 진행되나요?
  • 이번 워크숍에서는 우수 수강생 1명 그리고 우수 팀 1팀을 선정하여 이력에 활용하실 수 있도록 강사가 직접 작성한 추천서를 제공합니다.

    우수 수강생 및 팀의 선정은 강의 동안 적극적으로 참여하고 성실히 수강함과 동시에 뛰어난 역량 및 성장을 보인 분들에 한해 진행될 예정입니다.

    안내 사항

    프로그램의 수강신청은 5월 16일 월요일부터 6월 21일 화요일 23:59까지 신청이 가능합니다.
    프로그램 진행은 6월 22일부터 8월 10일까지 매주 수요일 19:00~22:00까지 8주 동안 진행됩니다.
    프로그램은 모두 온라인으로 진행되며, 줌 온라인 및 슬랙을 통해 진행될 예정입니다.
    프로그램 환불 및 취소 시 규정은 링크를 통해 확인 부탁드립니다.
    기타 프로그램 관련 문의는 노트폴리오 채널톡로 부탁드립니다.
    정원 초과로 마감 후 대기 등록을 통해 신청 및 입금 시 대기자로 등록되며, 개강 전 환불로 인해 공석 발생 시 순번에 따라 연락을 드립니다.
    대기 등록 후 공석 없이 개강 했을 경우에는 개강 다음 월 또는 화요일 전액 환불 받거나, 다음 기수 선입금자로 등록하실 수 있습니다.