강의

멘토링

로드맵

Inflearn brand logo image
디자인 · 아트

/

UX/UI

기초부터 실전까지! 모바일 UX/UI 디자인 완성

모바일 UX/UI 디자인, 처음이거나 기초가 부족한 분들을 위한 실전 입문 강의입니다. 기초 이론과 다양한 실습을 통해 앱 설계 실무 감각까지 차근차근 배우며 자신감을 키워보세요! 💪

(4.9) 수강평 17개

수강생 46명

  • 후디
uxui
UI/UX
모바일디자인
피그마
모바일앱
모바일 디자인Figmaux클론 디자인프로덕트디자인

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 모바일 디자인에 필요한 기초 이론 및 요소를 습득할 수 있어요.

  • 피그마(figma)의 각종 팁과 유용한 기능을 알려드려요.

  • 와이어프레임(wireframe)을 보고 모바일 화면을 제작 할 수 있어요.

  • 실제 앱 예시를 통해서 학습 내용을 시각적으로 익힐 수 있어요.

어떤 분야든 기초가 가장 중요한 법이죠!

UX/UI 디자인 분야도 마찬가지에요. 모바일 화면을 디자인 할 때는 서비스마다 구성 요소와 기능들이 다양하게 베리에이션이 되기 때문에, 결국 내가 가지고 있는 기초 지식과 이를 실무에 적용할 줄 아는 화면 설계력이 굉장히 중요해요. 기초 지식을 쌓고 화면을 디자인 해 보는 실습으로 훈련해서 디자인 실력을 키울 수 있도록 도와 드리겠습니다!

🤔 "UX,UI..도대체 뭐부터 공부해야 하나요?"

😭 "인터넷에 정보는 많지만, 무엇부터 봐야 할지 모르겠어요"

😵 "앱 화면을 어떻게 구성해야 할지 모르겠어요."

디자인 컨설팅과 멘토링을 진행하며 가장 많이 들은 얘기들이에요. 포트폴리오나 피그마 강의는 참 많죠. 그런데 정작 모바일 UX/UI 강의는 찾아보기 어려워요. 그리고 인터넷에 흩어져 있는 여러 정보들은 한번에 모아서 정리하기도 어렵고, 무엇이 맞는건지, 어떤 것부터 배워나가야 하는지 어렵습니다. 또한 이렇게 해서 이론을 배웠다고 하더라도 이를 실제로 어떻게 적용해야 하는지도 알기가 힘들죠!

모바일 환경의 필수적인 디자인 이론과 이를 확실히 적용해 볼 수 있는 실습을 통해
이러한 여러분들의 고민과 걱정을 해소해보세요! 모바일 디자인, Figma, ux,클론디자인, 프로덕트디자인

강의가 끝나도,
교재와 함께 다시 복습해보세요

*커리큘럼 내 강의 교재 다운로드를 참고하세요!


이 강의의 특징은?

배민, 당근, 토스 등의 유명 앱 화면 예시와 함께

대중적으로 잘 알려진 여러 앱들의 이미지 예시를 통해 확실히 학습해 보세요. 배운 내용들이 실제 앱에서 어떻게 적용되고 쓰이는지 보다 보면 훨씬 이해가 쉬울 거에요!

이론을 통해 학습하고 실습으로 훈련하기

모바일 환경에 맞춘 다양한 이론들과 내용을 학습하고, 이를 여러 실습 예제를 통해 훈련해 볼 수 있어요. 또한 ,중간중간 실무에서 습득할 수 있는 꿀팁도 확인해보세요!

피그마(Figma)에서 자주 사용하는 단축키 & 기능

피그마에서 자주 사용하는 단축키를 익혀두면 남들보다 훨씬 더 효율적이고 빠르게 디자인을 할 수가 있죠! 제가 자주 쓰는 여러 단축키와 기능들을 정리해서 알려드릴게요!

단계별 학습을 통한 디자인 완성하기

차근차근 기초부터 응용, 확장되는 여러 개념까지 챕터 별로 같이 따라가실 수 있도록 구성했어요. 잘 따라오시면 어느새 한 화면을 디자인 하고 있는 나를 발견할 거에요!

자세한 학습 내용을 알아볼까요?


이론 & 팁

모바일 환경에 집중된 디자인 이론을 학습하고 피그마의 꿀팁도 배워보세요!

모바일의 컬러 & 폰트 & 여백

가장 기본적인 컬러, 폰트, 텍스트, 여백 등의 요소들을 모바일에서 어떻게 설정해야 하는지 배워봅니다.

컴포넌트와 UI

여러 UI 요소들의 개념을 배우고 실습을 통해 이를 적용해 보며 디자인을 어떻게 설계해야 하는지 배워봅니다.

모바일 서비스의 공통적인 화면 특징

리스트, GNB, 필터 등의 모바일 환경에서의 공통적인 패턴과 요소에 대해서 살펴보고 이를 실제로 디자인 해 봅니다.

피그마의 여러 기능과 팁

가장 많이 쓰는 디자인 툴인 피그마(figma)에서 자주 쓰는 기능과 실무에서도 유용한 팁에 대해서 학습해 봅니다.

피그마를 통한 실습 예제

실습을 통해 배운 내용을 복습하고 디자인 연습을 해보세요!

사전 상담 신청 페이지에 컬러 채우기

상담 신청 페이지에 메인 컬러 & 서브 컬러의 강약과 위계를 조절하여 페이지에 컬러를 채워 봅니다.

여행 리뷰 페이지의 디자인 정리하기

회원가입 화면을 같이 만들며 UI의 배운 요소를 적용해서 디자인 해 봅니다.

회원가입 화면 디자인

회원가입 화면 와이어프레임을 보고 UI의 배운 요소를 적용해서 디자인을 완성해 봅니다.

중고마켓 화면 디자인

간단한 중고마켓 화면 와이어프레임을 보고 배운 내용을 적용하여 디자인을 완성해 봅니다.

강의를 듣고 나면 이런 걸 할 수 있어요! 💪

디자인 기본기 근육을 탄탄히 다질 수 있어요

디자인에서 가장 중요한 건 기본기에요. 실무에서 역량을 키워나갈 수 있도록 이러한 기본기를 탄탄히 해서 실력있는 디자이너로서 발돋움 할 수 있는 계기가 될 거에요!

기획 된 와이어프레임을 보고 디자인을 할 수 있어요

실제 실무에서는 기획된 와이어프레임(wireframe)을 가지고 디자인을 하게 돼요. 준비한 실습을 통해 와이어프레임을 가지고 디자인을 따라 해 보며 미리 역량을 향상 시켜보세요!

이런 분들께 강의를 추천해요 👍

수강 전 참고 사항

선수 지식 및 유의사항

  • 실습의 경우 피그마를 통해서 진행하기 때문에, 기초적인 피그마 툴을 다룰 줄 아는게 좋습니다.도형을 만들고 텍스트를 적용하고 개체끼리 정렬을 하는 등의 아주 기본적인 사용법만 아시면 됩니다!

  • 강의 자료는 상업적 용도로 사용이 불가합니다. 모든 강의 콘텐츠와 자료는 저작권 보호를 받습니다. 참고해주세요!


실습 환경

  • 피그마 실습은 최신 업데이트 인터페이스가 적용된 버전인 UI3로 진행합니다.

  • 실습 예제 파일은 피그마 파일 (.fig)로 전달드리기 때문에 피그마의 데스크톱 앱을 다운로드 받으셔서 진행하시는 것을 추천드립니다!

학습 자료

  • 수업 노트와 영상을 통해서 학습하실 수 있습니다.

강의 Q&A

Q. 디자인 비전공자도 들을 수 있는 강의인가요?

모바일 디자인은 일상에서 앱을 사용해 보며 각 기능에 대해서 이해만 하고 계셔도 충분히 배울 수 있어요. 그리고 컬러나 텍스트에 대한 간단한 개념에 대해 이해를 하고 계시다면 무리 없이 들으실 수 있어요. 다만, 실습에서는 전공자,비전공자를 떠나서 간단하게 피그마의 기본 사용법을 아시면 훨씬 수월하게 예제를 보며 디자인 하실 수 있어요!

Q. 기초 강의면 어느정도의 난이도 인가요?

주로 모바일 UX/UI를 이제 배우기 시작한 분들이 필요로 하는 내용을 담았기 때문에, 너무 복잡하고 어려운 내용은 최대한 배제한 입문~기초 수준의 난이도라고 보실 수 있어요. 최대한 기초에서 다룰 수 있는 내용을 가지고 강의를 구성했고, 처음부터 강의에서 배우는 내용만 잘 학습하며 따라가면 이후의 응용 개념이나 실습은 무리없이 진행할 수 있도록 제작했어요!

Q. 꼭 앞부분 부터 강의를 수강해야 할까요?

기초부터 점점 내용을 심화해나가며 강의가 이루어지고 그에 맞게 실습도 진행이 되기 때문에, 앞에서 부터 순차적으로 수업을 들으시는 것을 추천드립니다!

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • UX/UI 디자인에 대해서 배우고 싶은 분들

  • 이제 막 커리어를 시작한 초보 디자이너

  • UX/UI 디자이너를 희망하는 취업준비생

  • UX/UI 디자이너로 커리어 전환을 꿈꾸는 분들

선수 지식,
필요할까요?

  • 도형 생성, 컬러 적용, 텍스트 정렬 등의 간단한 피그마 툴을 다루는 법에 대해서 알고 있으면 좋아요!

안녕하세요
입니다.

46

수강생

17

수강평

4.9

강의 평점

1

강의

  • 현) 크몽 및 숨고 등 다양한 플랫폼에서 UX/UI 디자인 전문가로 활동

     

  • 현) 스타트업 위주의 대면 미팅을 통한 앱 설계 및 컨설팅 진행

  • 전) 삼성생명 TF팀 '워리스' 서비스 UX/UI 디자인 협업 및 제작

  • 전) 삼성전자 가전사업부 사내 UX 팀 과제 협업

     

     

안녕하세요 ! UX/UI 프로젝트 및 디자인 교육을 진행하는 후디입니다.

디자이너로 커리어를 쌓으며 배우고 습득한 여러 경험과 정보들로
디자이너를 꿈꾸는 많은 분들께 도움이 되는 각종 강의와 프로덕트를 만들어 나가고 있습니다 😎


쓰레드(threads) : https://www.threads.com/@hoodi_ux

커리큘럼

전체

55개 ∙ (5시간 33분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

17개

4.9

17개의 수강평

  • 찬란님의 프로필 이미지
    찬란

    수강평 22

    평균 평점 5.0

    수정됨

    5

    73% 수강 후 작성

    UX/UI를 최근에 배울 필요가 있다고 생각해 어떤 강의를 들어아햐나 고민했는데 후디님 강의 정말 좋습니다 기초지식도 없는 사람인데 개발하면서 디자인적인 부분을 채우고 싶어서 듣기 시작했습니다. 컬러의 개념부터 시작해서 폰트나 텍스트를 어떻게 사용해야하는지 방법을 자세하게 알려주고 있어 이해하기 쉬웠습니다. 피그마 다루는걸 잘 못하는데 보면서 따라하니 훨씬 쉽게 쉽게 할 수 있어서 좋았습니다. 모바일 앱을 최근 개발을 시작하면서 디자인적인 부분을 어떻게 구성할지 자세하게 만들 수 있게 되었습니다

    • 후디
      지식공유자

      안녕하세요. 지식공유자 후디입니다. 정성 가득한 수강평 정말 감사합니다! 개발자분이 디자인적인 부분을 함께 고민해보며 수강해 주셨다는 점이 특히 인상 깊은 것 같습니다! 디자인은 단순히 예쁜 화면을 만드는 것을 넘어, 사용자와 더 잘 소통하고 기능을 효과적으로 전달하는 방법이기도 하니까요 ㅎㅎ 기초부터 따라오시기 쉽도록 최대한 구성해보려고 한 강의인데, 찬란님께서 이렇게 도움이 되셨다니 정말 보람을 느끼네요! 앞으로도 실무에서 디자인 고민이 생기신다면 강의 내용을 다시 참고하시면서 활용해 보세요. 언제든 다시 찾아오실 수 있도록 무제한 수강으로 구성해두었습니다 :) 앞으로 하시는 개발과 디자인 작업에도 멋진 결과 있기를 진심으로 응원하겠습니다!

  • Gmls님의 프로필 이미지
    Gmls

    수강평 2

    평균 평점 5.0

    5

    96% 수강 후 작성

    애플리케이션 화면 구성과 사용자 관점에서 기획하기 위한 기초를 터득할 수 있었습니다. 감사합니다.

    • 후디
      지식공유자

      안녕하세요 지식공유자 후디입니다. 기획에 필요한 기초를 배우실 수 있었다니 너무 좋네요..! ㅎㅎ 다양한 플랫폼들과 도메인을 다루다 보면 어떤 시각에서 설계를 해야할지 감이 잡히실 거에요..! 소중한 리뷰와 평점 감사합니다 ☺️ 완강까지 얼마 안남으셨어요..! 화이팅!

  • monG님의 프로필 이미지
    monG

    수강평 1

    평균 평점 5.0

    5

    31% 수강 후 작성

    • 후디
      지식공유자

      안녕하세요 지식공유자 후디입니다. 소중한 평점 남겨주셔서 감사합니다! 제 디자인 강의가 도움이 되셨으면 좋겠습니다! 😊 완강까지 화이팅입니다! 💪

  • cg5xyfnn9m님의 프로필 이미지
    cg5xyfnn9m

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    • 후디
      지식공유자

      안녕하세요 지식공유자 후디입니다. 100% 완강 후 소중한 평점 제공해 주셔서 감사합니다..! 제 디자인 강의가 도움이 되셨으면 좋겠습니다! 😊

  • 크래커님의 프로필 이미지
    크래커

    수강평 1

    평균 평점 5.0

    5

    67% 수강 후 작성

    UX/UI가 뭔지도 잘 모르겠고 막막했는데, 이 강의 들으니까 하나씩 이해되기 시작했어요. 중간에 퀴즈도 있어서 내가 제대로 알고 있는지 확인할 수 있고요. 제일 좋았던 건 왜 이렇게 해야 하는지 진짜 쉽게 설명해주신다는 거예요. 그냥 외우라고 하는 게 아니라 이유를 알려주니까 머리에 쏙쏙 들어와요. 배달의민족, 당근마켓 같은 앱들을 예시로 들어서 설명해주시니까 '아, 이거구나!' 하면서 바로 이해됐어요. 피그마로 직접 만들어보는 것도 재밌고, 아직 다 안 들었는데도 벌써 간단한 화면은 만들 수 있게 됐어요. UX/UI 어려워서 고민하는 분들한테 진짜 추천해요. 저도 완전 초보였는데 이해할 수 있었거든요.

    • 후디
      지식공유자

      안녕하세요 지식공유자 후디입니다. 크래커님의 소중한 리뷰 정말 감사합니다! 👍 UX/UI가 처음엔 어렵고 막막할 수 있는데, 이렇게 하나씩 이해가 되기 시작했다는 말씀에 정말 뿌듯하네요. 특히 "왜 이렇게 해야 하는지"에 집중해서 설명드린 부분을 잘 캐치해주셔서 너무 기쁩니다. 배민, 당근마켓처럼 실제 앱을 예시로 들어 설명드린 것도 디자인은 '이미지'가 중요하기 때문에 좀 더 시각적으로, 그리고 실제 앱들을 보며 확실히 이해하실 수 있도록 의도했었는데 알아봐주시니 감사하네요 :) 앞으로도 강의 끝까지 잘 따라오시면 훨씬 더 탄탄한 실력이 쌓일 거에요. 다시 한번 소중한 후기 감사합니다!

배움이 더 쉬워지는 9월의 할인 중 (4일 남음)

월 ₩19,800

5개월 할부 시

25%

₩132,000

₩99,000

비슷한 강의

같은 분야의 다른 강의를 만나보세요!