Upload
natthanan-vatthanasangpan
View
218
Download
4
Embed Size (px)
DESCRIPTION
This is project concern about web design and include with subtitle to explain my creation. Hope you enjoy and like it . Thanks for your attention.
Citation preview
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 ของวงกลมใหญเคลอนไหวลกษณะพลกกลบส
ดานบนลงดานลางเปนวงกลมใหมทมลกษณะไฟสฟาสวางลอมรอบอย
และแสงไฟสฟากปรากฎทวงกลมรอบชอหวขอยอยนนดวยเชนกน