Đang tải... (xem toàn văn)
BÁO CÁO CUỐI KỲ “THIẾT KẾ WEBSITE THỜI TRANG GUCCI” MỤC LỤC I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM 1 Đơn vị thực hiện 2 Mô tả chung về sản phẩm II/ QUY TRÌNH THIẾT KẾ SẢN PHẨM 1 Phân loại website 2 Wireframe[.]
BÁO CÁO CUỐI KỲ “THIẾT KẾ WEBSITE THỜI TRANG GUCCI” MỤC LỤC I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM Đơn vị thực Mô tả chung sản phẩm II/ QUY TRÌNH THIẾT KẾ SẢN PHẨM Phân loại website Wireframe Visual design Mã hóa HTML/CSS/JS I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM • Nhóm: • Tên sản phẩm: website bán hàng cho ĐƠN VỊ THỰC HIỆN thương hiệu thời trang gucci • Trưởng nhóm: Đinh Thị Hương Thảo I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM SẢN PHẨM • Thực thiết kế mã hóa website ngơn ngữ html/css ĐƠN VỊ THỰC HIỆN MÔ TẢ CHUNG VỀ SẢN PHẨM NỘI DUNG • Đây trang web có mục đích để bán quảng bá sản phẩm thương hiệu Gucci I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM TỔ CHỨC WEBSITE • Hình thức tổ chức website: sử dụng grid layout system (hệ thống lưới), cụ thể dạng modular grid • trang đăng nhập, trang đăng ký, trang thoát ĐƠN VỊ THỰC HIỆN • MƠ TẢ CHUNG VỀ SẢN PHẨM Số trang gồm trang: trang chủ, trang nội dung, Tổng số liên kết Px(P-1)=6x5=30 I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM ĐIỀU HƯỚNG WEBSITE • Điều hướng kết hợp điều hướng vị trí: chữ L ngược inverted L • Điều hướng liên kết kết hợp điều hướng footer: điều hướng giúp người dùng truy cập trang k quan trọng ĐƠN VỊ THỰC HIỆN web • MƠ TẢ CHUNG VỀ SẢN PHẨM Điều hướng tiện ích: giúp người dùng có điều hướng trang web website I/ GIỚI THIỆU CHUNG VỀ SẢN PHẨM ĐỐI TƯỢNG TRONG WEBSITE • Header: menu, logo, tài khoản, giỏ hàng… • Banner slider: giới thiệu sản phẩm dịch vụ brand, kiện… ĐƠN VỊ THỰC HIỆN MÔ TẢ CHUNG VỀ SẢN PHẨM • Content: trình bày sản phẩm, sưu tập thương hiệu • Footer: cung cấp thông tin liên quan đến thương hiệu TỔNG QUAN VỀ GIAO DIỆN WEBSITE Sắp xếp bố cục hợp lý • Các thơng tin xếp hợp lý, rõ ràng • Các sp website đc tổ chức dạng lưới, cung cấp đầy đủ thông tin sản phẩm TỔNG QUAN VỀ GIAO DIỆN WEBSITE Sắp xếp bố cục hợp lý Khoảng trống website • Web trình bày khơng q nhiều chữ, chủ yếu hình ảnh sản phẩm • Việc thiết kế trang web với nhiều khoảng trống (không nhiều chữ) giúp người xem không bị phân tâm chi tiết thừa, làm khách hàng ý vào hình ảnh quảng bá sản phẩm TỔNG QUAN VỀ GIAO DIỆN WEBSITE Sắp xếp bố cục hợp lý • sp xếp gọn gàng, cân đối Khoảng trống website Thu hút ý qua bố cục hình ảnh Website có bố cục hình ảnh hợp lý, diện tích • Sự lựa chọn hình ảnh dựa yếu tố: kích cỡ, màu sắc, khoảng trống • Hình ảnh có đồng màu sắc, khoảng cách, kích cỡ