Giáo trình môn học/mô đun: Thiết kế giao diện web (Ngành/nghề: Thiết kế đồ họa - Trình độ: Cao đẳng) - Trường CĐ Công nghệ TP.HCM

Giáo trình môn học/mô đun: Thiết kế giao diện web gồm có những nội dung chính sau: Chương 1: Thiết kế mỹ thuật giao diện Web; Chương 2: Bố cục và thiết kế Web; Chương 3: Đường nét – hình nền – quan hệ; Chương 4: Màu sắc; Chương 5: Chữ (Text); Chương 6: Các ứng dụng vào thiết kế Web. Mời các bạn cùng tham khảo để biết thêm nội dung chi tiết.
Nội dung trích xuất từ tài liệu:
Giáo trình môn học/mô đun: Thiết kế giao diện web (Ngành/nghề: Thiết kế đồ họa - Trình độ: Cao đẳng) - Trường CĐ Công nghệ TP.HCM BỘ CÔNG THƯƠNGTRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÀNH PHỐ HỒ CHÍ MINH GIÁO TRÌNH MÔN HỌC/MÔ ĐUN: THIẾT KẾ GIAO DIỆN WEB NGÀNH/NGHỀ: TKĐH TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số: …/TB-CĐKTKTV ngày tháng năm của Trường Cao đẳng Kinh tế - Kỹ thuật Vinatex TP.HCM TP.HCM, năm 2021TUYÊN BỐ BẢN QUYỀNTài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể được phépdùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo.Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanhthiếu lành mạnh sẽ bị nghiêm cấm.LỜI GIỚI THIỆU Thiết kế giao diện web là tổng hợp các thao tác cơ bản của các nhà thiết kế(designer) bao gồm tổng hợp, hình dung và tạo ra các option cụ thể đúng với nhữngyêu cầu và mong muốn của khách hàng. Có thể nói, thiết kế giao diện web là công đoạn khá kì công khi thiết kế web,tốn nhiều thời gian khi người thiết kế không chỉ phải nghiên cứu về bố cục, màu sắctheo yêu cầu mà còn cần có sự đầu tư tìm hiểu về thương hiệu, thông điệp mà doanhnghiệp muốn truyền tải. Một thiết kế giao diện web xuất sắc là giao diện vừa đảm bảoyêu cầu của khách hàng, vừa có thể ứng dụng tốt vào thực tế và phát huy khả năng thuhút, gia tăng nhận thức của người tiêu dùng khi họ tham khảo website từ đầu đến cuối.Tài liệu bao gồm 6 chương Chương 1: Thiết kế mỹ thuật giao diện web Chương 2: Bố cục và thiết kế web Chương 3: Đường nét – hình nền – quan hệ Chương 4: Màu sắc Chương 5: Chữ (Text) Chương 6: Các ứng dụng vào thiết kế web Trong quá trình biên soạn, mặc dù đã có nhiều cố gắng nhưng không tránh khỏi những hạn chế và thiếu sót nhất định, tác giả rất mong nhận được những ý kiến đóng góp của đọc giả để giáo trình này ngày càng hoàn thiện. Tham gia biên soạn 1. Chủ biên: Nguyễn Minh Thuận MỤC LỤCChương 1: THIẾT KẾ MỸ THUẬT GIAO DIỆN WEB .................................................. 1I. KHÁI NIỆM MỸ THUẬT ......................................................................................... 1 1. Định nghĩa mỹ thuật ............................................................................................. 1 2. Mỹ thuật trong lĩnh vực Hội họa .......................................................................... 1 3. Mỹ thuật trong lĩnh vực Đồ Họa .......................................................................... 2 4. Mỹ thuật trong lĩnh vực Điêu khắc ...................................................................... 3II. CÁC DẠNG TRANG WEB ....................................................................................... 3 1. Định nghĩa trang Web .......................................................................................... 3 2. Phân loại trang Web theo nội dung ...................................................................... 4 3. Phân loại theo chức năng và mục đích ................................................................. 4III. MỸ THUẬT TRONG THIẾT KẾ WEB .................................................................. 11IV. KÍCH THƯỚC TRANG WEB ................................................................................. 13 1. Kích thước chuẩn Web ....................................................................................... 13 2. Một số kích thước Web khác.............................................................................. 15V. KÍCH THƯỚC BANNER, FOOTER, MENU ......................................................... 16 1. Phân loại các banner ........................................................................................... 16 2. Kích thước các banner ........................................................................................ 16Chương 2: BỐ CỤC VÀ THIẾT KẾ WEB ..................................................................... 19I. KHÁI NIỆM BỐ CỤC.............................................................................................. 19II. BỐ CỤC CÂN ĐỐI - ĐỐI XỨNG - TỰ DO ........................................................... 20 1. Bố cục cân bằng ................................................................................................. 20 2. Bố cục tương phản .............................................................................................. 21 3. Bố cục chuyển động ........................................................................................... 21 4. Bố cục nhấn mạnh .............................................................................................. 22 5. Bố cục đồng nhất ......................................................................................... ...