Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Design

/

UI/UX

Từ cơ bản đến thực chiến! Hoàn thiện thiết kế UX/UI di động

Đây là khóa học nhập môn thực tế về thiết kế UX/UI di động dành cho những người mới bắt đầu hoặc thiếu kiến thức cơ bản. Thông qua lý thuyết cơ bản và thực hành đa dạng, bạn sẽ học từng bước để nắm vững cảm giác thực tế về thiết kế ứng dụng và nâng cao sự tự tin! 💪

(4.9) 17 đánh giá

46 học viên

  • hoodi
uxui
UI/UX
모바일디자인
피그마
모바일앱
Mobile App Design
Figma
ux
clone design
product design

Đánh giá từ những học viên đầu tiên

Dịch cái này sang tiếng Việt

  • Có thể tiếp thu lý thuyết cơ bản và các yếu tố cần thiết cho thiết kế di động.

  • Chia sẻ các mẹo và tính năng hữu ích về Figma.

  • Có thể tạo màn hình di động dựa trên wireframe.

  • Có thể học trực quan nội dung qua ví dụ app thực tế.

Trong bất kỳ lĩnh vực nào thì nền tảng luôn là quan trọng nhất!

Lĩnh vực thiết kế UX/UI cũng vậy. Khi thiết kế giao diện di động, vì các thành phần cấu thành và chức năng có nhiều biến thể khác nhau tùy theo từng dịch vụ, cuối cùng thì kiến thức nền tảng mà bạn có và khả năng thiết kế giao diện để áp dụng vào thực tế là vô cùng quan trọng. Tôi sẽ giúp bạn nâng cao kỹ năng thiết kế thông qua việc xây dựng kiến thức nền tảng và thực hành thiết kế giao diện!

🤔 "UX, UI.. cuối cùng thì nên học cái gì trước đây?"

😭 "Có rất nhiều thông tin trên internet, nhưng tôi không biết nên bắt đầu từ đâu"

😵 "Tôi không biết nên cấu trúc màn hình ứng dụng như thế nào."

Đây là những câu chuyện tôi nghe nhiều nhất khi tiến hành tư vấn thiết kế và mentoring. Có rất nhiều khóa học về portfolio hay Figma. Nhưng thực tế thì rất khó tìm được các khóa học về UX/UI mobile. Và những thông tin rải rác trên internet thì khó để tổng hợp lại một cách có hệ thống, khó biết cái nào đúng, nên bắt đầu học từ đâu. Hơn nữa, dù có học được lý thuyết như vậy thì cũng khó biết làm thế nào để áp dụng vào thực tế!

Thông qua lý thuyết thiết kế thiết yếu cho môi trường di động và thực hành để có thể áp dụng chắc chắn những điều này
hãy giải quyết những lo lắng và băn khoăn của các bạn! Thiết kế di động, Figma, ux, thiết kế clone, thiết kế sản phẩm

Sau khi kết thúc bài giảng,
hãy ôn tập lại cùng với giáo trình

*Vui lòng tham khảo tải xuống tài liệu giảng dạy trong chương trình học!


Đặc điểm của khóa học này là gì?

Cùng với các ví dụ màn hình ứng dụng nổi tiếng như Baemin, Carrot, Toss

Hãy học tập một cách chắc chắn thông qua các ví dụ hình ảnh của nhiều ứng dụng nổi tiếng được công chúng biết đến rộng rãi. Khi nhìn thấy những nội dung đã học được áp dụng và sử dụng như thế nào trong các ứng dụng thực tế, việc hiểu sẽ trở nên dễ dàng hơn rất nhiều!

Học thông qua lý thuyết và rèn luyện bằng thực hành

Bạn có thể học các lý thuyết và nội dung đa dạng phù hợp với môi trường di động, và rèn luyện thông qua nhiều ví dụ thực hành khác nhau. Ngoài ra, hãy xem thêm những mẹo hữu ích có thể học được trong thực tế công việc!

Phím tắt & chức năng thường dùng trong Figma

Nếu bạn thành thạo các phím tắt thường dùng trong Figma thì có thể thiết kế hiệu quả và nhanh chóng hơn nhiều so với người khác! Tôi sẽ tổng hợp và chia sẻ với bạn các phím tắt và tính năng mà tôi thường xuyên sử dụng!

Hoàn thiện thiết kế thông qua học tập từng bước

Tôi đã cấu trúc để bạn có thể từng bước theo dõi từ những kiến thức cơ bản đến ứng dụng, mở rộng các khái niệm khác nhau theo từng chương. Nếu bạn theo dõi tốt, bạn sẽ bất ngờ phát hiện ra mình đang thiết kế cả một màn hình!

Hãy tìm hiểu nội dung học tập chi tiết nhé?


이론 & 팁

Học lý thuyết thiết kế tập trung vào môi trường di động và khám phá những mẹo hay của Figma!

Màu sắc & Font chữ & Khoảng cách trên Mobile

Học cách thiết lập các yếu tố cơ bản nhất như màu sắc, phông chữ, văn bản, khoảng cách trên thiết bị di động.

Component và UI

Học các khái niệm về nhiều yếu tố UI khác nhau và áp dụng chúng thông qua thực hành để tìm hiểu cách thiết kế design.

Đặc điểm màn hình chung của dịch vụ di động

Chúng ta sẽ tìm hiểu về các mẫu và yếu tố chung trong môi trường di động như danh sách, GNB, bộ lọc và thực hành thiết kế chúng.

Các tính năng và mẹo của Figma

Chúng ta sẽ học về các tính năng thường được sử dụng trong Figma - công cụ thiết kế được dùng nhiều nhất, cùng với những mẹo hữu ích trong công việc thực tế.

Ví dụ thực hành thông qua Figma

Hãy ôn tập những nội dung đã học thông qua thực hành và luyện tập thiết kế!

Tô màu cho trang đăng ký tư vấn trước

Điều chỉnh cường độ và thứ bậc của màu chính & màu phụ trên trang đăng ký tư vấn để tô màu cho trang.

Tổng hợp thiết kế trang đánh giá du lịch

Chúng ta sẽ cùng nhau tạo màn hình đăng ký thành viên và áp dụng các yếu tố UI đã học để thiết kế.

Thiết kế màn hình đăng ký thành viên

Xem wireframe màn hình đăng ký thành viên và hoàn thiện thiết kế bằng cách áp dụng các yếu tố UI đã học.

Thiết kế giao diện thị trường đồ cũ

Xem wireframe màn hình chợ trời đơn giản và hoàn thành thiết kế bằng cách áp dụng những kiến thức đã học.

Sau khi nghe bài giảng, bạn có thể làm những điều này! 💪

Có thể rèn luyện nền tảng cơ bản về thiết kế một cách vững chắc

Điều quan trọng nhất trong thiết kế là nền tảng cơ bản. Việc xây dựng vững chắc những nền tảng cơ bản này sẽ giúp bạn phát triển năng lực trong công việc thực tế và trở thành cơ hội để bạn bước lên thành một nhà thiết kế có thực lực!

Có thể thiết kế dựa trên wireframe đã được lập kế hoạch

Trong thực tế công việc, bạn sẽ thiết kế dựa trên wireframe đã được lên kế hoạch. Hãy cùng thực hành với bài tập đã chuẩn bị để làm theo thiết kế từ wireframe và nâng cao kỹ năng của mình trước nhé!

Tôi khuyến nghị khóa học này cho những người như thế này 👍

Những lưu ý trước khi học

Kiến thức tiên quyết và lưu ý

  • Đối với phần thực hành, vì sẽ tiến hành thông qua Figma, nên tốt nhất là bạn nên biết cách sử dụng các công cụ cơ bản của Figma. Bạn chỉ cần biết những cách sử dụng rất cơ bản như tạo hình dạng, áp dụng văn bản và căn chỉnh các đối tượng với nhau thôi!

  • Tài liệu bài giảng không thể được sử dụng cho mục đích thương mại. Tất cả nội dung bài giảng và tài liệu đều được bảo vệ bản quyền. Vui lòng lưu ý!


Môi trường thực hành

  • Thực hành Figma sẽ được tiến hành với phiên bản UI3 có áp dụng giao diện cập nhật mới nhất.

  • Các file ví dụ thực hành được cung cấp dưới dạng file Figma (.fig) nên chúng tôi khuyến nghị bạn tải ứng dụng desktop của Figma để thực hiện!

Tài liệu học tập

  • Bạn có thể học thông qua ghi chú bài học và video.

강의 Q&A

Q. Người không chuyên ngành thiết kế có thể học khóa học này không?

Thiết kế di động có thể học được một cách đầy đủ chỉ bằng cách sử dụng các ứng dụng trong cuộc sống hàng ngày và hiểu về từng chức năng. Và nếu bạn hiểu các khái niệm đơn giản về màu sắc hoặc văn bản thì có thể nghe mà không gặp khó khăn gì. Tuy nhiên, trong phần thực hành, bất kể bạn có chuyên ngành hay không chuyên ngành, nếu biết cách sử dụng cơ bản của Figma một cách đơn giản thì sẽ có thể thiết kế dễ dàng hơn nhiều khi xem các ví dụ!

Q. Nếu là khóa học cơ bản thì độ khó sẽ ở mức nào?

Chủ yếu tôi đã đưa vào những nội dung mà những người mới bắt đầu học UX/UI mobile cần thiết, vì vậy có thể coi đây là mức độ khó từ nhập môn đến cơ bản, loại bỏ tối đa những nội dung quá phức tạp và khó. Tôi đã cấu trúc khóa học với những nội dung có thể đề cập ở mức cơ bản nhất có thể, và được thiết kế sao cho nếu học tốt và theo dõi những gì được dạy trong khóa học từ đầu thì có thể tiến hành các khái niệm ứng dụng và thực hành sau này một cách không khó khăn!

Q. Tôi có nhất thiết phải học từ phần đầu của khóa học không?

Khóa học được xây dựng từ cơ bản đến nâng cao một cách tuần tự và các bài thực hành cũng được thiết kế phù hợp với từng giai đoạn, vì vậy tôi khuyến nghị bạn nên học theo thứ tự từ đầu đến cuối!

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Ai muốn học về thiết kế UX/UI

  • nhà thiết kế mới vào nghề

  • Người tìm việc UX/UI designer

  • Những ai muốn chuyển sang làm UX/UI designer

Cần biết trước khi bắt đầu?

  • Sẽ tốt nếu biết cách sử dụng các công cụ Figma đơn giản như tạo hình khối, áp dụng màu sắc, căn chỉnh văn bản, v.v.

Xin chào
Đây là

46

Học viên

17

Đánh giá

4.9

Xếp hạng

1

Khóa học

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

     

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

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

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

     

     

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

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


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

Chương trình giảng dạy

Tất cả

55 bài giảng ∙ (5giờ 33phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

17 đánh giá

4.9

17 đánh giá

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

    Đánh giá 22

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    73% đã tham gia

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

    • 후디
      Giảng viên

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

  • Gmls님의 프로필 이미지
    Gmls

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    96% đã tham gia

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

    • 후디
      Giảng viên

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

  • monG님의 프로필 이미지
    monG

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • 후디
      Giảng viên

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

  • cg5xyfnn9m님의 프로필 이미지
    cg5xyfnn9m

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • 후디
      Giảng viên

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

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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    67% đã tham gia

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

    • 후디
      Giảng viên

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

2.780.161 ₫

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!