Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Adobe Photoshop CC - Web Design, Responsive Design & UI

Adobe Photoshop CC - Thiết kế Web, Thiết kế Đáp ứng & Giao diện Người dùng

Adobe Photoshop CC - Thiết kế Web, Thiết kế Đáp ứng & Giao diện Người dùng

Học cách thiết kế website chất lượng chuyên nghiệp bằng Photoshop CC.

4.5
(930 đánh giá)
5,025 học viên
Giảng viên
Daniel Walter Scott
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
2.5 giờ video
50 bài giảng
16 bài quiz
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Nhận và thực hiện các dự án thiết kế web thương mại có trả phí.
Tạo bản phác thảo thiết kế web chuyên nghiệp bằng Photoshop.
Thiết kế giao diện web cho điện thoại di động, máy tính bảng và máy tính để bàn.
Trình bày ý tưởng thiết kế trực tiếp trên các thiết bị di động thực tế.
Cung cấp file thiết kế cho lập trình viên web.

Yêu cầu

Không yêu cầu kinh nghiệm trước đó với Photoshop.
Bạn cần cài đặt bản Photoshop CC 2015. Có thể tải bản dùng thử miễn phí từ Adobe.

Đối tượng phù hợp

Khóa học dành cho những ai muốn bắt đầu kiếm tiền với nghề thiết kế web.
Khóa học dành cho người mới bắt đầu muốn học sử dụng Photoshop để thiết kế web.
Khóa học KHÔNG dành cho người muốn học Photoshop để thiết kế đồ họa hoặc chỉnh sửa ảnh.

Nội dung khóa học

17 phần • 50 bài giảng
1 Giới thiệu
2 Cần hoàn thành những gì khi kết thúc dự án?
3 Vai trò của Photoshop trong thiết kế website
4 Video hướng dẫn thực hành là gì?
1 Chuẩn bị không gian làm việc cho UI
2 Điều chỉnh tùy chọn trong Photoshop
3 Tải file bài tập
1 Hiểu về thiết kế đáp ứng cho di động & máy tính bảng
2 Hiểu về hệ thống lưới & BootStrap
1 Mẹo phóng to và di chuyển trong tài liệu
2 Công cụ đo kích thước và khoảng cách
3 Phím tắt cho Layer cần biết
4 Công cụ Eyedropper
5 Công cụ Transform
6 Phím 'f'
1 Kiểm thử trên iPhone & iPad bằng Adobe Device Preview
2 Những gì khả thi về mặt kỹ thuật trong thiết kế web
3 Kích thước màn hình cho desktop, tablet & mobile
1 Sử dụng Artboards
2 Về chiều cao trang thì sao?
3 Đường guide, cột và thước
1 Chọn màu cho website
1 Thêm cấu trúc bằng hình dạng vector
2 Video thực hành - Thêm cấu trúc cho thiết kế web
1 Hộp văn bản mở rộng và cố định trong Photoshop
2 Cách thiết kế sử dụng font web an toàn qua Google Fonts
3 Văn bản giữ chỗ với Lorem Ipsum
4 Video thực hành - Thêm toàn bộ văn bản
1 Điều chỉnh mép trang
1 Nơi tìm hình ảnh miễn phí dùng cho mục đích thương mại
2 Nhúng hay liên kết hình ảnh?
3 Cách che hình ảnh bằng Clipping Mask
4 Che hình ảnh để tạo góc bo tròn và hình tròn
5 Cách tạo hình nền lớn
6 Video thực hành - Thêm hình ảnh
1 Nơi tìm biểu tượng miễn phí, dùng thương mại cho thiết kế web Photoshop
2 Video thực hành - Thêm biểu tượng
1 Cách sắp xếp gọn gàng bằng nhóm Layer
2 Tìm kiếm nhanh với tính năng tìm Layer
3 Đặt tên Layer như một chuyên gia
1 Thiết kế biểu mẫu cho website
2 Cách tạo chân trang cho website
3 Video thực hành - Hoàn thiện giao diện desktop
1 Thiết kế giao diện di động cho website
2 Video thực hành - Hoàn thiện giao diện di động
1 Xuất hình ảnh web
2 Xuất CSS từ Photoshop
3 Sử dụng Adobe Generate để xuất hình ảnh tuyệt vời
1 Tôi không muốn kết thúc. Bước tiếp theo là gì, Dan?
2 Tiếp tục học cùng tôi! Xem liên kết bên trong.

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

Hi - my name is Dan and I’ll be leading you through this course on how to Build Professional Website Mockups using Photoshop. This course is for people serious about making money building professional website mockups using Photoshop.

These are the skills employers want. UI/UX design skills are where the high paying jobs are at. 


I built this course for beginners. For the people nervous about changing their careers into web design - as well as for developers who lack any design skills. No experience in Photoshop or web design is necessary before taking this class.

During the course we’ll create this website for a mock creative agency - creating mobile and desktop versions. 

With exercise files you can download and work along with me. While we’ll start right at the basics we’ll move quickly into the professional tricks of the trade.

This course is a mixture of head and shoulders style presentations and HD screen captures. The course also includes printable notes as well as quizzes to help retain what you have learnt.


I’ll be teaching you how to setup your new documents. How to work with mobile, tablet and desktop views. You’ll be able to easily pick web safe colours and fonts for your website and preview them on your iPhone or iPad. You’ll learn how to crop images and make full backgrounds all the way through to exporting all the right files for your website. Know that I’ll be around to help - when you’re ready you can send me your work and I’ll see if they are any suggestions I can offer.


If you’ve ever wondered how to design a website in Photoshop than this is the course for you.

Now it’s time to upgrade your skills, get that better job and impress your clients. 


Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Adobe Photoshop
Hiển thị tất cả khoá học Responsive Design
Hiển thị tất cả khoá học Ui Ux Design
Hiển thị tất cả khoá học Web Design
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊