Thiết kế giao diện website với Photoshop

Mã: UID - Thời lượng: 30h (3 giờ/buổi)

Adobe Photoshop (thường được gọi là Photoshop) là một phần mềm chỉnh sửa đồ họa được phát triển và phát hành bởi hãng Adobe Systems ra đời vào năm 1988 trên hệ máy Macintosh. Photoshop không những được đánh giá là phần mềm dẫn đầu thị trường về sửa ảnh bitmap mà còn được ứng dụng nhiều trong việc xây dựng giao diện Website cũng như giao diện phần mềm. Phiên bản mới nhất hiện nay là Adobe Photoshop CC đã bổ sung mạnh mẽ các công cụ vector giúp cho việc thiết kế dễ dàng và linh hoạt hơn bao giờ hết.

Thiết kế giao diện website với Photoshop

Mục tiêu môn học: Học viên kết thúc môn học, có khả năng thực hiện thiết kế giao diện website bằng Photoshop

Công cụ thực hành: Wireframe, MindMap, Adobe Photoshop CC

Nội dung chi tiết khóa Adobe Photoshop:


Buổi 1:

•  Giới thiệu tổng quan
•  Quy trình thiết kế giao diện Website
•  Các thành phần giao diện Photoshop và Kỹ năng cơ bản (Layer, Move, Zoom, Pan, Guide, Align)
•  Công cụ cơ bản Photoshop cho thiết kế giao diện Website (Text, Shape, Image)


Buổi 2: 

•  Công cụ đồ hoạ hỗ trợ thiết kế Web (Grid System, Baseline, Transform)
•  Tìm hiểu về điều chỉnh Typography trong Photoshop


Buổi 3: 

•  Tìm hiểu về Mask, Shape và ứng dụng với Layer (Image, Shape, Text…) 
•  Kết hợp với Adjustment tạo hiệu ứng đặc biệt 


Buổi 4:

•  Nghiên cứu nhóm người dùng và Phân tích mục đích sử dụng 
•  Xây dựng Chức năng và vẽ hệ thống Sitemap
•  Phân tích hành vi và vẽ sơ đồ tương tác FlowChart


Buổi 5:

•  Định hình các thành phần bố cục – UI Element
•  Phác thảo các Section chính và vẽ Wireframe


Buổi 6:

•  Tìm cảm hứng và Ý tưởng thiết kế
•  Nhận diện các thành phần Style Guide (Font, Color, Image, Shape, Concept)


Buổi 7:

•  Tìm hiểu hiệu ứng đặc biệt Photoshop (Layer Style) và ứng dụng
•  Áp dụng một số kỹ thuật đặc biệt (Filter) trong thiết kế web


Buổi 8:

•  Các thành phần giao diện thông dụng (Hero Text, Image, Button, Menu, Slide)
•  Kết hợp các thành phần với nhau tạo Section


Buổi 9:

•  Các thành phần thiết kế cơ bản cho Web (Space – khoảng trắng, Space – hình dáng, Space – Tỉ lệ, Line – đường nét và Color – Màu sắc)
•  Kết hợp công cụ và Ứng dụng vào cải thiện giao diện Web 


Buổi 10:

•  Nguyên tắc thiết kế cơ bản cho Web (Visual Hierarchy – Phân cấp, Contrast – Tương phản, Balanced – Cân bằng, Consistency – Nhất quán, Proximity – Gần, Aligment – Căn gióng)
•  Kết hợp với công cụ và Ứng dụng vào việc thiết kế giao diện hiệu quả


Buổi 11:

•  Nguyên tắc xây dựng kịch bản thiết kế Design Story
•  Áp dụng kết hợp với các thành phần và nguyên tắc thiết kế tạo dựng giao diện


Buổi 12:

•  Áp dụng nguyên tắc AIDA (Attention, Interest, Desire, Action) tron thiết kế Web 
•  Xây dựng Landing Page


Buổi 13:

•  Kiểm tra cuối môn

transparentThiết kế Đồ họa Chuyên nghiệp
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
24/7111 giờ18h - 21h2 - 4 - 65.300.000Đăng ký
transparentXử lý ảnh với Adobe Photoshop
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
29/730 giờ8h - 11h7 - CN1.590.000Đăng ký
transparentThiết kế in ấn với Adobe Illustrator
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
24/730 giờ18h - 21h2 - 4 - 61.590.000Đăng ký
transparentThiết kế Quảng cáo với CorelDRAW
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
8/830 giờ18h - 21h3 - 5 - 71.790.000Đăng ký
transparentDàn trang với Adobe InDesign
Khai giảngThời lượngThời gianLịch họcHọc phíĐăng ký
2/821 giờ12h - 17h2 - 4 - 61.390.000Đăng ký

Khóa/Môn học:
Lịch học:
Ca học:
Yêu cầu khác (nếu có):

Thông tin

Họ và tên (bắt buộc)
Số điện thoại (bắt buộc):
Địa chỉ Email:
Ngày sinh:

Facebookgoogle_plusmail

Các khoá học khác

Tin cùng chuyên mục