Bao cao

Page 1


SEMSTER II: WEB DESIGNING

2


TEACHER GUIDE: KHUC THI NGOC HA CLASS: D1408M STUDENT: NGUYEN DANG KHANG NGUYEN QUANG TRUONG DO THI XUAN

3


MENU LOGO FONTS COLOR LAYOUT INTER-FACE

4


5


LOGO

Boots is the distributor of the production company famous sporting world such as Nike, Adidas ... Sport is all about personality, flexibility and physical strength towel. Right ! Boots was born with true sporting nature of the shoe is designed exquisite and luxury with the perfect quality. The logo is a stylized word from the boots meant for purposes of brand. The main point of this logo is a stylized letter B as the soles curve.

6


LOGO ON GRID

7


8


LICENSED LOGO

FULL LOGO

ICON

FULL LOGO

ICON

9


UNLICENSED LOGO

TWISTED LOGO

SHADOWED LOGO

10

CHANGED LOGO COLOR

SHORTED LOGO


C:30, M:30, Y:30, K:100 R:35, G:35, B:35

C:0, M:0, Y:0, K:00 R:255, G:255, B:255

11


fonts

ROBOTO BLACK abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

ROBOTO BOLD abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

ROBOTO THIN abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ROBOTO LIGHT abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

ROBOTO MEDIUM 12

abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789


FONT AWESOME ICONS

13


LAYOUT - INTER-FACE

New web layout must satisfy trademark position, creation of the different comparison with competitor in the same ďŹ eld. Layout is toward luxury, simple, subtle, popular type-face to easy reading and good display in many devices.

14


HOME

ABOUT

PRODUCT COLUM

PRODUCT

PRODUCT LIST

NEW

PRODUCT VIEW

CONTACT

NEW VIEW

15


LAYOUT

LOGO

MENU

1. Homepage

BANNER

TEXT

LOGO

MENU

IMAGES

IMAGES

IMAGES

BANNER

BANNER

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

TEXT BANNER

BANNER

TEXT

16


INTER-FACE

17


LAYOUT

LOGO

MENU

2. About us

IMAGES

BANNER

TEXT

BANNER

TEXT

18


INTER-FACE

19


LAYOUT

LOGO

MENU

3.Product TEXT

MENU

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

IMAGES

BANNER

BANNER

ICONS

TEXT

20


INTER-FACE

21


LAYOUT

LOGO

MENU

TEXT

MENU

IMAGES ICONS

BANNER

IMAGES ICONS

BANNER

IMAGES ICONS

TEXT

22


INTER-FACE

23


LAYOUT

LOGO

MENU

TEXT IMAGES

ICONS BUTTON

ICONS

IMAGES

IMAGES

TEXT

IMAGES

IMAGES

TEXT

24

IMAGES


INTER-FACE

25


LAYOUT

LOGO

MENU

4.New

IMAGES

TEXT

BANNER

IMAGES

TEXT

BANNER IMAGES

TEXT

TEXT

26


INTER-FACE

27


LAYOUT

LOGO

MENU

TEXT BANNER

IMAGES BANNER

TEXT

TEXT

28


INTER-FACE

29


LAYOUT

LOGO

MENU

3.Product

IMAGES

BUTTON

BUTTON

IMAGES

BUTTON

TEXT

30

BUTTON


INTER-FACE

31



After 1 month of idea brainstorm, content development with beautiful and impressive design ,BOOTS group of class D1406M has completed period 2’s Project. Especially, we would like to express our sincere thanks to Mrs. Khuc Thi Ngoc Ha who was very helpful on coaching our group. Despite the fact that our project had some shortcomings and defects on the process of work and experience accumulation, this result is the achievement of a hard - working period and serious attitudes of the group members. In the future, we will try our best and hope that we can create more sophisticated products as a way to express our gratitude to you.


TEACHER GUIDE: KHUC THI NGOC HA CLASS: D1408M STUDENT: NGUYEN DANG KHANG NGUYEN QUANG TRUONG DO THI XUAN


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.