13: Học thiết kế UX/UI Web/App bằng Adobe Photoshop, Adobe Muse và Adobe Experience design CC 2017 - Fedu

13: Học thiết kế UX/UI Web/App bằng Adobe Photoshop, Adobe Muse và Adobe Experience design CC 2017

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

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

699,000  299,000 

Học phí chỗ khác: 699,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ờ

Bài học: 113 bài

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

Học thiết kế UX/UI reponsive cho ứng dụng  di động và website.

Cùng giảng viên FPT Arena khám phá khóa học về UX/UI đầu tiên tạo Việt Nam

Video bài học mẫu trong khóa học thiết kế giao diện ứng dụng, web/app UI/UX

UX, UI LÀ GÌ? TẠI SOA CẦN PHẢI HỌC THIẾT KẾ UX, UI?

Giao diện người sử dụng – User interface (UI): UI trong lĩnh vực thiết kế được gọi là sự truyển tải thông điệp từ nhà thiết kế – từ người cung cấp dịch vụ (Or sản phẩm )

tới người sử dụng . Ở đây nói đơn giản nhà thiết kế đóng vai trò như 1 lập trình viên hoặc nhà xây dựng để bất cứ ai cũng có thể hiểu và sử dụng được sản phẩm của họ .

Trải nghiệm người dùng – User experience (UX): UX là cách mà người dùng cảm nhận về 1 sản phẩm cụ thể , người làm về UX goi là UX Designer . Họ là những người nghiên cứu và đánh giá về thói quen và cách mà 1 người khách hàng sử dụng và cảm nhận về 1 hệ thống (Sử dụng hệ thống thông qua UI) . Sử dụng và cảm nhận ở đây đơn giản là những vấn đề như tính dễ sử dụng , sự tiện ích , sự hiệu quả khi hệ thống hoạt động

Ngày nay UI/UX là bộ phận cực kỳ quan trọng đối với website, Khóa học thiết kế UI/UX giúp bạn thiết kế ra những sản phẩm nhanh chóng, để giúp edit chỉnh sửa được

Tham gia ngay khoá học để là một trong những người đầu tiên được hướng dẫn về thiết kế UX và UI với sự hỗ trợ của các công cụ thiết kế hàng đầu của Adobe : Illustrator, Adobe Photoshop, Adobe XD, Adobe Muse.

THAM GIA KHOÁ HỌC, BẠN SẼ ĐƯỢC CUNG CẤP ĐẦY ĐỦ KIẾN THỨC VỀ:

  • Tự tay thiết kế, và ttạo ra các chức năng cho người dùng có thể trải nghiệm trước khi đi vào đầu tư lập trình
  • Không cần biết một dòng code nào có thể chuyển thẳng từ thiết kế đồ họa sang dạng app và website responsive để preview, để test các thao tác với ứng dụng, hiểu được nguyên lý hoạt động của phần mềm, của app, các hiệu ứng slide, trượt, chuyển động trên iphone, adroid …
  • Học qua bài tập thiết kế app, thiết kế web và chuyển sang dạng “UX” để trải nghiệm.
  • Sử dụng thành thạo các công cụ thiết kế cơ bản trong photoshop và nắm bắt được tư duy thiết kế Website hay App Mobile. Tìm hiểu những điều cơ bản nhất của thiết kế một ứng dụng di động hay một website, từ ý tưởng ban đầu, wireframe…

KHOÁ HỌC ĐANG HƯỚNG ĐẾN NHỮNG BẠN:

  • Web Developers, Web Designers, người lập trình ứng dùng, thiết kế app, phát triển app muốn nâng cao chất lượng sản phẩm hay muốn chuyển từ bản thiết kế của mình sang web/app mà không muốn viết code.
  • Các bạn sinh viên hoặc đi làm đã và đang nghiên cứu về thiết kế web và mobile application hay muốn hiểu sâu hơn về tư duy thiết kế sản phẩm để có thể làm việc hiệu quả cùng Designer.
  • Các công ty và doanh nghiệp hoặc các startup muốn xây dựng 1 website hoặc 1 mobile application phù hợp với khách hàng, người sử dụng và thoả mãn chính mình

ĐỂ HOÀN THÀNH KHOÁ HỌC MỘT CÁCH TỐT NHẤT, HỌC VIÊN ĐĂNG KÍ THAM GIA CẦN CÓ:

  • Máy tính/laptop kết nối với Internet,
  • Cấu hình máy Ram 2GB trở lên, ổ cứng trống 10GB 

Hơn 2000 học viên tham gia khoá học và đạt được kết quả như nội dung khoá học chúng tôi đề ra. Hãy cùng xem sản phẩm được thiết kế bởi học viên đang theo học tại Fedu nhé! 

Website nhà hàng tổ chức tiệc cưới từ file vẽ tay và thiết kế UI/UX cho website bằng Adobe Muse

 Link website : https://redswanrestaurant.github.io/

Hãy tham gia ngay khoá học cùng Fedu để có trải nghiệm thiết kế đồ hoạ thú vị và bổ ích!

Phần 1 : giới thiệu khóa học
 Giới thiệu khóa học thiết kế UI – UX (05:59)
Phần 2: Kiến thức cơ bản về photoshop
 Giới thiệu kiến thức cơ bản photoshop cần dùng trong khóa học (05:59)
 Cài đặt công cụ (03:28)
 Không gian làm việc của photoshop (08:08)
 Các phương pháp tách layer trong Photoshop (05:23)
 Công cụ lasso và marquee trong xử lý layer (05:38)
 Tách layer bằng công cụ magnetic lasso (03:55)
 Tách layer bằng công cụ magic warn và selection tool (09:40)
 Tính năng contigous cho magic warnd (07:57)
 Tách layer nâng cao với công cụ refine edge – phiên bản cc 2015 (06:53)
 Tách layer nâng cao với công cụ refine edge – phiên bản cc 2017 – Bài tập 1 (04:41)
 Tách layer nâng cao với công cụ refine edge – phiên bản cc 2017 – Bài tập 2 (09:02)
 Tách layer bằng cách sử dụng công cụ pentool (10:26)
 Sử dụng thành thạo tính năng Smart Object (12:58)
 Công việc thiết kế diễn ra theo qui trình nào (06:49)
 Giới thiệu bài tập thực hành (15:21)
 Xử lý tách layer bằng magnetic tool (08:33)
 Bài giảng mới (07:07)
 Thao tác với vùng chọn và đổ màu (07:08)
 Thao tác với mặt nạ để tạo hiệu ứng cho nhân vật (06:32)
 Vẽ hình trong photoshop (06:53)
 Vẽ hình tự do sử dụng công cụ Pen (05:14)
 Xử lý text (15:00)
 Xử lý phần background (17:49)
 Tổng kết phần photoshop (03:50)
Phần 3: Cài đặt Adobe Muse CC 2017
 Giới thiệu phần mềm Adobe Muse CC 2017 – why và how (05:44)
 Cài đặt Adobe Muse CC 2017 (04:51)
Phần 4: Cơ bản về Adobe Muse qua bài tập 1
 Giới thiệu bài tập số 1 (02:11)
 Setup cơ bản trong Adobe Muse và cách chạy thử file trong Muse (14:38)
 Sử dụng font thế nào, dùng icon font thế nào trong Muse (11:34)
 Tóm tắt kiến thức (07:18)
 Tạo trang company và link tương tác (05:36)
 Tạo menu điều hướng trong Muse thế nào (06:38)
 Hoàn thiện web đầu tiên với việc sử dụng master page (07:05)
Phần 5: Giới thiệu thiết kê Wireframe
 Định nghĩa wireframe – what – why – how (08:48)
 Học thiết kế wireframe qua bài tập (04:17)
Phần 6: Thực hành thiết kế Wireframe qua bài tập
 Cài đặt ban đầu cho thiết kế wireframe (05:27)
 Xử lý master page (09:38)
 Xử lý trang chủ – Phần 1 (09:42)
 Xử lý trang chủ – Phần 2 (07:50)
 Xử lý trang Giới thiệu (06:55)
 Thiết kế trang gói dịch vụ (05:56)
 Sử dụng nhiều trang master thế nào (02:41)
 Tạo menu đa cấp cho việc chuyển đổi các trang wireframe (05:01)
 Tổng kết về thiết kế wireframe (04:23)
Phần 7: Thiết kế thành phần menu trong Adobe Muse
 Giới thiệu các thành phần UI/UX (05:21)
 Cách thiết kế menu cố định khi cuộn chuột (12:30)
 Cách thiết kế menu cố định trái và phải (05:37)
Phần 8: Thiết kế hiệu ứng tương tác cuộn chuột trên Adobe Muse
 Cách thiết kế hiệu ứng tương tác khi cuộn chuột (10:25)
 Áp dụng scroll UX cho bài tập thực tế (13:36)
Phần 9: Thể hiện hiệu ứng fix background và lightbox trên Adobe Muse
 Thiết kế hiệu ứng fix background (09:17)
 Thiết kế hiệu ứng lightbox (09:26)
Phần 10: Giới thiệu về thiết kế responsive trong Adobe Muse qua bài thực hành
 Thiết kế thành UI/UX – Thiết kế responsive trong Adobe Muse 2017 (06:36)
 Thiết kế responsive – phương pháp số 1 (10:04)
 Thiết kế responsive – phương pháp số 2 – Adaptive (08:09)
Phần 11: Phương pháp thiết kế menu responsive trong Muse
 Thiết kế menu responsive – phần 1 (04:13)
 Thiết kế menu responsive – phần 2
 Thiết kế menu responsive – phần 3 (09:47)
Phần 12: Phương pháp thiết kế hiệu ứng trượt trong Adobe Muse
 Thiết kế hiệu ứng trượt của landing page thế nào (04:34)
 Thực hành thiết kế hiệu ứng trượt cho landing page – phần 1 (09:04)
 Thực hành thiết kế hiệu ứng trượt cho landing page – phần 2 (06:58)
Phần 13: Thiết kế hiệu ứng tương tác kiểu hover bằng Graphic Style trong Muse
 Thiết kế các hiệu ứng tương tác kiểu hover (06:12)
 Thực hành với graphic style trong Muse (13:02)
 Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 1
 Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 2
 Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 3 (07:23)
 Thực hành thiết kế hiệu ứng hover bằng graphic style và lightbox – phần 4 (09:40)
Phần 14: Hiệu ứng tương tác nâng cao qua bài thực hành
 Thực hành thiết kế tương tác nâng cao – Phần 1 (06:00)
 Thực hành thiết kế tương tác nâng cao – Phần 2 (11:07)
 Thực hành thiết kế tương tác nâng cao – Phần 3 (03:17)
 Thực hành thiết kế tương tác nâng cao – Phần 4 (06:57)
 Thực hành thiết kế tương tác nâng cao – Phần 5 (08:09)
 Thực hành thiết kế tương tác nâng cao – Phần 6 (03:28)
Phần 15: Kết nối Adobe Photoshop và Adobe Muse CC 2017
 Kết nối Photoshop CC 2017 và Adobe Muse CC 2017 (05:24)
 Áp dụng thiết kế banner với Photoshop và Muse (09:31)
Phần 16: Thực hành với các tính năng thiết kế UX sẵn có trong Muse
 Cách cài đặt widget trong muse – Áp dụng thiết kế background video (09:15)
 Giới thiệu phương pháp thiết kế slide show không cần widget (07:46)
 Thiết kế google map và youtube trên Muse thế nào
Phần 17: Thực hành Adobe Muse CC 2017 qua project thực tế
 Giới thiệu project web nội thất và các kiến thức cần sử dụng (05:57)
 Getstarted (04:04)
 Thiết kế menu và logo (10:40)
 Thiết kế UX cho menu – Phần 1 (05:42)
 Thiết kế UX cho menu – Phần 2 (09:13)
 Thiết kế hiệu ứng slide trượt ngang – Phần 1 (04:14)
 Thiết kế hiệu ứng slide trượt ngang – Phần 2 (06:57)
 Thiết kế hiệu ứng slide trượt ngang – Phần 3 (09:06)
 Thiết kế hiệu ứng slide trượt ngang – Phần 4 (07:26)
 Thiết kế khối dịch vụ bằng cách sử dụng icon font (07:54)
 Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 1 (03:32)
 Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 2
 Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 3 (06:56)
 Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 4 (08:34)
 Thiết kế khối sản phẩm với UX lightbox và Hover – Phần 5 (02:19)
 Thiết kế phần dịch vụ (05:11)
 Thiết kế phần hiệu ứng slide cảm nhận khách hàng (05:27)
 Thiết kế phần nút và nội dung slide (09:05)
 Thiết kế hiệu ứng trượt (03:40)
 Thiết kết UX cho khối team member (08:59)
 Thiết kế hiệu ứng Tab (05:04)
 Hướng dẫn hoàn thiện thiết kế UI-UX cho website nội thất (03:32)
 Tổng kết về Adobe Muse và giới thiệu phần quản trị website Muse với WordPress (08:11)
Phần 18: Giới thiệu và cài đặt Adobe Experience CC 2017
 Giới thiệu Adobe XD 2017 (09:12)
 Cài đặt Adobe XD (05:23)
Phần 19: Làm quen với Adobe Experience CC 2017 qua bài thực hành
 Không gian làm việc của Adobe XD CC 2017 (09:28)
 Bài tập đầu tiên về Adobe XD CC 2017 (08:24)
Phần 20: Thiết kế ứng dụng trên Adobe Experience CC
 Bài tập 2: Thực hành sử dụng Adobe XD Prototype trên giao diện iphone 7 (11:29)
 Thực hành thiết kế giao diện App cho ipad Pro (07:18)
 Thiết kế giao diện trang chi tiết (08:50)
 Thực hành với Prototype (05:28)
 Hoàn thiện ứng dụng đầu tiên với Adobe XD (04:24)
 Upload và tạo link trực tuyến cho ứng dụng thiết kế trong Adobe XD (06:41)
Phần 21: Thiết kế ứng dụng đọc tin trên Adobe Experience CC
 Bài tập 3: Thiết kế App đọc tin trên iphone (02:02)
 Vẽ phần Top của ứng dụng (11:16)
 Thiết kế phần slide cho banner (09:09)
 Sử dụng Repeat grid thiết kế phần giao diện đọc tin (07:04)
 Sử dụng Scroll cho thiết kế phần giao diện đọc tin (04:48)
 Xử lý phân trang bằng Repeat Grid (03:25)
 Thiết kế footer (04:22)
 Thiết kế thanh tìm kiếm (06:58)
 Cách sử dụng font awesome cho tất cả icon trong Adobe XD (07:55)
 Thiết kế menu chi tiết cho ứng dụng (07:36)
 Xử lý phần điều hướng cho Menu bằng prototype (02:39)
 Thiết kế giao diện trang chi tiết đọc tin – Phần 1 (08:07)
 Thiết kế giao diện trang chi tiết đọc tin – Phần 2 (11:55)
 Điều hướng cho ứng dụng bằng prototype (08:17)
 Hướng dẫn thiết kế các phần còn lại của App (05:23)

 

SAU KHI KẾT THÚC KHOÁ HỌC BẠN HOÀN TOÀN TỰ TIN VỀ: 

  • Hiểu thế nào là thiết kế UX UI, lợi ích UX mang lại cho sản phẩm và làm thế nào để có được bản thiết kế UI/UX qua việc sử dụng các công cụ Adobe
  • Tự thiết kế một app hoàn chỉnh, web hồ sơ năng lực cá nhân,landing page và chuyển sang website thật nhờ Adobe Muse.

NGOÀI RA BẠN CÒN SỞ HỮU TRỌN BỘ KIẾN THỨC:

Photoshop từ cơ bản đến nâng cao. Giúp bạn thành thạo mọi công cụ làm việc trong môi trường Photoshop. Chỉnh sửa và cho ra đời những bức chân dung tuyệt đẹp và những bức hình phong cảnh theo phong cách của riêng mình. Tự tay thiết kế được giao diện web, poster, banner theo phong cách “đẹp” và “lạ”.

Adobe Muse kết hợp UX/UI từ cơ bản đến nâng cao. Giúp bạn thiết kế web với nhiều tính năng cho phép những nhà phát triển web, hướng tới sự đơn giản trong bố trí sắp xếp mà không đòi hỏi tri thức về HTML . Tạo môi trường thân thiện và dễ dùng cho người sử dụng, nó mang sẵn những tính năng mở rộng được thiết lập sẵn sàng tương trợ bạn trong việc tạo và xuất bản các trang web chuyên nghiệp.

Adobe Exprience từ cơ bản đến nâng cao. Giúp bạn tạo ra một ứng dụng hoàn toàn mới cho nền tảng Universal Windows là người dùng Windows 10 có thể tận dụng lợi ích của phần mềm và phần cứng mới nhất. Có thể biến ý tưởng thành phiên bản thử nghiệm một cách nhanh chóng hơn. Đây là công cụ tất cả trong một giúp tạo ra, chia sẻ các bản thiết kế ứng dụng di động và trang web.

NGUYỄN ĐỨC VIỆT.

  1. Giảng viên chuẩn quốc tế trường Đại học FPT.
  2. 10 năm trong nghề thiết kế, lập trình, tin học ứng dụng. Anh đã và đang giảng dạy, đào tạo cho khoảng hơn 20.000+ học viên thành công.
  3. Tốt nghiệp khoa CNTT, Đại học bách khoa Hà Nội.

Bạn có thể hoàn toàn tin tưởng vào giảng viên của Fedu bởi anh có rất nhiều kinh nghiệm khi 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ế, lập trình web, 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.

Đánh giá

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

Hãy là người đầu tiên nhận xét “13: Học thiết kế UX/UI Web/App bằng Adobe Photoshop, Adobe Muse và Adobe Experience design CC 2017”

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 *

13: Học thiết kế UX/UI Web/App bằng Adobe Photoshop, Adobe Muse và Adobe Experience design CC 2017 299,000 đ ĐĂNG KÝ NGAY