오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

Icon for
Components
Oneday

CREATOR. LeeSangyong

스케치로 만들어보는
아이콘 컴포넌트 원데이

88,000 원데이 클래스

LIVE 2.5단계에도 원격수업으로 정상진행

일정

필독 공지사항

사회적 거리두기 2.5단계로 인해 12월 15일 예정이었던 과정은 1월로 연기되었습니다.
정확한 일정이 나오게 되면 다시 사이트에 게재하도록 하겠습니다. 감사합니다.




코로나바이러스감염증-19 단계별 대응 방침 안내


1 / 2 단계 정상운영 및 방역 강화
2.5 / 3단계 원격수업으로 전환

격상 및 해제시 수강분들에게 문자 공지드립니다.


출입에 대한 방역 수칙


1. 출입시 발열 체크 및 QR 전자출입명부 작성
2. 전 강의장 및 공간에 대한 소독 진행 (매일 오전 10:00, 오후 18:00, 저녁 23:00)
3. 강의장, 로비, 사무실 손 소독제 비치
발열 또는 호흡기(기침, 인후통, 근육통 등)등 몸이 아프면 출석하지 않습니다.
* 결석으로 인한 수업진도는 02-6080-8623으로 문의 주시기 바랍니다.


수업에 대한 방역 수칙


1. 수업시간내 전 강사 및 수강생 KF94 마스크 의무 착용
2. 리메인 직원 마스크 의무 착용

리메인에서는 코로나바이러스감염증-19 의심환자 발생 시 즉시 대응할 수 있도록 운영하고 있으며,
수강생 여러분의 안전한 학습 환경 조성과 건강을 위해 최선을 다하겠습니다.
감사합니다.

스케치 Advocate에게 배우는
UI 컴포넌트 요소, 아이콘 제작 클래스



아직도 일러스트레이터에서 아이콘 작업을 하고 계시나요?
스케치로도 높은 수준의 비주얼 에셋 작업부터 아이콘 작업까지 가능하다는 사실!
잘 디자인하다 아이콘 만들 때만 다른 툴을 사용하는 게 번거로웠다면, 이번 클래스를 놓치지 마세요. 스케치 Advocate에게 배우는 디바이스에 최적화된 아이콘. 아이콘 컴포넌트 원데이 클래스

해당 클래스는 스케치 툴로 진행되는 원데이 클래스입니다 :)

하루동안 2개의 작품을
만들어볼거에요

  • #1 컴포넌트 규칙에 맞는 아이콘 만들기

    강사님 지도하에 다양한 환경에서 활용이 가능한 픽셀 규격에 맞는 깔끔한 아이콘을 제작합니다.
    디자인 시스템에 꼭 필요한 아이콘! 올바른 컴포넌트 픽셀 규격에 맞는 아이콘을 제작을 만들어 봅니다.

  • #2 일러스트 없이 완성도 높은 아이콘 만들어 보기

    컴포넌트 제작에 특화된 스케치툴을 활용하여 일러스트없이 디테일함을 살린 아이콘을 제작합니다.
    일러스트와 스케치를 번갈아 가면서 작업한다면, 이번 클래스를 통해 다른 그래픽툴 의존도를 최대한 낮추고 스케치에서 시작부터 끝까지 할 수 있도록 배워봅니다!.

navigate_before
navigate_next

우리는 이런걸 배워요

  • 픽셀, 가이드 규격에 맞는 라인 아이콘 만들기

    쉬워보이지만 막상 만들면 어려운 아이콘제작.
    가이드 제작부터 폴더, 레이어 정리 그리고 라이브러리 제작까지 알려드립니다.

  • 아이콘 제작을 위한 대지 사이즈 규격 정하는 법

    아이콘 제작을 위한 대지 사이즈 규칙이 있는 건 아셨나요?
    올바른 아이콘 제작을 위한 “아이콘 사이즈 규격”을 알려드립니다.

  • 아이콘 디자인에 시스템 컬러 적용법

    그 날 기분에 맞춰 넣는 컬러는 이제 그만!
    아이콘에 체계적인 시스템 컬러를 대입하는 방법을 알려드립니다.

  • 라이브러리화로 만드는 SVG 아이콘 제작 규칙

    디자이너의 반복작업을 줄여주고 디바이스에 최적화 된 SVG, SVG로 만든 아이콘을 얼마나 효율적으로 제작하고 계신가요? SVG 제작 사이즈 규격, 이름 설정하는 법, 라이브러리화 하는 법까지 개발자와 소통하는 디자이너라면 꼭 알아야 하는 제작 팁 알려드릴께요!

navigate_before
navigate_next

클래스 스피커를 소개합니다!

안녕하세요.
클래스 스피커 이상용입니다.

*현재 한국,일본 공식 스케치 Advocate로 활동하고 있습니다. 캐나다에서 IT 커리어를 시작해서 서버 사이드, html, 모션그래픽, UX에서 UI까지 폭넓은 디자인 스펙트럼을 가지고 있으며 그러한 경험을 바탕으로 최근에는 UI 디자인 툴인 스케치로 디지털 프로덕트 디자인에 집중하고 있습니다. 아이콘은 우리가 흔히 사용하지만 실제로 스트로크 굵기라든지.. 비율이라든지 사소하지만 디테일하게 알아요 할 부분이 많이 있습니다. 그래서 본 클래스에서는 그러한 기초에서 시작해서 일러스트 수준의 작업물까지 스케치 하나로 그릴 수 있는 과정을 만들게 되었습니다. 또한 UI 컴포넌트와 접목 시 고려해야 될 부분도 포함되어 있으며 라이브러리화를 어떻게 하는지 짚어드릴 계획입니다.

커리큘럼

  • 01 SVG 아이콘에서의 픽셀 구조
    • 벡터 그래픽의 구조
    • 픽셀을 맞춰야하는 이유
    • 보이지 않는 실무 트릭
  • 02 SVG 아이콘 제작 실무
    • 라인아이콘 제작 실무
    • 정교한 아이콘 제작 실무
    • 스케치 일러스트 실무
    • 미션 스케치 아이콘 제작
  • 03 UI 컴포넌트 요소, 아이콘의 디자인 시스템
    • UI 컴포넌트 요소, 아이콘의 사이즈 규격
    • UI 컴포넌트 요소, 아이콘의 네이밍 컨벤션
    • UI 컴포넌트 요소, 아이콘의 라이브러리 제작
  • 04 SVG 제작 팁
    • 다중 레이어 최적화
    • 그림자 + 마스크 처리
    • 용량 최적화

안녕하세요.
우리 클래스를 소개합니다.

디자인 실무자들을 위한
스케치 스킬업 클래스입니다

쉽게 알려드리지만 툴을 아예모르시는 분들은 조금 힘드실 수 있습니다ㅠㅠ

스케치에서 버튼 체크박스 등의 단순한 요소 드로잉을 하고 일러스트나 아이콘등의 작업은
일러스트레이터를 통해 하는 사례가 많은데 스케치로도 아이콘에서부터 높은 수준의 비주얼 에셋 작업이 가능합니다. 다른 그래픽툴 의존도를 최대한 낮추고 스케치에서 시작과 끝을 할 수 있도록 가르쳐 드립니다.

또한 아이콘이 동반된 UI 컴포넌트를 아이콘 컴포넌트와 효율적으로 제작 및 운영하는 내용을 배울 수 있습니다. 컴포넌트의 핵심 포인트는 제 사용률을 높여 UI 업무 효율성을 높이는지 입니다. 본 클래스에서는 UI 컴포넌트 요소인 아이콘의 디테일한 설정을 알려드리고 아이콘을 어떻게 라이브러리화 하는지를 알려드립니다.


혹시 UI 작업을 할 때
이런 고민을 하고 있지 않나요?

  • "아이콘을 만들었는데 모바일 화면에서 뿌옇게 나와요..
    제 파일에서는 문제 없이 짤렸는데 왜 그럴까요?"

  • “웹 사이트를 구축하게 됬는데 개발자한테 아이콘을 어떻게 넘겨야 할지
    모르겠어요. 중간 중간에 디테일한 수정을 할 경우에 대응하고 싶어요."

  • “웹 사이트를 구축하게 됬는데 개발자한테 아이콘을 어떻게 넘겨야 할지
    모르겠어요. 중간 중간에 디테일한 수정을 할 경우에 대응하고 싶어요."

navigate_before
navigate_next

그래서 준비한 클래스
포인트 강점, 첫 번째

UI 디자인 시스템에 맞춰, 아이콘 기본 설정부터 아이콘 설계까지 실무에서 바로 사용할 수 있는 스케치 아이콘 디자인 노하우를 쉽고 빠르게 배울 수 있습니다.

픽셀, 가이드 규격에 맞는 라인 아이콘 만들기

쉬워보이지만 막상 만들면 어려운 아이콘제작.
가이드 제작부터 폴더, 레이어 정리 그리고 라이브러리 제작까지 알려드립니다.


아이콘 제작을 위한 대지 사이즈 규격 정하는 법

아이콘 제작을 위한 대지 사이즈 규칙이 있는 건 아셨나요?
올바른 아이콘 제작을 위한 “아이콘 사이즈 규격”을 알려드립니다.


아이콘 디자인에 시스템 컬러 적용법

그 날 기분에 맞춰 넣는 컬러는 이제 그만!
아이콘에 체계적인 시스템 컬러를 대입하는 방법을 알려드립니다.


라이브러리화로 만드는 SVG 아이콘 제작 규칙

디자이너의 반복작업을 줄여주고 디바이스에 최적화 된 SVG, SVG로 만든 아이콘을 얼마나 효율적으로 제작하고 계신가요? SVG 제작 사이즈 규격, 이름 설정하는 법, 라이브러리화 하는 법까지 개발자와 소통하는 디자이너라면 꼭 알아야 하는 제작 팁 알려드릴께요!


클래스 포인트 강점, 두 번째

스케치의 공식 테스터 이상용 디자이너와 함께, UI 컴포넌트 아이콘의 구조를 배울 수 있는 실무 원데이 클래스입니다! 스케치 파일로 된 교제로 제공하여 진행되는 클래스입니다. :)

강사님 작업물 강사님 작업물 강사님 작업물 강사님 작업물
Introducing Sketch Libraries

스케치 원데이 인 강남에서만
만날 수 있는 특별한 라이센스 혜택

클래스가 진행되는 동안 일정 수준 이상의 결과물을 보여주신 한 분께 스케치 1년 정품 라이센스를 선물로 드립니다. 실무 스킬도 쌓고 라이센스도 얻어 가세요:)

스케치는 라이센스 구매시 평생 사용이 가능합니다. 라이센스 이용 기간에는 업데이트가 자유롭지만 라이센스 갱신을 하지 않을 경우 업데이트를 하지 못하는 형식입니다.

*25명 모집시 라이센스 1개가 증정됩니다. 25명 이하 모집시 이용권 증정이 따로 없을 수 있습니다.

걱정마세요!
리메인에서는 안전하게 진행됩니다.

코로나 때문에 걱정이 많으시죠? 리메인에서는 아래와 같이 수강생분들의 안전을 지키기 위해 규정에 맞춘 운영 방침으로 진행됩니다 :)

사회적 거리두기에 따른 규정에 따른 배치도입니다.

클래스를 마치고,
여러분은 이렇게 달라질 거에요

스케치를 100% 활용해, 완성도 높은 비주얼 에셋과
아이콘 컴포넌트 디자인을 만들 수 있게 됩니다.

강의의 이해도를 위해 제작된 모작 작업물입니다. 강의의 이해도를 위해 제작된 모작 작업물입니다. 강의의 이해도를 위해 제작된 모작 작업물입니다. 강의의 이해도를 위해 제작된 모작 작업물입니다.

우리는 이렇게 느꼈어요!

    사용후기가 없습니다.

우리는 이런 분위기로 수업해요!

navigate_before
navigate_next

클래스 수강을 위해선
이런 사전 지식이 필요해요!

  • done 기초지식이 없으신 분들도 수강하실 수 있습니다.
    비전공자 분들도 따라오실 수 있는 난이도로 수업이 진행됩니다.

클래스 수강을 위해선
이런 준비물과 프로그램이 필요해요!

  • 개인노트북 (mac 운영 체제에서만 사용 가능)

  • Sketch (mac 운영 체제 사용 가능)

오시는길

  • 클래스 주소 서울 서초구 서초대로78길 5
  • 상세소개 12층 블루포트 (강남역 7,8번출구 앞)

현재 클래스와
함께 수강하면 더욱 좋아요!

쿨하고 깔끔한 환불정책

환불규정 안내

  • 100% 전액환불 : 개강 전까지
  • 33% 공제환불 : 강의 1/2 지나기 전 시점
  • 공제환불 불가 : 강의 1/2이 지난 시점
  • 환불은 신청한 일자 기준으로 처리되며, 강의가 시작되는 당일은 강의를 듣지 않았더라도 해당일자에 포함됩니다.

학원의 설립ㆍ운영에 관한법률 제18조 및 동법시행령 제18조 제3항 〔별표 4〕의 기준에 따른다.

expand_less expand_more