Web page Design

Web Page Design ( Test Project )

BY

NATTHANAN VATTHANASANGPAN

ทมาในการสรางสรรค

-

ผลงานชดนเกยวกบเรองราวของแสงและเงา Ideaเรมจากtheme สทเคยกลาวถง Tone ขาว , ดา , และแดง ทาใหเกดเปนconcept และ

Ideaเรอง contrast ของแสงเงา เพราะสเหลานตางมคานาหนกท

ชดเจนในตนเอง เมออยดวยกน จงทาใหรสกถงการขบคานาหนก

ของสแตละส ทตางกนชดเจนมากยงขน ดฉนเลยนาconceptน มาใชในการสรางสรรคและใสeffectแสงและเงาบนวตถตางๆทอย

ในชนงาน ไมวาจะเปนตวละครcharacter ทไดสรางสรรคใหเปน เสมอนตวละครไกด ทนาไปสเมนตางๆทพาไปสขอมลในlink ตางๆ

ตอไป รวมไปถง logo , background , และ วตถตางๆภายในผลงาน และเพอการคลอบคลมtoneสภายในงาน เพอใหไมโดดเดนมากกวา

สวนขอมลในlinkตางๆ มากเกนไป

รปแบบในการสรางสรรค

• จากconceptและIdea ทอธบายมาเบองตน ดฉนจงสรางสรรค

ผลงานหลกออกมาทงหมด 3 รปแบบ ซงแตละรปแบบไดสรางสรรค

หนาweb page ยอยประกอบอยดวย กลาวคอ ดฉนไดนกถงขณะเวลาท

เขาสหนาweb page หลกแลวclick เลอกไปสmenuหวขอยอยตางๆ ภายในweb หนาwebกจะเปลยนไปสรปแบบใหม ซงสวนประกอบยอย

สวนนจะชแจงรายละเอยดของแตละชนงานตอในหวขอถดไป

• นอกจากน ตวละครcharacter

design ทออกแบบมา ไดมความคดใน

เรองของ motion graphicใสเพมเตมในตวละครในผลงาน เสมอนเปน ไกดเวลาจะไปสmenuยอยตางๆ เปนตวละครทสามารถเคลอนไหวได

เพอเพมความเพลดเพลนในการชมมากขน

รปแบบท 1

MAIN PAGE( P.1 )

CONTENT PAGE( P.2 )

SUBSTANCE PAGE( P.3 )

Main Page เปนหนาเรมตนเพอเขาสหนา หวขอยอยตางๆตอไป โดยทาการclickทรปLogo

ปม enter clickสาหรบ

เขาสหนาถดไป

Content Page เปนหนาทประกอบดวยหวขอยอย menuตางๆ เพอclickเขาไปสรายละเอยดขอมลตางๆของบรษทตอไป

.

Substance Page เมอclickเขาสหวขอยอยใด ดานบนจะปรากฎcharacterตวละคร และชอของหวขอนน และขอมลภายในของหวขอกจะปรากฎตรงกลางของแสงไฟspotlight

TEXT

รปแบบท 2

MAIN PAGE( P.1 )

CONTENT PAGE( P.2 )

SUBSTANCE PAGE( P.3 )

Main Page เปนหนาเรมตนเพอเขาสหนา หวขอยอยตางๆตอไป โดยทาการclickทรปLogo

ปม enter clickสาหรบเขาสหนาถดไป

Content Page เปนหนาทประกอบดวยหวขอยอย menuตางๆ จะปรากฎเปนmotion graphic ของตวละครเคลอนไหว

ลกษณะวงขนบนได เมอclickเลอกหวขอใด กจะหยดทหวขอนน

ตวละคร

motion graphic

Substance Page หลงจากclickเขาสแตละหวขอยอย หนาpage กจะเปลยนแปลง โดยสดสวนรปบนไดและชอหวขอจะยอสวนลงมาอยดานขวามอ

และตวละครจะเปลยนมาอยในทาทางมาอยลกษณะหนลาตวมาดานหนา แตมองไปทดานขางซายมอตรงตาแหนงรายละเอยดขอมลหวขอยอย

TEXT

รปแบบท 3

MAIN PAGE( P.1 )

CONTENT PAGE( P.2 )

SUBSTANCE PAGE( P.3 )

Main Page เปนหนาเรมตน เมอเวลา click ทปมทม

รปLogo เพอเขาสหนาถดไป จะเปลยนเปนลกษณะไฟสฟาสวาง

Content Page ลกษณะกอนclickเขาไปสหวขอยอย ตางๆ

Content Page เมอลกศรmouseไปโดนหวขอทตองการเลอก โดยจะปรากฎเปนeffect ลกษณะไปสฟาสวางขนมา และปรากฎ

คาอธบายสนๆดานขางเกยวกบลกษณะขอมลภายในหวขอยอยนน

Substance Page เมอclickเขาสหวขอยอย จะเกด motion graphic ของวงกลมใหญเคลอนไหวลกษณะพลกกลบส

ดานบนลงดานลางเปนวงกลมใหมทมลกษณะไฟสฟาสวางลอมรอบอย

และแสงไฟสฟากปรากฎทวงกลมรอบชอหวขอยอยนนดวยเชนกน

THANKS FOR YOUR ATTENTION

NATTHANAN VATTHANASANGPAN CONTACT : ser_art_music@hotmail.com

089-771-1994