강의

멘토링

로드맵

디자인 · 아트

/

UX/UI

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

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

(5.0) 수강평 20개

수강생 60명

  • 후디
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 디자이너로 커리어 전환을 꿈꾸는 분들

선수 지식,
필요할까요?

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

안녕하세요
입니다.

60

수강생

20

수강평

2

답변

5.0

강의 평점

1

강의

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

     

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

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

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

     

     

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

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


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

커리큘럼

전체

55개 ∙ (5시간 33분)

해당 강의에서 제공:

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

수강평

전체

20개

5.0

20개의 수강평

  • hopesdreamsforest님의 프로필 이미지
    hopesdreamsforest

    수강평 23

    평균 평점 5.0

    수정됨

    5

    73% 수강 후 작성

    Gần đây, tôi nghĩ mình cần học UX/UI và đã phân vân không biết nên chọn khóa học nào, nhưng khóa học của Hudi thực sự rất hay. Dù không có kiến thức nền tảng, tôi bắt đầu học vì muốn bổ sung kiến thức về thiết kế trong quá trình phát triển. Khóa học giải thích chi tiết từ khái niệm màu sắc cho đến cách sử dụng font và văn bản, giúp tôi dễ dàng tiếp thu. Dù không thạo Figma, nhưng việc vừa xem vừa làm theo giúp tôi thực hiện mọi thứ dễ dàng hơn nhiều, điều này rất tuyệt. Khi mới bắt đầu phát triển ứng dụng di động gần đây, tôi đã có thể thiết kế chi tiết cách bố cục các yếu tố thiết kế.

    • hoodi
      지식공유자

      Xin chào. Tôi là Hoody, người chia sẻ kiến thức. Thực sự cảm ơn những lời nhận xét tận tâm về khóa học! Việc một nhà phát triển đã cùng suy nghĩ về khía cạnh thiết kế và tham gia khóa học thực sự để lại ấn tượng sâu sắc! Bởi lẽ, thiết kế không chỉ đơn thuần là tạo ra những màn hình đẹp, mà còn là cách để giao tiếp tốt hơn với người dùng và truyền tải chức năng một cách hiệu quả nữa. 😊😊 Đây là khóa học mà tôi đã cố gắng hết sức để sắp xếp sao cho người học dễ dàng theo dõi từ những kiến thức cơ bản, vì vậy khi bạn Chân Lạn nói rằng nó hữu ích đến vậy, tôi thực sự cảm thấy rất ý nghĩa! Trong tương lai, nếu có bất kỳ băn khoăn nào về thiết kế trong công việc thực tế, hãy tham khảo lại nội dung khóa học và áp dụng nhé. Tôi đã thiết lập khóa học này với quyền truy cập không giới hạn để bạn có thể quay lại bất cứ lúc nào. :) Với các công việc phát triển và thiết kế mà bạn sẽ thực hiện trong tương lai, tôi thành tâm chúc bạn đạt được những kết quả tuyệt vời!

  • gmls님의 프로필 이미지
    gmls

    수강평 2

    평균 평점 5.0

    5

    96% 수강 후 작성

    Tôi đã có thể nắm được những kiến thức cơ bản để lập kế hoạch từ góc độ cấu thành màn hình ứng dụng và quan điểm người dùng. Cảm ơn bạn.

    • hoodi
      지식공유자

      Xin chào, tôi là người chia sẻ kiến thức Hoody. Thật tuyệt vời khi bạn có thể học được những kiến thức cơ bản cần thiết cho việc lập kế hoạch..! 😊😊 Khi làm việc với nhiều nền tảng và domain khác nhau, bạn sẽ nắm được cảm giác về việc nên thiết kế từ góc độ nào..! Cảm ơn bạn vì đánh giá và điểm số quý báu ☺️ Bạn chỉ còn một chút nữa là hoàn thành khóa học rồi..! Fighting!

  • mong6님의 프로필 이미지
    mong6

    수강평 1

    평균 평점 5.0

    5

    31% 수강 후 작성

    • hoodi
      지식공유자

      Xin chào, tôi là Hoody, người chia sẻ kiến thức. Cảm ơn bạn đã để lại đánh giá quý giá! Tôi hy vọng khóa học thiết kế của tôi đã giúp ích cho bạn! 😊 Chúc bạn hoàn thành khóa học thật tốt nhé! 💪

  • cg5xyfnn9m8289님의 프로필 이미지
    cg5xyfnn9m8289

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    • hoodi
      지식공유자

      Chào bạn, tôi là Hoodie, người chia sẻ kiến thức. Cảm ơn bạn đã hoàn thành 100% khóa học và để lại đánh giá quý giá..! Tôi hy vọng khóa học thiết kế của tôi đã giúp ích cho bạn! 😊

  • squarecracker님의 프로필 이미지
    squarecracker

    수강평 1

    평균 평점 5.0

    5

    67% 수강 후 작성

    Tôi không rõ UX/UI là gì và thấy mơ hồ, nhưng nghe giảng xong thì dần hiểu ra. Có cả bài kiểm tra giữa buổi giúp tôi xác nhận mình đã nắm vững kiến thức chưa. Điều tôi thích nhất là giảng viên giải thích rất dễ hiểu lý do tại sao phải làm thế. Không chỉ bắt học thuộc, mà còn chỉ ra nguyên nhân, nên tôi tiếp thu rất nhanh. Giảng viên lấy ví dụ từ các ứng dụng như Baedal Minjok, Carrot Market nên tôi "à, thì ra là vậy!" và hiểu ngay. Tự tay làm với Figma cũng vui, dù chưa học hết nhưng tôi đã làm được màn hình đơn giản rồi. Tôi thực sự khuyên khóa này cho những ai đang băn khoăn vì UX/UI khó. Tôi là người mới hoàn toàn mà còn hiểu được mà.

    • hoodi
      지식공유자

      Xin chào, tôi là Hoody, người chia sẻ kiến thức. Thực sự cảm ơn rất nhiều vì đánh giá quý giá của bạn Cracker! 👍 UX/UI ban đầu có thể khó khăn và mơ hồ, nhưng khi nghe bạn nói đã bắt đầu hiểu từng chút một như thế này, tôi thực sự rất tự hào. Đặc biệt, tôi rất vui vì bạn đã nắm bắt tốt phần tôi giải thích tập trung vào "tại sao phải làm như thế này". Việc tôi giải thích bằng cách đưa ra các ứng dụng thực tế làm ví dụ như Baemin, Carrot Market cũng là vì trong thiết kế, 'hình ảnh' rất quan trọng. Tôi đã có ý định giúp bạn hiểu một cách trực quan hơn và chắc chắn hơn khi xem các ứng dụng thực tế, và tôi rất cảm ơn vì bạn đã nhận ra điều đó :) Trong tương lai, nếu bạn theo dõi khóa học đến cùng, bạn sẽ tích lũy được kỹ năng vững chắc hơn rất nhiều. Một lần nữa, xin cảm ơn vì đánh giá quý giá!

월 ₩554,842

5개월 할부 시

₩132,000

비슷한 강의

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