Chương trình
Trình độ
Tin học, Lập trình
Thời lượng
18 giờ
Tổng quan khóa học
Mục tiêu đào tạo
- Nắm được các công cụ Photoshop dành cho thiết kế giao diện website
- Vẽ được web layout Photoshop và các thành phần layout web (button, menu, text, …)
- Bóc tách, cắt thành phần layout Photoshop sử dụng cho việc dựng CSS5 - HTML3.
Thu hoạch khóa học
- Thiết kế logo, namecard
- Thiết kế baner
- Hoàn thiện thiết kế 1 giao diện website chuyên nghiệp
Đối tượng tham gia
- Nhân viên quản trị website
- Học viên muốn tự thiết kế được giao diện web cho cá nhân, công ty
Nội dung chi tiết
| Buổi 1+2+3 |
Sử dụng thành thạo công cụ trong Photoshop ứng dụng thiết kế web |
| Bài 1 |
- Giới thiệu tổng quan khóa học
- Giới thiệu các ngành nghề trong lĩnh vực thiết kế, đặc biệt là web graphic designer
- Giới thiệu bộ công cụ di chuyển, cắt ghép đối tượng
- Thực hành
|
| Bài 2 |
- Các công cụ hỗ trợ tách nền
- Quản lý layer
- Các công cụ vector trong photoshop: shape, text, pentool
- Thực hành
|
| Bài 3 |
- Các công cụ bổ trợ và plugin hỗ trợ thiết kế web: align, add font, sử dụng font awesome; grid
- Làm quen với khái niệm thiết kế với framework (960grid, bootstrap, foundation)
- Làm quen với khái niệm layout, bố cục trong website
- Thực hành
|
| Bài 4+5 |
Học vẽ wireframe
|
| Bài 4 |
- Cách lấy yêu cầu từ phía khách hàng
- Vẽ wireframe chi tiết
- Mỗi học viên tự chọn 1 chủ đề, giáo viên sẽ đóng vai khách hàng để đưa ra yêu cầu
- Thực hành
|
| Bài 5 |
|
| Bài 6+7+8 |
Vẽ mockups screens-Hoàn thiện giao diện 1 website
|
| Bài 6 |
- Mỗi sinh viên sẽ vẽ mockups dựa trên chủ đề wireframe mình tạo ra
- Học cách vẽ bố cục theo lưới bootstrap
- Học cách lựa chọn style phù hợp với từng chủ đề khác nhau (Thời trang, kinh doanh, giới thiệu, báo chí….)
|
| Bài 7 |
- Chữa bài và cập nhật
- Làm quen với responsive design
|
| Bài 8 |
- Thực hành vẽ layout từ phiên bản PC của buổi trước về cho màn hình Tablet và Mobile
|
Bài 9
|
|
