Khoá Học Thiết Kế Website Từ Cơ Bản Đến Nâng Cao - Gv. Vũ Ngọc Đăng

Chia Sẻ Khoá Học Thiết Kế Website Từ Cơ Bản Đến Nâng Cao - Gv. Vũ Ngọc Đăng

Khóa học này cung cấp kiến thức toàn diện từ cơ bản đến nâng cao về thiết kế giao diện website chuyên nghiệp, chủ yếu sử dụng công cụ Adobe Photoshop để tạo ra các layout và mockup đẹp mắt, chuẩn UX/UI. Bạn sẽ được hướng dẫn chi tiết cách sử dụng các công cụ cơ bản của Photoshop, áp dụng các nguyên tắc màu sắc, hiệu ứng Layer Style, và xây dựng cấu trúc website hoàn chỉnh cho các loại hình doanh nghiệp, thương mại điện tử, và cả thiết kế Responsive (Web Mobile). Khóa học hệ thống hóa kiến thức giúp bạn tự tin thiết kế và bàn giao bản thiết kế website chất lượng.

Vì Sao Bạn Nên Tham Gia Khóa Học Này

Học thiết kế giao diện website bài bản từ căn bản với Photoshop.

Nắm vững các nhóm công cụ, cách quản lý Layer và làm việc hiệu quả trong Photoshop.

Thành thạo kỹ năng chỉnh sửa ảnh, blend màu và áp dụng các hiệu ứng Layer Style cho thiết kế web.

Hiểu rõ cấu trúc sitemap và quy trình thiết kế các trang web doanh nghiệp, thương mại điện tử (Header, Banner, Content, Footer,...).

Biết cách thiết kế web chuẩn Mobile và Responsive.

Được cung cấp kiến thức nền tảng về Domain, DNS, Hosting liên quan đến website.

Bạn Sẽ Học Được Gì Từ Khóa Học Này

Sử dụng thành thạo các công cụ lựa chọn, chỉnh sửa, và Layer trong Photoshop để thiết kế giao diện.

Làm chủ chức năng Adjustment color (Levels, Curves, Hue Saturation) để xử lý hình ảnh.

Áp dụng các hiệu ứng Drop Shadow, Bevel and Emboss, Gradient Overlay,... một cách chuyên nghiệp.

Thiết kế hoàn chỉnh một website doanh nghiệp với đầy đủ các trang: Trang chủ, Sản phẩm, Chi tiết sản phẩm, Tin tức, Liên hệ.

Biết cách thiết kế giao diện theo từng ngành nghề cụ thể (Giáo dục, Mỹ viện, Thương mại điện tử).

Nắm được các thủ thuật và tính năng nâng cao như Layer Mask, Clipping Mask, và kỹ thuật phối màu.

Khóa Học Này Phù Hợp Với

Sinh viên CNTT, Thiết kế đồ họa muốn chuyên sâu vào thiết kế giao diện website.

Người mới bắt đầu muốn học thiết kế web từ con số 0.

Lập trình viên front-end muốn nắm vững kiến thức thiết kế giao diện để làm việc hiệu quả hơn.

Freelancer, những người muốn kiếm thêm thu nhập từ việc thiết kế giao diện website.

Nội dung khóa học

Phần 1. Giới thiệu tổng quan về website

Bài 01 Giới thiệu về thiết kế giao diện website.mp4

Bài 02 Hướng dẫn sử dụng file bài tập.mp4

Bài 03 Cách mở, lưu 1 tập tin khi thiết kế web.mp4

Bài 04 Tính thực tiễn của thiết kế web bằng photoshop.mp4

Bài 05 Bắt đầu thiết kế thế nào.mp4

Bài 06 Làm thế nào để thiết kế đạt đến chuẩn và những quy tắc để thiết kế ổn định.mp4

Phần 2. Tìm hiểu các nhóm công cụ làm việc ứng dụng trong thiết kế website

Bài 07 Tạo trang làm việc mới, các hệ màu thường dùng.mp4

Bài 08 Tìm hiểu về layer (Quản lý lớp đối tượng).mp4

Bài 09 Cách sắp xếp trật tự các layer.mp4

Bài 10 Công cụ Move Tooll.mp4

Bài 11 Công cụ Rectangular Marquee Tool.mp4

Bài 12 Công cụ chọn Lasso tool - Phím di chuyển Hand.mp4

Bài 13 Công cụ chọn Magic Wand Tool.mp4

Bài 14 Công cụ Crop - Công cụ Idropper Tool - Lệnh History.mp4

Bài 15 Công cụ Spot Healing Brush Tool - Công cụ Brush Tool.mp4

Bài 16 Công cụ Clone Stamp Tool - Công cụ History Brush Tool.mp4

Bài 17 Công cụ Eraser Tool - Công cụ Gradiant Tool (G).mp4

Bài 18 Nhóm công cụ Blur Tool - Nhóm Dodge Tool.mp4

Bài 19 Nhóm công cụ Pen Tool - Shaper Tooll.mp4

Bài 20 Công cụ Text- Hand Tool.mp4

Bài 21 Công cụ Transform trong Photoshop.mp4

Phần 3. Adjustments color - Chỉnh sửa và Blend màu cho hình ảnh

Bài 22 Giới thiệu chức năng Adjustment color.mp4

Bài 23 Làm chủ chức năng BrightnessContrast, Level, Curves.mp4

Bài 24 Blend màu với Hue Saturation, Color balance, Black and White, Photo filter.mp4

Bài 25 Chỉnh màu với Invert, Gradient Map, Selective color….mp4

Bài 26 Bài tập thực hành nhuộm màu cho ảnh đen trắng.mp4

Phần 4. Hiệu ứng Layer Style

Bài 27 Cách sử dụng hiệu ứng Drop Shadow, Inner Shadows.mp4

Bài 28 Hiệu ứng Outer Glow, Inler Glow.mp4

Bài 29 Khắc chìm chạm nổi đối tượng bằng Bevel and Emboss, Satin, Color Overlay.mp4

Bài 30 Hiệu ứng Gradient Overlay, Pattern Overlay, Stroke.mp4

Bài 31 Bài tập thực hành hiệu ứng Layer Style.mp4

Phần 5. Cấu trúc thiết kế web doanh nghiệp

Bài 32 Cấu trúc sitemap của website.mp4

Bài 33 Cách setup và độ rộng ban đầu của bản thiết kế.mp4

Bài 34 Thiết kế Top - Header trang chủ.mp4

Bài 35 Thiết kế Banner.mp4

Bài 36 Thiêt kế Slide - Background.mp4

Bài 37 Thiết kế Nội dung của website.mp4

Bài 38 Thiết kế Footer.mp4

Bài 39 Thiết kế trang sản phẩmthương mại điện tử.mp4

Bài 40 Thiết kế trang chi tiết sản phẩm.mp4

Bài 41 Thiết kế trang tin tức.mp4

Bài 42 Thiết kế trang chi tiết tin tức.mp4

Bài 43 Thiết kế trang liên hệ.mp4

Bài 44 Tổng kết các trang cần có cho web.mp4

Phần 6. Thiết kế giao diện website theo nghành nghề

Bài 45 Ý tưởng và thiết kế trang web giáo dục Phần 1.mp4

Bài 46 Ý tưởng và thiết kế trang web giáo dục Phần 2.mp4

Bài 47 Thiết kế giao diện website mỹ viện Phần 1.mp4

Bài 48 Thiết kế giao diện website mỹ viện Phần 2.mp4

Bài 49 Khái niệm web thương mại điện tử và web bán hàng.mp4

Bài 50 Những yêu cầu cần có khi thiết kế web thương mại điện tử.mp4

Phần 7. Thiết kế giao web Mobile, web responsive

Bài 51 Khái niệm web Mobile, web responsive.mp4

Bài 52 Cách thiết kế web Mobile và web responsive.mp4

Phần 8. Tất cả kiến thức cơ bản về web

Bài 53 Domain là gì.mp4

Bài 54 DNS là gì.mp4

Bài 55 Hosting là gì, sever máy chủ là gì.mp4

Phần 9. Một số tính năng - thủ thuật trong Photoshop

Bài 56 Hiệu ứng Feather và cách làm Layer Mask.mp4

Bài 57 Sử dụng Clipping Mask để đóng khung hình ảnh.mp4

Bài 58 Cách phối màu trong thiết kế ứng dụng pha màu Kuler.mp4

Bài 59 Freelance thiết kế giao diện bán kiếm tiền.mp4