Thumbnail
디자인 UX/UI

스케치앱 마스터 과정[Sketch App] 대시보드

(4.3)
6개의 수강평 ∙  80명의 수강생

55,000원

지식공유자: 디자인튜터
총 9개 수업 (2시간 10분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[그래픽 디자인, UX/UI] 강의입니다.

스케치 앱에 대한 기초적인 사용 방법을 알고는 있지만 스케치앱의 심볼과 프로토타이핑 기능을 잘 활용하고 있지 않는 경우라면 스케치앱을 잘 알고 있다고 이야기할 수 없습니다!

✍️
이런 걸
배워요!
스케치 앱을 활용한 모바일 앱 디자인
스케치 앱의 핵심 Symbol 기능 마스터
효율적인 디자인 환경을 구축하는 방법

지금 시작하세요
잠시 후 여러분도 마스터가 될 수 있습니다

🙆🏻‍♀ 전국에 디자이너 여러분 웰컴! 🙆🏻‍♂

디자이너의 업무 스킬을 향상시키고 더 나은 디자인 환경을 만들어가기 위해 디자인 툴 강좌를 하는
'연남동이재용'입니다!


🗒 강의소개 - 스케치앱 마스터 과정(중급)

스케치는 크게 어려운 툴은 아닙니다. Photoshop 이나 Ai가 더 복잡한 기능을 많이 제공하니까요. 하지만 모바일 디자인과 웹 디자인을 하면서 스케치는 디자이너에게 가벼우면서도 😎혁명적인 디자인 도구가 되었습니다. 디자이너의 업무 속도를 향상시켜줬고, 귀찮은 반복 작업을 줄여줘서 야근을 안하게 만들어줬죠. (나에겐 꿈과 같았어 😱)

하지만 실무를 하는 디자이너의 결과를 보면 같은 스케치 앱으로 작업을 했더라도 이런 긍정적인🤬 기능을 제대로 활용하고 있지 못한 경우가 많았습니다. 디자인된 화면마다 공통적인 요소가 있음에도 불구하고 모두 다르게 디자인이 되어있는 등 톤앤 매너가 일정하지 않게 디자인 되는 경우가 많죠. (찔리는건 나뿐인가 🥵)

심볼은 이러한 문제를 근본적으로 해결해줄 수 있는 툴이고, 심볼로 만든 컴포넌트는 개발자에게도 유용한 정보가 됩니다. 스케치를 좀 한다는 사람들은 누구나 심볼을 극찬합니다. 이를 더 효과적으로 효율적으로 사용할 수 있는 방법을 고민하죠. 

우리는 이러한 케이스에 속해야 합니다. 스케치로 그림을 그리는게 아니라 진짜 UI를 그리는 스케치 마스터 과정을 소개합니다!

1. 어려운 심볼 간단하게 개념정리! 

심볼에 대한 막연한 두려움이나 어려움이 있었나요? Apple ios Ui 리소스를 가져다 사용하면서 인스펙터 화면이 복잡하게 보이셨나요? 기본적인 심볼의 구조를 이해하면 어렵지 않습니다. 쉽고 빠르게 심볼에 대한 이해를 할 수 있고, 바로 예제를 만들어보면서 한번에 정리할 수 있습니다! 심볼 그렇게 어렵지 않아요 :) 

2. 😱 심볼 3개로 화면을 만든다고? 


위 이미지의 첫 화면에 보이는 구성요소가 많죠. 네비게이션바, 내부를 구성하는 5개의 콘텐츠, 아래 탭바 까지.. 그리고 총 4개의 화며을 구성했습니다. 하지만 이 모든 화면에 사용된 심볼은 고작 3개 입니다. 3가지의 심볼만으로 무한대의 화면을 구성할 수 있죠.

3. 😱 아이콘 디자인 방법 & 심볼 활용방법 

탭바 아이콘 on_off 쉽게 바꾸는 방법, 네비게이션 바에서 사용되는 아이콘 활용, 아이콘 디자인 가이드,
아이콘 하나만 디자인하고 여러 색으로 변경해서 사용하는 방법 등등 실무에서 꼭 필요한 내용만 담았습니다. 

4. 👌 카드 디자인 하나로 5가지 화면 구성하기 

화면의 이미지를 좌우하는 카드 디자인 하나의 심볼로 5가지의 화면을 구성할 수 있습니다.
카드 디자인을 구성하는 방법과 심볼로 구조화하는 방법 까지 한번에 끝! 

5. 😱 리사이징에 대한 개념 완벽 정리! 

반응형 디자인이 필요한가요? 화면을 움직일 때 같이 움직이는 레이어가 거슬렸나요?  디자인된 그룹 레이어의 크기를 변경하거나 아트보드 사이즈를 변경할 때 어떻게 하면 내가 원하는대로 조절할 수 있을까요? Adjust contents resize 와 Resizing에 대한 기본 개념까지 완벽하게 정리합니다. 

🙌 이 강의를 수강하기 위해 필요한 것!

Macbook + Sketch app - 스케치 앱이 설치된 맥북이 필요합니다. 

Mac OS는 최신사양으로 업데이트가 되어있어야 합니다. 이전 버젼은 동일한 기능이 제공되지 않거나 화면이 다소 차이가 있을 수 있습니다. 맥의 OS를 업데이트 하지 않으면 Sketch app의 업데이트가 설치되지 않습니다. 

Sketch app은 유료 앱입니다. 아직 구매하지 않았다면 14일간의 무료 사용기간이 제공되는 Trial 버젼을 설치 해주세요. 기능은 모두 동일하게 사용할 수 있습니다! 

그리고 열정만 가져오세요. 그 다음은 '알쥬?' 



🙋🏻‍♂️ 질문있어요옷!!

Q. 디자인을 처음 배웁니다 어렵지 않을까요?

A. 디자인 비전공자도 쉽게 들을 수 있는 강의 입니다. 만약 스케치에 대한 기본적인 개념이 필요하다면 '기본기 다지기' 과정을 꼭 함께 해주세요.

Q. 왜 스케치앱을 배우는게 좋은가요?

A. 스케치 앱이 만들어지고 Adobe XD를 비롯한 타사의 제품이 우르르르 출시되었습니다. 이중에 무엇이 더 좋다 라고 이야기하기 어려운 것이 사실이지만 이러한 디자인 툴의 발전과 다양성의 시조새 역할이 바로 스케치 앱 입니다. 스케치앱을 다루는 것이 익숙하다면 그 이후에 개발된 모든 툴은 보다 쉽게 다룰 수 있게 됩니다. 

Q. 윈도우 PC도 가능한가요?

A. Ooops~ sorry 아쉽게도 윈도우용 Sketch는 없습니다. 프로그램을 개발한 회사가 미쿡이다 보니 해외에서 주로 사용하는 Mac에서만 사용 가능한 소프트웨어입니다. 앞으로를 위해서는 Mac하나 스윽 질러보시는것도... 

Q. 아니 주머니 사정 뻔히 알면서 맥을 사라구요!!!???

A. MacBook을 가지고 있으면 대부분의 디자인 툴을 모두 사용할 수 있지만, Windows OS 노트북을 사용하면 스케치, 플린토 등등 오히려 사용할 수 없는 소프트 웨어도 있습니다. 개인적인 의견이지만 같은 돈을 들여 노트북을 구매하고 더 오랜 기간 사용하면서 다양한 툴을 익히려면 맥북을 추천드립니다. 그리고 회사에 취업해서 '저는 맥북 쓸줄 모르는데요' 가 통하지 않을 수 있으니까요. 사과 갬성이 아닌 실무용!! 크리에이터가 되십시옹!

Q. 스케치를 국내에서 사용하는 기업이 있나요?

A. 네, 카카오 등 국내 기업에서 대부분 모바일 앱을 디자인 하는 회사에서 사용하고 있습니다 :) 

 Hello! 에브리바디 '연남동이재용'입니다 

저는 2017년 '맛있는 스케치' 라는 스케치 앱에 대한 책을 썼습니다. 공들인 시간 만큼 안팔린 졸작이지만 ㅜㅜ IT회사를 운영하면서 디자인 툴을 접하게 되고, 디자이너로서 그리고 직접 디자인한 내용을 실물 앱서비스로 완성해가면서  누적된 노하우를 공유하고 더 좋은 아이디어를 만들어가는 것에 즐거움을 느끼고 있습니다. 

지금 시작하세요.
시작한 사람과 시작하지 않은 사람은 엄청난 차이를 나타냅니다.

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
스케치앱의 심볼을 활용하지 못하는 분
모바일 앱 디자인을 하는 디자이너
모바일 앱, 웹을 기획하는 기획자
디자이너 없이 작업하는 1인 개발자
효율적인 디자인 환경을 구축하고자 하는 분

안녕하세요
디자인튜터 입니다.
디자인튜터의 썸네일

안녕하세요 다양한 디자인 툴을 강의하고 있는 '디자인튜터'입니다 :) 

 

현) 리메인 디자인툴 테크닉 클래스 강사

전) 패스트캠퍼스 UI/UX디자인 강사

전) LG전자 디자인팀 Sketch 디자인 강의

 

저서 : 맛있는 스케치 디자인, 피그마 가이드북 

커리큘럼 총 9 개 ˙ 2시간 10분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. UI구성과 심볼기능 마스터
심볼에 대한 개념 이해 미리보기 09:18
스케치 기본세팅과 네비게이션바 디자인 14:39
심볼 아이콘 디자인과 네비게이션바 활용 03:30
심볼 아이콘 디자인과 네비게이션바 활용 (2/2) 12:14
반응형 디자인과 카드UI 디자인 활용 19:20
섹션 1. 스케치 & 플린토 프로토타이핑
플린토 설치 & 기본 동작 애니메이션 이해 17:09
스크롤, 페이징 기능 이해 11:47
레이어 연결을 통한 트렌지션 디자인 20:32
레이어 연결과 화면 정렬을 활용한 트렌지션 디자인 22:26
강의 게시일 : 2020년 01월 10일 (마지막 업데이트일 : 2020년 01월 10일)
수강평 총 6개
수강생분들이 직접 작성하신 수강평입니다.
4.3
6개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
ykoo thumbnail
5
설명이 어렵지 않아 도움이 되었어요
2020-04-08
지식공유자 디자인튜터
안녕하세요 ykoo님 부족한 강의 잘 들어주셔서 감사합니다 :)
2020-04-08
이희원 thumbnail
5
잘들었습니다.
2020-06-25
지식공유자 디자인튜터
감사합니다 :)
2020-08-13
효주우우운 thumbnail
5
잘들었습니다.
2023-02-04
디 고 thumbnail
3
잘들었습니다. 추가 강의는 계획이 없으신건가요?
2022-06-14
지식공유자 디자인튜터
업데이트 내용을 추가하고 있어요 감사합니다 : )
2023-01-01
김바름 thumbnail
5
차근차근 따라 하며 툴을 익힐 수 있는 강의였습니다👍 좋은 강의 만들어 주셔서 감사합니다😁
2020-09-21
지식공유자 디자인튜터
부족한 내용 잘 들어주셔서 감사합니다.
2020-09-21
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!