Chào mừng sinh viên đến với môn học Typography
Là một nhà thiết kế, sẽ có lúc bạn băn khoăn liệu sản phẩm mình tạo ra có dễ dàng được khách hàng đón nhận? liệu sản phẩm có đem lại lợi nhuận như dự tính? Đó là lúc bạn đang mon men bước vào một lĩnh vực khá mới mẻ mà cũng đầy thú vị: UX UI Design.
Khóa học 15 buổi này sẽ đem lại cho bạn cái nhìn toàn cảnh về cách làm thế nào để thiết kế hiệu quả, để biết rằng không chỉ một giao diện đẹp và ấn tượng thôi là chưa đủ để đem lại sự thành công.
Bạn sẽ thấy được tầm quan trọng của user (người dùng cuối) và hiểu được rằng tại sao trang web kia rất đẹp nhưng lại không nhiều khách hàng truy cập. Điều đó nói lên rằng, trước khi bắt tay vào 1 thiết kế sản phẩm nào đó thì ta cần có một quá trình nghiên cứu để có thể tạo ra một sản phẩm đáp ứng tối ưu những gì mà thị trường mong đợi.
Môn học cần chuẩn bị
Sổ tay, giấy phác thảo.
Máy tính truy cập trang www.figma.com.
Link Figma
Content
Thời gian: 15:50 - 18:20 ngày 11/9/2023 phòng 705
NỘI DUNG
Phổ biến chương trình học 15 buổi
UX là gì? UI là gì?
Tầm quan trọng của UX Design trong thiết kế công nghiệp.
5 vị trí UX Design mà bạn có thể tham gia
Làm quen với Figma
Tạo account education
Create team, invite member, add asset to team library
Design file và các thao tác cơ bản: Navigation, Create Shape, Transform, Color,..
BÀI TẬP
Vẽ sơ đồ làm quen với Figma
Thời gian: 13:00 - 15:30 ngày 18/9/2023 phòng 705
NỘI DUNG
Landingpage là gì?
Cấu trúc 1 trang web đơn giản
Đặc điểm hệ thống Grids Columns trên web.
Figma
Tạo Grids 12 cột
Sử dụng Style Color, Text và Effects
Cách áp hình ảnh vào Figma
Share Prototype
THỰC HÀNH
Tạo một trang Landing Page đơn giản
Thời gian: 15:50 - 18:20 ngày 25/9/2023 phòng 705
NỘI DUNG
Figma
Component
Prototype
Button
THỰC HÀNH
Tạo một Landing page theo mẫu
Lập button
Thời gian: 15:50 - 18:20 ngày 02/10/2023 phòng 705
NỘI DUNG
Figma
animation with mask
THỰC HÀNH
Thao tác với Component với Mask
Thời gian: 15:50 - 18:20 ngày 09/10/2023 phòng 705
NỘI DUNG
Portfolio là gì và các yêu cầu tối thiểu
Figma
Layout Porfolio
Mask
THỰC HÀNH
Tạo một trang Portfolio theo mẫu
------------------- Khởi động bài giữa kỳ (chia nhóm, đề bài) -------------------
Thời gian: 13:50 - 18:20 ngày 16/10/2023 phòng 607
NỘI DUNG
Figma
Chuyển động mặt nạ
Scrolling effect
Parallax
THỰC HÀNH
Tiếp tục hoàn thiện Portfolios
Thời gian: 2 tuần - cho đến ngày 30/10/2024 phòng 705
ĐỀ BÀI - (click)
QUY ĐỊNH
Thiết kế trên Figma
Nguyên liệu (câu chữ, hình ảnh, video..) từ bản thân
NỘP BÀI
Share Prototype trên Figma và gởi mail cho giáo viên
Tên file là KTGK + tên lớp + SV. Ví dụ KTGK_LeMinhThanh_1569.fig
Deadline - hết ngày 30/10/2024
Lưu ý: Không nhận bài sớm để tránh thất lạc
Lưu ý
Mọi thắc mắc về bài thi, sinh viên trao đổi trực tiếp với giáo viên
Sinh viên tự mình thực hiện toàn bộ bài làm (ngoại trừ các icon). Các trường hợp phát hiện sử dụng các thiết kế có sẵn sẽ bị trừ điểm
Thời gian: 15:50 - 16:20 ngày 23/10/2023 phòng 705
NỘI DUNG
UX design process
Business goal, Shaping the concepts
User Personas là gì?
Các bước lập 1 User Personas chuẩn
THỰC HÀNH
Tiến hành lập User Persona cho trang web dạy vẽ thiếu nhi từ 5 - 10 tuổi
Thời gian: 15:50 - 18:20 ngày 13/11/2023 phòng 705
NỘI DUNG
UX Design Process
User Journey
User Flow
Wire Frame
THỰC HÀNH
Thực hiện Inforgraphic User Persona buổi trước
Tiếp tục nguyên cứu thị trường với User Journey, User Flow, Wire Frame
Thời gian: 15:50 - 18:20 ngày 20/11/2023 phòng 705
NỘI DUNG
UI design Principles
Figma
Variable - string
Login form
THỰC HÀNH
Lên Prototype Art kids, dựa trên quá trình nghiên cứu UI trong 2 ngày vừa qua
Thao tác với Login form
Thời gian: 15:50 - 18:20 ngày 27/11/2023 phòng 705
NỘI DUNG
User flow và User Journey
Figma
Conditional
Boolean
BÀI TẬP
Tạo một chuỗi mua và thanh toán online
Lập User Flow
Thời gian: 15:50 - 18:20 ngày 04/12/2023 phòng 705
NỘI DUNG
Tiếp tục phần Responsive trên website
Cách thiết lập From Login với Variables
BÀI TẬP
Tiếp tục hoàn thành bài cuối kỳ
Thời gian: 15:50 - 18:20 ngày 11/12/2023 phòng 705
NỘI DUNG
Tiếp tục phần Responsive trên website
Cách thiết lập From Login với Variables
BÀI TẬP
Tiếp tục hoàn thành bài cuối kỳ
Thời gian: 15:50 - 18:20 ngày 18/12/2023 phòng 705
NỘI DUNG
Responsive là gì?
Các thiết lập Responsive trên Figma
BÀI TẬP
Tiếp tục hoàn thành bài cuối kỳ
Thời gian: 15:50 - 18:20 ngày 18/12/2023 phòng 705
NỘI DUNG
Các nhóm làm bài cuối kỳ tại lớp
BÀI TẬP
Tiếp tục hoàn thành bài cuối kỳ
Thời gian: 15:50 - 18:20 ngày 18/12/2023 phòng 705
NỘI DUNG
Các nhóm thuyết trình
Lưu ý khi Thuyết trình
Các thành viên điều tham gia
Phải nêu được
Các tiêu chí thành công của website (Đơn giản, đa dạng, dễ sử dụng,..)
Tính ứng dụng website
Hướng phát triển website
DEADLINE 25dec2024
Đề Bài - Link
Thời gian làm bài - 5 tuần
Hình thức nộp bài - Thuyết trình và nộp bài qua link bên dưới (là file text kèm các link Figma)
Ngày thuyết trình - buổi 15
CÁC YẾU TỐ TRỪ ĐIỂM
Không sử dụng GRID (layout Grid 12 Collumns)
Không sử dụng STYLE (color style, text style)
Không sử dụng VARIABLE (color, number, string, boolean)
Websie load chậm.
Nhiều yếu tố gây sao nhãng, mất tập trung.
CÁC YẾU TỐ CỘNG ĐIỂM
Dễ sử dụng - Không cần thuyết minh, gỉải thích mới biết cách sử dụng.
Thẫm mỹ - bố cục gọn gàng, màu sắc đẹp mắt, có chính phụ,..
Ấn tượng, hiện đại - Hiệu ứng tương tác, chuyển động,..
Đủ thông tin - Về trang web, sản phẩm, chương trình bán hàng, chính sách hậu mãi,..
Trang Homepage (1 trang)
Cấu trúc Header - Hero - CTA - Body - Footer
Light Mode - Dark Mode
English - Vietnam
Responsive