Thiết kế mĩ thuật website

BÀI 1 THIẾT KẾ MĨ THUẬT WEBSITE

Yêu cầu cần đạt

• Nhận biết được thành phần của một giao diện website.
• Xác định được những yếu tố thẩm mỹ của website.
• Phác thảo được các phân trang giao diện website trên giấy.
• Phân tích, đánh giá được sản phẩm thiết kế mĩ thuật website.
• Hiểu và yêu thích lĩnh vực thiết kế mĩ thuật website.

KHÁM PHÁ

Website gồm nhiều trang web, là một phương tiện, công cụ quảng bá thông tin, giới thiệu sản phẩm và giao tiếp, tương tác với nhiều đối tượng trong không gian mạng. Website được xác định bằng một tên miền và xuất bản trên máy chủ web. Đây là nơi người xem có thể cập nhật ngay lập tức được những sản phẩm, dịch vụ và nội dung thông tin mới nhất mà không có bất cứ một hạn chế về thời gian và địa lí.

Bản thử nghiệm giao diện website thương mại sản xuất hàng hoá(1)

Bản thử nghiệm giao diện website về du lịch(2)

(1), (2) Nguồn: Shutterstock

– Nội dung chính: Là tổng hợp những nội dung, bài viết trên trang. – Chân trang: Chứa các thông tin lặp lại của tiêu đề và thông tin liên hệ, cơ quan chủ quản, bản quyền, liên kết nhanh.

? Thành phần cơ bản của một giao diện website gồm những gì? Theo em, khi thiết kế mĩ thuật website, cần tập trung vào phần nào nhiều nhất?

Thiết kế mĩ thuật giao diện website căn cứ theo hai yếu tố: nội dung và chức năng

Nội dung

Dựa trên tần suất cập nhật nội dung, website có hai nhóm lớn: tĩnh (cố định) và động (tương tác).

Sử dụng hình ảnh làm nền Hoạ sĩ thiết kế phải đảm bảo rằng chủ đề, phong cách của hình ảnh nhận diện luôn phải ăn nhập với thông điệp mà chủ sở hữu website muốn truyền tải.

Hãy lựa chọn và sử dụng hình ảnh nhận diện cho bản vẽ thiết kế website ở lĩnh vực mà em yêu thích.

Sử dụng nghệ thuật chữ ở phần tiêu đề và thông tin Nghệ thuật chữ sử dụng trong thiết kế mĩ thuật website chính là việc lựa chọn các kiểu chữ, kích cỡ, màu sắc, độ nghiêng, độ đậm và khoảng cách các kí tự. Việc kết hợp chữ với hình ảnh đẹp và nội dung hay sẽ góp phần hoàn thiện một trải nghiệm tuyệt vời cho người sử dụng website.

Hãy lựa chọn kiểu, cỡ chữ cho bản vẽ thiết kế website ở lĩnh vực mà em yêu thích.

Sử dụng màu sắc Màu sắc đóng vai trò quan trọng tác động đến thị giác, có thể giúp website trở nên thân thiện và thu hút người dùng. Muốn sử dụng màu sắc phù hợp, hiệu quả, phải tính đến tâm lí người dùng, sản phẩm, thông tin và đối tượng hướng đến của website. Hoạ sĩ thiết kế mĩ thuật website còn phải nắm vững cách kết hợp màu, kết hợp với các hoạ tiết nhằm làm nổi bật các thành tố quan trọng cho cả tổng thể của website.

Hãy xác định màu chủ đạo và tạo hoà sắc cho bản vẽ bố cục thiết kế website của em.

(1), (2), (3) Nguồn: Shutterstock

Gợi ý cách thể hiện ý tưởng nội dung trong thiết kế mĩ thuật giao diện website về khởi nghiệp trong lĩnh vực chăm sóc thú cưng.

Bước 1: Thiết kế sơ đồ website

Trang chủ

Giới thiệu

• Tên công ty
• Chức năng, nhiệm vụ

Thú cưng

• Mèo
• Chó
• Chim
• Chuột Hamster

Sản phẩm

• Thức ăn
• Thuốc
• Đồ chơi
• Phụ kiện

Tin tức

• Tin mới
• Tin cộng đồng

Liên hệ

• Điện thoại
• Email
• Địa chỉ

Bước 2: Xác định cấu trúc cơ bản của website(1)

Bước 3: Lựa chọn màu sắc(1)

Màu chủ đạo Màu phụ Màu nhấn

Bước 4: Lựa chọn kiểu chữ

Font trang trí (dành cho banner)	Font viết tay	Cỡ lớn
Font tên danh mục	FONT VIẾT HOA	Cỡ vừa
Font tiêu đề	Font viết thường, đậm	Cỡ vừa
Font nội dung	Font viết thường	Cỡ vừa

Bước 5: Phác thảo các biểu tượng(2)

Bước 6: Hoàn thiện sản phẩm(1)

Hãy thể hiện ý tưởng nội dung trong thiết kế mĩ thuật giao diện website về lĩnh vực yêu thích trên giấy.

THẢO LUẬN

Trao đổi với các thành viên trong nhóm về những khó khăn, thuận lợi khi thiết kế mĩ thuật website với các nội dung sau: – Bố cục trong thiết kế website; – Màu sắc trong thiết kế website; – Nghệ thuật chữ trong thiết kế website; – Hình ảnh trong thiết kế website.

VẬN DỤNG

Lên ý tưởng và thiết kế mĩ thuật một website giả định cho nhà trường nơi em học. Gợi ý: nội dung, cấu trúc, màu sắc, chữ, biểu tượng.