클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D고객센터 02-6080-8623
Academy
포트폴리오 클래스
VOD 클래스
수강생 포트폴리오
합격리스트
Lab
디자인시스템 연구
리메인 에이전시
클래스 정보
오프라인 클래스
대면으로 진행되는 오프라인 클래스 입니다.
1개월 과정
1개월 (6주) 동안 진행되는 과정 입니다
결제기능을 이용하기 위해서는로그인이 필요합니다.
2-6개월 무이자 할부 (5만원 이상)
2-7개월 무이자 할부 (1만원 이상)
2-4개월 무이자 할부 (5만원 이상)
* 무이자 할부는 결제 금액 기준으로 적용됩니다.[ 유의사항 ]법인(기업), 체크, 선불, 기프트, 은행계열카드 (BC마크가 없는 NON BC카드 불가)제외 (EX>수협카드 등)직계약 가맹점, 상점부담 무이자 가맹점, 특별제휴가맹점,오프라인 가맹점, 신규 가맹점 등일부 제외본 행사는 카드사 사정에 따라 변경 또는 중단될 수 있음 무이자 할부 결제시 포인트, 마일리지 적립 제외개인간 안전거래 이니 P2P 서비스 제외TASF 취급 수수료 거래 하나카드 제외온라인 PG업종 해당하는 무이자로 이 외 업종은 적용 불가 (제약, 등록금, 도시가스 등)
7월 개강반은 내부 사정으로 인해 8월 6일로 개강일이 변경됩니다. *강의 등록에 일정 참고 부탁드립니다.
챕터 01
Design System?
과정 소개
Design System 이란?
왜 Design System 이 필요한가?
새로운 저작툴에 대한 소개
Design System 제작에 앞서
MoodBoard (Design Concept) 작업
챕터 02
Design System의 제작
Design System Foundation
Color Palette 제작
Type System 설정
Shape, Shadow 설정
Layout Spacing 설정
챕터 03
Components
Design System Components 제작
Button
Card
Dropdown
Chips
Dialog
챕터 04
Component
Progress
Spinner
Selection Controls
Slider
Snackbar
챕터 05
Tabs
Table
Text Fields
Tooltip
Tree
챕터 06
Design System의 활용
Design System 을 활용한 화면 제작
Design System Library 활용하기
프로토 타이핑 툴과 Zeplin
마무리
현재 User Interface 디자인은 사용성을 고려한 디자인으로 발전하고 있습니다. 이에 따라 디자인의 제작 방식 또한 개선되어, UI Design System을 구축하여 제품 전체에 일관된 디자인을 구현하기 쉽도록 제작 방식도 바뀌고 있습니다. 여러가지 새로운 디자인 툴이 등장하며 디자이너들은 새로운 환경에 적응해야 하고, 디자인 방법의 개선도 필요한 상황이에요. 디자인 시스템 수업에서는 UI Designer들이 시스템을 어떻게 구축하는지 알아보며 여러분의 디자인 시스템 작업을 도와드리려고 합니다.
#1 디자인 시스템 제작
프로젝트 제작에 필요한 디자인 시스템의 큰 골격을 만듭니다. 컬러부터 서체, 형태, 공간의 계획 등 하나의 시스템을 만들기 위해서는 각 구성 요소들의 밑작업 즉 뼈대를 만들어야 합니다. 시간과 노력이 많이 들어가는 작업이지만, 통일성 있는 디자인 시스템을 만들기 위해서 꼭 필요한 작업이에요.
#2 디자인 컴포넌트 제작
앞서 제작한 디자인 시스템을 토대로 프로젝트에 바로 사용할 수 있는 주요 컴포넌트 파일을 만듭니다. 버튼, 카드, 드롭다운, Tabs, 툴팁 UI 등 강사님이 제공하는 컴포넌트 파일을 토대로 프로젝트 성격에 맞는 컴포넌트들을 제작합니다.
📂 실제 수업에서 사용하는 컴포넌트 파일입니다
디자인 시스템을 만들기 위한 기초 (컬러, 글꼴, 레이아웃, 공간)에 대해서 배울 수 있어요. 예를 들어, 글자와 컴포넌트의 컬러 설정에도 웹접근성을 고려해 명도대비를 신경써야 하고, 버튼 요소의 radius 값과 shadow 설정에도 규칙을 고려해야 합니다. 혼자 생각하기에는 너무 번거롭고 까다로운 시스템 작업. 강사님과 핵심만 정리해 실습해보세요.
컴포넌트(component)는 사용자 인터페이스(User Interface)를 구성하는 가장 기본 단위입니다. 프로젝트 제작에 빠트릴 수 없는 주요 컴포넌트들을 설명하고, 각 특징에 대해서 알아보는 시간을 가질 거에요. 컴포넌트나 아이콘 형태의 컨셉을 브랜딩과도 연결해 생각하면서 프로젝트에 알맞은 컴포넌트를 만들어 봅니다.
다른 디자이너, 개발자와 공유할 수 있게 UI를 시스템적으로 정리하고 싶어요.
컴포넌트로 UI를 만들어서 필요할 때 바로바로 사용하고 싶어요
서비스나 제품에서 통일된 UI를 구현하고 싶어요
UI 디자인 시스템
주말반
황기연 강사님
안녕하세요. 디자이너 황기연입니다.
저는 현대모비스와 티맥스소프트, S-Core에서 UI 디자이너로 활동하며, 제조사와 소프트웨어 분야 UI 실무 경험을 갖고 있습니다. 제가 느낀 실무 경험을 바탕으로 보다 체계적인 디자인 시스템을 구축하고 싶은 UI 디자이너, 예비 디자이너를 위해 디자인 시스템에 대한 교육을 진행하고 있습니다.
UI 실무자 직강
전) 현대모비스, 티맥스소프트
누적 수강 1,128명
현 47기수까지 조기마감 기록
컴포넌트 파일제공
바로 쓸 수 있는 원본 파일 제공
입문자도 수강가능
사전지식이 없어도 수강가능
이민수
👍5.0
이제 막 UI디자인에 대해 공부하려 던 참에 듣게 되었는데 처음엔 조금 어려운 부분들이 있었지만 강사님께서 차근차근 쉽게 설명해주셔서 알차게 잘 들었습니다. 무엇보다 실무에서 진행되는 부분을 바탕으로 열정적으로 강의해주셔서 너무 좋았습니다. 처음 공부하는 입장에서 많은 도움이 됐습니다. 감사합니다^^
이지영
👍4.3
UI 워크숍 정말 너무 잘들었습니다! UX를 전공한지라 UI 수업을 들었더니 너무 도움이 많이 되었습니다. 기획한부분을 비주얼적으로 끌어내는데에 많이 곤란했는데 지금은 제 기획을 200%재현해 낼수있게 되었습니다. 현역 디자이너분께 배우니까 무엇보다 기획, 디자인, 개발자들 사이에 서로가 맞춰야할 선을 충분히 배울 수 있게 되었습니다. 디자인을 할때 dp계산이라던가 아이콘 및 기타요소들의 수치에 대해서 배운게 너무 좋았습니다. 기획자분들이나 UX 전공하시는 분이라면 꼭! 추천하고 싶습니다.
한승혜
기연쌤께서 잘 알려주셔서 이번에 디자인이 만족스럽게 나온것 같아요! 모르는 부분에 대해선 계속 짚어가며 알려주셔서 너무 감사했습니다~ 처음 접하시는 분들도 강의를 듣게 되면 저처럼 얻어가는게 많은거라 생각되요 기연쌤이 잘 알려주셔서 즐겁게 수업 잘 들었습니다 또 인사드릴꼐요~~~감사해요~
김미나
👍4.2
기대 이상으로 훨씬 더 많은 지식과 노하우등등을 알려주셔서... 재수강을 하고싶습니다. ㅠㅠ
김지우
👍4.4
제가 많이 내성적이라서 수업 끝나고 궁금한 점을 정리해서 강사님께 랜선으로 질문했는데요. 진짜 자세하게 답변해주셔서 너무 감사하더라고요.. 저도 나중에 이쪽 업계에 들어가서 강사님처럼 되고 싶네요.
신은지
컴포넌트로 바로 쓸수 있는 스케치,xd 파일까지 주셔서 바로 회사에 가져갔어요! 수업 때 회사 시스템 작업 하면서 쌤 피드백도 자세히 받을 수 있어서 좋았습니다!
1. 실제 업무에 적용 가능한 UI 디자인 시스템을 만들 수 있습니다.
2. 내가 디자인 한 결과물에 대해 제대로 이야기 할 수 있습니다.
3. 체계적인 디자인 프로세스를 정립할 수 있습니다.
개인노트북 (window, mac 운영 체제 모두 사용 가능)
Sketch (mac 운영 체제 사용 가능)
Adobe XD (필수 준비물이 아니므로, 선택적 설치 가능)