Level2: Thiết kế Ux/Ui cho Web & Mobile - Fedu

Level2: Thiết kế Ux/Ui cho Web & Mobile

Giảng viên: Nguyễn Đức Việt

Học phí (mua 1 lần học trọn đời) tại FEDU

1,399,000  650,000 

Học phí chỗ khác: 1,399,000 ₫

Học đến khi thành thạo thì thôi

Hoàn lại học phí nếu không hài lòng

Lưu ý: Hình thức học của Fedu là học ONLINE, chúng tôi không mở lớp dạy trực triếp hoặc offline. Học viên vui lòng cân nhắc trước khi đăng ký

Thời lượng: 15 giờ học

Bài học: 97 bài bài

Giới thiệu khóa học

THIẾT KẾ ỨNG DỤNG, THIẾT KẾ WEB THEO CHUẨN GOOGLE DESIGN BẰNG PHOTOSHOP” là khóa học đầu tiên về chuẩn thiết kế Google design, chỉ có duy nhất tại Fedu. Điểm khác biệt của khóa học là hướng dẫn chi tiết cho các bạn dù chưa có kinh nghiệm gì trong thiết kế ứng dụng và web thì vẫn có thể tạo ra các bản thiết kế đẹp, phá cách nhưng vẫn gần gũi, tính thực tế cao.

Tham gia khóa học, học viên sẽ được:

-Kĩ năng đọc tài liệu, đo đạc, setup thiết kế theo chuẩn Material design.

-Hai vấn đề quan trọng trong thiết kế ứng dụng: là sử dụng công cụ và chuẩn thiết kế (chuẩn chữ, chuẩn màu, chuẩn khoảng cách, chuẩn nút…)

-Thực hành và hiểu các đối tượng Ui sử dụng trong thiết kế Material design.

-Học về các đối tượng Ui trong thiết kế banner, menu drawer, thiết kế bottom navigation, thiết kế nút, thiết kế sheets, thiết kế text field, thiết kế tap, tooltip…

HIỆU QUẢ SAU KHÓA HỌC

Dù bạn chưa biết gì, học từ đầu cũng có thể thiết kế web, làm app trên điện thoại sao cho đẹp, độc, lạ, bài bản theo chuẩn Google design.

-Mục tiêu của chúng tôi là học xong học viên phải làm được việc nên lộ trình học đi sâu vào phân tích, thực hành chi tiết từng bước để học viên cảm nhận được hết kiến thức

-Tầm quan trong của việc học chuẩn thiết kế Material Design là giúp cho bạn có thể ứng dụng các nguyên lý về khoảng cách, thang độ màu, sử dụng size chữ… để tùy biến và tạo ra nguyên mẫu thiết kế Ui/Ux đẹp và phù hợp với các nhu cầu khác nhau.

-Sau khi học xong khóa học, bạn có thể biết được thiết kế nào là đẹp, là xịn, phân tích được độ chi tiết, độ chuẩn của một thiết kế web hay ứng dụng.

Nội dung khóa học

Phần 01- Giới thiệu khóa học và cách học
 001- Giới thiệu
 002- Cách học trong khoá học
Phần 02- Cài đặt bộ phần mềm
 003- Cài đặt công cụ Adobe CC 2018
Phần 03- Nguyên lý cơ bản về thiết kế Typography
 001 – Lý thuyết về thiết kế chữ
 002 – 13 khái niệm cơ bản về chữ
 003 – Tải font, tìm font, và sử dụng font
 004 – Chọn font cho thiết kế thế nào
 005 – Các qui tắc kết hợp chữ – phần 1
 006 – Các qui tắc kết hợp chữ – phần 2
 007 – Các lỗi thường gặp khi kết hợp chữ
 008 – Phân loại các phương thức tùy biến chữ cho ấn phẩm thiết kế
Phần 04- Tổng kết nguyên lý Typography áp dụng trong Material Design
 009 – Lý thuyết về qui tắc phối màu trong thiết kế
 009- Tổng kết lý thuyết phần typo
 010- Tổng kết phần font chữ
 011- Tổng kết các qui tắc dùng chữ trong Material Design
Phần 05- Nguyên lý màu cơ bản
 002 – Bánh xe màu là gì
 003 – Thực hành sử dụng bánh xe màu
 004 – Học về màu cơ bản, màu thứ cấp, màu bổ túc qua ví dụ
 005 – Nguyên lý phối màu sử dụng màu tương đồng
 006 – Nguyên lý phối màu đơn sắc
 007 – Định nghĩa về Tone màu
 008 – Tổng kết về các hệ màu và các sử dụng hệ màu trong thiết kế
 010 – Học về tính cách màu qua ví dụ
Phần 06- Nguyên lý màu áp dụng trong Material Design
 011- Giới thiệu hệ thống màu đưa ra bởi google
 012- Cách pha màu theo Material Design
 013- Cách chọn màu bằng công cụ của Adobe
 014- Kiểu phối màu đơn sắc trong Material Design
 015- Kiểu phối màu Triad trong Material Design
 016- 6 qui tắc dùng màu trong thiết kế chuẩn – Phần 1
 017- 6 qui tắc dùng màu trong thiết kế chuẩn – Phần 2
 018- 6 qui tắc dùng màu trong thiết kế chuẩn – Phần 3
 019- 6 qui tắc dùng màu trong thiết kế chuẩn – Phần 4
 020- Tổng kết phần màu
Phần 07- Lý thuyết về Elevation trong thiết kế ứng dụng
 021- Giới thiệu nguyên lý về không gian thiết kế của Material Design
 022- Lý thuyết về không gian thiết kế
 023- Lý thuyết về elevation trong thiết kế ứng dụng
Phần 08- Thực hành về Elevation
 024- Thực hành elevation với Photoshop
 025- Hoàn thiện lý thuyết về phần elevation của Material Design
 026- Sơ đồ và bảng thông số chi tiết các đối tượng thiết kế
 027- Phần tích thiết kế qua ví dụ
Phần 09- Lý thuyết về layout và qui tắc đặt layout
 028- Giới thiệu phần layout
 029- Các qui tắc trình bày layout
Phần 10- Thực hành layout
 030- Thực hành setup layout mobile theo thông số của Material Design
 031- Thực hành setup layout tablet theo thông số của Material Design
 032- Thực hành setup layout desktop theo thông số của Material Design
Phần 11- Lý thuyết về Baseline và Keyline
 033- Khái niệm về đường gióng cơ sở baseline và cách setup trên photoshop
 034- Thực hành đường gióng cơ sở Baseline
 035- Lý thuyết và qui tắc về Keyline
Phần 12- Lý thuyết về Increment – Touch size – Click target
 036- Khái niệm và cách sử dụng Increment trong thiết kế
 037- Lý thuyết về Touch target và Click target
Phần 13- Thiết kế đối tượng UI Button, phân loại Button và phân cấp thông tin của button
 038- Giới thiệu về UI design dựa trên nguyên lý thiết kế Material
 039- Thiết kế nút
 040- Phân loại nút
 041- Cấu trúc và phân cấp thông tin của các loại nút
Phần 14- Thực hành thiết kế text button và outline button
 042- Thiết kế text button bằng Photoshop
 043- Thiết kế outline button bằng Photoshop
Phần 15- Thiết kế contained button
 044- Hướng dẫn thiết kế Contained button
 045- Hướng dẫn thiết kế Contained button kèm icon
Phần 16- Toggle button và các tùy biến dựa trên Material Design
 046- Hướng dẫn thiết kế Toggle Button
 047- Phân tích các trường hợp sử dụng và kết hợp của 4 loại nút trong Material Design
 048- Thiết kế tuỳ biến dựa trên Material Design
Phần 17- Thiết kế đối tượng UI Floating action button
 049- Giới thiệu về Floating Action Button dạng tròn
 050- Giới thiệu về Floating Action Button dạng dài
 051- Hướng dẫn thiết kế 2 loại Floating Action Button
Phần 18- Giới thiệu và qui chuẩn thiết kế khối nội dung – Card
 052- Giới thiệu cách thiết kế khối nội dung – Card
 053- Qui chuẩn thiết kế cho phần nội dung
Phần 19- Thực hành thiết kế khối nội dung
 054- Thiết kế khối nội dung phần thực hành
 055- Hoàn thiện thiết kế khối nội dung
 056- Thiết kế card mở rộng theo thông số material
 057- Thiết kế text cho khối nội dung
 058- Hoàn thiện thiết kế khối nội dung
Phần 20- Giới thiệu và thực hành đối tượng UI Banner
 059- Giới thiệu banner và cách sử dụng banner
 060- Bài tập thiết kế banner cơ bản
 062- Bài tập thiết kế banner loại 3
 063- Cách thiết kế tuỳ biến dựa trên Material Design
Phần 21- Giới thiệu và thực hành thiết kế đối tượng UI Chips
 064- Giới thiệu các thiết kế thành phần nhập liệu – Chip
 065- Thiết kế Chips cơ bản
 066- Chữa bài thiết kế Chips có icon
Phần 22- Giới thiệu và thiết kế Dialog theo chuẩn Material Design
 067- Giới thiệu về thiết kế dialog
 068- Thực hành thiết kế dialog theo chuẩn
 069- Hoàn thiện dialog cho giao diện web
Phần 23- Thiết kế UI Appbar
 070- Giới thiệu đối tượng UI Appbar
 071- Thiết kế thanh Appbar
 072- Thực hành thiết kế App bar
 073- Tùy biến thanh Appbar
Phần 24- Thiết kế danh sách dữ liệu cơ bản
 074- Giới thiệu cách thiết kế danh sách dữ liệu và các loại danh sách dữ liệu
 075- Thiết kế danh sách cơ bản
Phần 25- Thực hành thiết kế các loại danh sách dữ liệu
 076- Thực hành thiết kế danh sách có ảnh
 077- Thực hành danh sách 2 dòng
 078- Danh sách 2 dòng có overline text
 079- Thiết kế danh sách 3 dòng có avatar
Phần 26- Thiết kế menu Dropdown
 080- Thiết kế menu
 081- Thực hành với menu dropdown
Phần 27- Thiết kế thanh Navigation Drawer
 082- Thiết kế thanh navigation drawer
 083- Thực hành thiết kế thanh navigation drawer
 084- Ví dụ về tùy biến menu
Phần 28- Thiết kế menu ngang
 088- Giới thiệu thành phần UI menu ngang
 089- Thiết kế menu tab dạng chữ
 090- Thiết kế menu tab dạng chữ kèm icon
Phần 29- Thiết kế bố cục ảnh
 091- 4 loại bố cục sắp xếp trong Material Design
 092- Thiết kế bố cục ảnh chuẩn
 093- Thiết kế bố cục ảnh dạng free layout
 094- Thiết kế bố cục ảnh dạng free layout nhịp 2
 095- Thiết kế bố cục ảnh dạng free layout 6 cột
 096- Thiết kế bố cục ảnh nhịp 2
Phần 30- Tổng kết khóa
 097- Tổng kết khoá học

-Dù bạn chưa biết gì, học từ đầu cũng có thể thiết kế web, làm app trên điện thoại sao cho đẹp, độc, lạ, bài bản theo chuẩn Google design.

-Mục tiêu của chúng tôi là học xong học viên phải làm được việc nên lộ trình học đi sâu vào phân tích, thực hành chi tiết từng bước để học viên cảm nhận được hết kiến thức

-Tầm quan trọng của việc học chuẩn thiết kế Material Design là giúp cho bạn có thể ứng dụng các nguyên lý về khoảng cách, thang độ màu, sử dụng size chữ… để tùy biến và tạo ra nguyên mẫu thiết kế Ui/Ux đẹp và phù hợp với các nhu cầu khác nhau.

-Sau khi học xong khóa học, bạn có thể biết được thiết kế nào là đẹp, là xịn, phân tích được độ chi tiết, độ chuẩn của một thiết kế web hay ứng dụng.

  • Giảng viên tại trường ĐH FPT, 12 năm trong nghề thiết kế, lập trình web. Anh đã và đang giảng dạy, đào tạo cho khoảng hơn 10.000+ học viên thiết kế, lập trình web tại Việt Nam. Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội. Từng làm việc trong nhiều dự án lớn thuộc tập đoàn FPT, anh đã và đang tham gia rât nhiều dự án Freelancer về thiết kế đồ họa nên kinh nghiệm thực tế dồi dào, mong muốn đem những kinh nghiệm này chia sẻ cho tất cả mọi người, giúp các bạn có được những hành trang quý báu trên con đường sự nghiệp.
  • Từng du học nghành thiết kế đồ họa đa phương tiện – tại tập đoàn Aptech Limited – Bangalore Ấn Độ theo chương trình giảng viên tài năng.
  • Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội.

Đánh giá

Chưa có đánh giá nào.

Hãy là người đầu tiên nhận xét “Level2: Thiết kế Ux/Ui cho Web & Mobile”

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Level2: Thiết kế Ux/Ui cho Web & Mobile 650,000 đ ĐĂNG KÝ NGAY