강의

멘토링

커뮤니티

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! 💪

(5.0) 20 đánh giá

63 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

Bạn sẽ nhận được điều này sau khi học.

  • 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, mỗi dịch vụ có các thành phần cấu tạo và chức năng khác nhau với nhiều biến thể, vì vậy cuối cùng 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để rèn luyệ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ập hợp và sắp xếp một lần, cũ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ế nhân bản, thiết kế sản phẩm

Ngay cả khi khóa học kết thúc,
hãy ôn tập lại cùng với tài liệu học tập

*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 của những ứ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. Ngoài ra, hãy xem các mẹo hữu ích có thể học được từ thực tế công việc xuyên suốt khóa học!

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

Nếu bạn học thuộc 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 để cá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 nhiều khái niệm khác nhau theo từng chương. Nếu theo dõi tốt, các bạn sẽ bất ngờ phát hiện 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

Tìm hiểu 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

Học về các chức năng thường dùng và những mẹo hữu ích trong thực tế của Figma - công cụ thiết kế được sử dụng nhiều nhất.

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

Hãy ôn tập 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 thiện thiết kế bằng cách áp dụng những kiến thức đã học.

Sau khi học xong khóa học, bạn có thể làm được 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 thực hành theo 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!

Tôi khuyên 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à

63

Học viên

20

Đánh giá

2

Trả lời

5.0

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ả

20 đánh giá

5.0

20 đánh giá

  • hopesdreamsforest님의 프로필 이미지
    hopesdreamsforest

    Đánh giá 23

    Đánh giá trung bình 5.0

    Đã chỉnh sửa

    5

    73% đã tham gia

    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
      Giảng viên

      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

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    96% đã tham gia

    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
      Giảng viên

      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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    • hoodi
      Giảng viên

      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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    • hoodi
      Giảng viên

      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

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    67% đã tham gia

    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
      Giảng viên

      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á!

2.777.527 ₫

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!