Báo cáo bài tập lớn môn thiết kế web đề tài thiết kế giao diện về game

Lý do chọn đề:Trò chơi điện tử là một hình thức giải trí vô cùng phổ biến của con người ngày nay.. Chúng được ra đời nhờ sự phát triển vượt bậc của khoa học, công nghệ và kĩ thuật.. Tùy

TRƯỜNG ĐẠI HỌC MỞ HÀ NỘI

KHOA CÔNG NGHỆ THÔNG TIN

-BÁO CÁO BÀI TẬP LỚN

MÔN THIẾT KẾ WEB

Đề tài: Thiết kế giao diện về game

ThS Trần Duy Hùng

Giảng viên hướng dẫn :

Sinh viên thực hiện :

MỤC LỤC

I.Giới thiệu………3

II.Kế hoạch thực hiện……… 4

III.Các phần mềm và ngôn ngữ sử dụng……… 4

IV.Ý tưởng thiết kế……… 4

V Giao diện website……… 13

I Giới thiệu

1 Lý do chọn đề:

Trò chơi điện tử là một hình thức giải trí vô cùng phổ biến của con người ngày nay Chúng được ra đời nhờ sự phát triển vượt bậc của khoa học, công nghệ và kĩ thuật Tùy thuộc vào từng đối tượng người dùng, các nhàsản xuất sẽ đưa ra những tựa game thuộc nhiều thể loại khác nhau như game hành động, chiến thuật, game âm nhạc, thời trang,… Tất cả đều vô cùng có sức hút, tạo tiền đề cho sự phát triển không ngừng của ngành công nghiệp giải trí này

Để quảng bá game rộng rãi hơn cũng như để người chơi có thể dễ dàng chọn lọc và tiếp cận đến một tựa game hay, việc có một trang web riêng

để giới thiệu về tựa game ấy là một điều cần thiết Do đó, các công ty, nhà sản xuất game cũng cần chú trọng đến vấn đề này

2 Mục đích của đề tài:

EA Gaming Studio là một công ty làm game trẻ đầy tiềm năng được TiMiStudio hợp tác để cho ra mắt tựa game âm nhạc thần tượng mới, một bản spin-off của tựa game Liên quân nổi tiếng của hãng này: WaVe

Để có thể quảng bá trò chơi này rộng rãi hơn đến với công chúng, cần phải tạo ra một trang web riêng Trang web này sẽ cập nhật những thông tin mới nhất và chi tiết nhất về game như tổng quan về trò chơi, lối chơi, những bản cập nhật mới, bản vá lỗi, mục liên hệ với nhà phát triển để được hỗ trợ,… và quan trọng nhất là đường dẫn tải game để thuận tiện cho người chơi muốn trải nghiệm tựa game này nếu cảm thấy hứng thú

3 Kết quả mong muốn đạt được:

 Phân tích yêu cầu ban đầu, vận dụng tốt kiến thức về nguyên lý thị giác để thiết kế được một trang web hút mắt và tạo ấn tượng đối với người chơi

 Thành thạo sử dụng Photoshop để thiết kế giao diện web

 Sử dụng HTML, CSS để hoàn thành trang web từ bản thiết kế PSD

 Bản thiết kế có đầy đủ các chức năng, phân loại các tính năng theo danh mục

II Kế hoạch thực hiện

 Từ ngày 18/6 đến ngày 19/6 : Tham khảo tài liệu, website khác

 Từ ngày 20/6: Tìm kiếm thư viện ảnh

 Từ ngày 1/7 đến ngày 5/7 : Thiết kế sơ bộ bằng phần mềm MedibangPaintPro, phối màu (đơn sắc), chọn font, cỡ font

 Từ ngày 7/7 đến ngày 10/7 : Thiết kế giao diện các trang web bằng Photoshop, xuất bản thành bản HTML hoàn chỉnh từ bản

 Trình duyệt kiểm thử: Google Chrome, Cốc Cốc

IV Ý tưởng thiết kế

Số lượng trang: 1 trang chủ và 5 trang con

Font chữ sử dụng :

a) VP-Major Snafu cho logo công ty

b) Fixedsys cho Header Top

c) Britannic Bold cho Footer

d) Fixedsys, Footlight MT Light, Franklin Gothic Medium Cond cho tất cả phần Content

Bố cục layout của trang chủ, style và cách thức thiết kế:

 Header Top: Logo, Game, Characters, News, Updates, Community,Support

 Content: Chia làm 2 phần là banner hình ảnh game và phần nội dung

 Footer: Privacy Policy, Terms of Service, About Us, Contact Us, Logo nhà phát triển game, liên kết dẫn tới các trang mạng xã hội chính của game

Trang chủ

Game

Characters

Profile (trang con của Characters)

Community

Sơ đồ phân cấp Website

V Giao diện Website

1 Trang chủ

2.1 Game

2.2 Characters

2.2 Characters (Trang con)

2.3 News

2.4 Updates

2.5 Community