강의

멘토링

로드맵

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개의 수강평

  • hopesdreamsforest님의 프로필 이미지
    hopesdreamsforest

    수강평 23

    평균 평점 5.0

    수정됨

    5

    73% 수강 후 작성

    I've been contemplating which course to take, thinking I need to learn UX/UI recently, and Hoody's lecture is really great. I started listening to it because I wanted to fill in the design aspects while developing, even though I have no basic knowledge. It was easy to understand because it explained in detail how to use fonts and text, starting from the concept of color. I'm not good at handling Figma, but it was great because I could do it much more easily by watching and following along. As I recently started developing a mobile app, I've been able to meticulously structure the design aspects.

    • hoodi
      지식공유자

      Hello. This is Hoodie, your knowledge sharer. Thank you very much for your heartfelt course review! It's especially impressive that, as a developer, you took the course while contemplating the design aspects with us! After all, design isn't just about creating pretty screens; it's also a way to communicate better with users and effectively deliver functions. 😊😊 This course was designed to be as easy as possible to follow from the basics, so I'm truly gratified that it was so helpful to Chanran-nim! In the future, if you encounter design challenges in your work, please refer back to the course content and utilize it. I've made it available for unlimited access so you can revisit it anytime. :) I sincerely hope for excellent results in your future development and design work!

  • gmls님의 프로필 이미지
    gmls

    수강평 2

    평균 평점 5.0

    5

    96% 수강 후 작성

    I was able to grasp the fundamentals for planning application screen composition and design from a user perspective. Thank you.

    • hoodi
      지식공유자

      Hello, I'm knowledge sharer Hoody. It's so great that you were able to learn the basics needed for planning..! 😊😊 As you work with various platforms and domains, you'll get a sense of what perspective to take when designing..! Thank you for your precious review and rating ☺️ You don't have much left until completion..! Fighting!

  • mong6님의 프로필 이미지
    mong6

    수강평 1

    평균 평점 5.0

    5

    31% 수강 후 작성

    • hoodi
      지식공유자

      Hello, this is Hoody, your knowledge sharer. Thank you for leaving a valuable rating! I hope my design lecture was helpful! 😊 Cheering you on until completion! 💪

  • cg5xyfnn9m8289님의 프로필 이미지
    cg5xyfnn9m8289

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    • hoodi
      지식공유자

      Hello, I'm Hoodie, a knowledge sharer. Thank you for your valuable rating after 100% completion..! I hope my design lecture was helpful! 😊

  • squarecracker님의 프로필 이미지
    squarecracker

    수강평 1

    평균 평점 5.0

    5

    67% 수강 후 작성

    I didn't even know what UX/UI was and felt overwhelmed, but after taking this lecture, I started to understand things one by one. There were also quizzes in the middle, so I could check if I understood correctly. What I liked most was that they explained why things should be done this way, really easily. Instead of just telling me to memorize it, they told me the reasons, so it really stuck in my head. Because they explained using apps like 배달의민족 and 당근마켓 as examples, I immediately understood, thinking 'Ah, this is it!'. It was also fun to create things myself with 피그마, and even though I haven't finished the entire course yet, I can already create simple screens. I really recommend this to anyone struggling with UX/UI. I was a complete beginner too, but I was able to understand it.

    • hoodi
      지식공유자

      Hello, this is knowledge sharer Hoodie. Thank you so much for Cracker's valuable review! 👍 UX/UI can be difficult and overwhelming at first, but hearing that you're starting to understand it piece by piece truly makes me proud. I'm especially delighted that you grasped the part where I focused on explaining "why it needs to be done this way." Explaining with real app examples like Baemin and Danggeun Market was intended to help you understand more visually and clearly by looking at actual apps, since 'image' is crucial in design, so I'm grateful you recognized that :) If you continue to follow the lecture until the end, you'll build much stronger skills. Once again, thank you for your valuable review!

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

₩77

24%

₩132,000

비슷한 강의

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