Thumbnail
200만 수강신청 감사 할인 중(D-1)
BEST 크리에이티브 UX/UI
UX/UI 시작하기 : Sketch 입문(Inflearn Original)
12449명이 수강하고 있어요.

100%

0원

55,000원
지식공유자 : 인프런
총 28개 수업˙총 5시간 3분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
내 목록 추가 496 공유
입문자를 위해 준비한
[UX/UI, 디자인 도구] 강의입니다.

UX/UI 디자인 툴로 널리 사용되고 있는 Sketch(스케치)의 기능을 배우고, 전반적인 애플리케이션 인터페이스 디자인 과정에 대해 학습합니다.

✍️
이런 걸
배워요!
Sketch 입문
Sketch 기초 활용

처음 만나는 UX/UI 디자인 툴,
쉽고 재미있게 배우는 스케치(Sketch) 📌

 UX/UI 디자인이란 무엇일까요?

UX란 User Experience, 즉 사용자 경험을 의미하는 말이에요. 사용자의 경험을 디자인함으로써 웹이나 모바일 화면을 개선하고, 행동을 유도하는 디자인하는 작업을 UX 디자인이라고 하죠. 서비스를 이용할 때 무엇을 필요로 하는지, 그 과정에서 어떤 걸 경험하는지, 불편함을 느끼지는 않는지 사용자 관점에서 서비스 경험을 구상하는 작업이에요. 이 과정에서 유저가 접하게 되는 화면, 즉 사용자 인터페이스(User Interface)를 설계하고 구성하기까지의 모든 과정을 통틀어 UX/UI 디자인이라고 부릅니다.

일반적으로 디자인이라고 하면 창의적이거나 예술적인 분야라고 생각할 수도 있어요. 하지만 UX/UI 분야는 창의성뿐만 아니라 유저 입장에서의 경험과 편의를 고려한 ‘논리’를 필요로 하는 분야입니다. 디지털 기기와 사용자 간의 인터랙션(interaction)을 이끌어내야 하기 때문이죠. 산업 트렌드를 따라가기 위한 꾸준한 연습과 노력이 필요한 이유입니다.

이 강의에서는 UX/UI 디자인 스킬을 갖추고 싶은 분들께 꼭 필요한 UX/UI 디자인 툴, Sketch(스케치)를 이용해 웹/모바일 앱 인터페이스를 디자인하는 방법을 알아봅니다.


초보자도 쉽고 빠르게
스케치 학습!

 Sketch는 어떤 툴일까요?

*Sketch(스케치)는 mac 환경에서만 사용할 수 있는 툴입니다.

Sketch는 UI 디자인을 위한 시스템 설계도 역할을 하는 와이어프레임(Wireframe)을 만들고 프로토타입을 작성할 수 있는 디자인 프로그램이에요. 벡터 방식의 디자인 툴이기 때문에, 해상도를 변경해도 이미지 손상이 없다는 장점이 있죠. 덕분에 데스크톱, 모바일 등 다양한 기기 해상도에 대응이 가능합니다. 과거 비트맵 방식의 포토샵(Photoshop)으로 UI를 디자인할 때보다 효율적으로 빠르게 작업을 처리할 수 있어요.

이 강의에서는 여행을 도와주는 애플리케이션을 직접 디자인해 볼 거예요.
서비스 컨셉 기획부터 와이어프레임 작성, 레이아웃 디자인은 물론 아이콘 및 심볼 추가와 같은 디테일한 부분까지도 함께 따라서 진행할 수 있어요. 
그외에 협업을 위한 툴인 제플린(Zeplin) 연동뿐만 아니라 버전 관리를 돕는 앱스트랙(Abstract), 프로토타이핑을 도와주는 프로토파이(ProtoPie)까지 다양한 툴들과의 연동 방법도 함께 익혀봅니다.

이 강의에서는 UX/UI 디자인에 대한 기본적인 지식을 익혀보는 것으로 시작해 Sketch 사용 방법을 예제를 따라 익혀본 다음, 디자이너로서 역량을 키우기 위한 디자인 학습 팁까지 다뤄볼 예정입니다. 단순한 이론이나 툴 사용뿐만 아니라 실전에서 응용하는 법, 디자인을 배우는 데 있어 필요한 방향을 설정하는 법까지 여러분께 하나하나 알려드릴게요!


차근차근 알차게.


순서대로 학습해보세요!

UX/UI 디자인 워밍 업!
여러분은 어떻게 UX/UI 디자인을 시작하게 되었나요? UX/UI 디자인을 통해 무엇을 해보고 싶나요? 사용자의 경험을 근거로 웹이나 모바일 화면을 개선하고 행동을 유도하는 UX/UI 디자인의 기본적인 배경 지식과 흐름, IT 실무 트렌드를 간단히 짚어봅니다.
스케치, 하나하나 파헤쳐봐요.
Sketch 툴 설치부터 파일을 생성하고, 화면 및 패널 등 인터페이스를 작동시키는 방법까지 살펴보며 툴 사용 방법을 익힐 수 있습니다. 뿐만 아니라 UX/UI 디자인 필수 요소인 컴포넌트(Component)를 알아보고 디자인 시스템의 필요성을 이해할 수 있어요.
내 손으로 만드는 모바일 앱 디자인.
서비스의 컨셉을 구상하고, 와이어프레임(Wireframe)을 그려보며, 각각의 디자인 요소를 설계하고 배치해 봅니다. 애플리케이션 디자인 과정을 내 손으로 따라하다 보면 Sketch 사용법을 자연스럽게 터득할 수 있게 돼요.
협업으로 실전 능력 Upgrade+
Sketch로 만든 디자인 시안을 팀과 공유하고 실제로 구현하기 위해서는 여러 툴을 추가로 활용해야 합니다. 디자인 기반의 프로토타입을 만들고 테스트하는 프로토파이(ProtoPie), 개발자가 디자인을 확인하기 위한 GUI 가이드 프로그램 제플린(Zeplin), 버전 관리에 필요한 앱스트랙(Abstract)까지 다양한 툴 사용법을 함께 익혀보세요!
성장하는 디자이너가 될 수 있도록!
디자인은 한 번 배우고 끝나는 기술이 아니에요. 트렌드를 꾸준히 살피고, 다양한 방법론을 계속해서 익혀야 합니다. 좋은 프로젝트를 골라 연구하는 과정도 필요하죠. 좋은 디자이너를 꿈꾸는 분들을 위한 디자인 학습법을 알려드릴게요.

이런 분들 주목하세요!

UX/UI?

실제 UX/UI 디자인
과정이 궁금한 사람

스케치?

UX/UI 툴 사용법을
배우고 싶은 사람

내 꿈은 디자이너

UX/UI 디자이너가
되고 싶은 분

팀워크

디자이너와 협업하는 
PM, PO


UX/UI 입문
인프런과 함께 도전해봐요.

인프런 오리지널 UX/UI 로드맵 보러가기 ✨

수강 전 확인해주세요!

  • Sketch(스케치)는 macOS 환경에서만 사용할 수 있습니다.
  • 본 강의는 수업 내용에 대한 질의응답을 제공하지 않는 강의입니다. 학습에 참고해주시기 바랍니다.
지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
Sketch를 처음 접하는 사람
디자이너와 협업이 필요한 PM
프로토타이핑 툴 사용법을 배우고 싶은 분
📚
선수 지식,
필요한가요?
UX/UI 디자인 관련 배경 지식이 있으면 좋아요

안녕하세요
인프런 입니다.
인프런의 썸네일

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.

우리는 성장기회의 평등을 추구합니다.

공동 지식공유자: 구소희의 썸네일
커리큘럼 총 28개 ˙ 5시간 3분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Sketch 워밍업
Sketch 인터페이스(1) 미리보기 24:33 Sketch 인터페이스(2) 미리보기 25:38
컴포넌트 이해하기 13:32
Android vs IOS 04:01
모바일 해상도 10:11
섹션 2. Sketch를 이용하여 디자인 해보기
서비스 컨셉 기획 04:32
와이어프레임 그리기 19:03
레이아웃과 마진 14:23
텍스트와 타입시스템 18:08
컬러 적용하기 12:26
컬러 시스템 06:43
아이콘 그리기(1) 04:43
아이콘 그리기(2) 13:18
선 아이콘 그리기 10:40
이미지 넣기 07:53
심볼 만들기 13:27
디자인 완성하기(1) 19:34
디자인 완성하기(2) 19:05
심볼, 컴포넌트 관리 06:16
라이브러리로 협업하기 05:26
섹션 3. 디자인 협업하기
제플린으로 디자인 전달하기 10:19
앱스트랙 소개 08:02
프로토파이 소개 08:34
섹션 4. 디자이너의 공부법
디자인 이론 공부 04:20
디자인 실습 공부 07:27
강의 게시일 : 2021년 02월 26일 (마지막 업데이트일 : 2021년 02월 10일)
수강평
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️
200만 수강신청 감사 할인 중(D-1)

100%

0원

55,000원
내 목록 추가 496 공유
지식공유자 : 인프런
총 28개 수업˙총 5시간 3분
평생 무제한 수강
수료증 발급 강의
입문 대상 초급 중급이상
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스