UX/UI 시작하기 : Sketch 입문 (Inflearn Original)

처음 만나는 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 환경에서만 사용할 수 있습니다.
• 본 강의는 수업 내용에 대한 질의응답을 제공하지 않는 강의입니다. 학습에 참고해주시기 바랍니다.