ลิ้งที่ทำคลิปส่งเข้าประกวด

หลักการใช้สีสำหรับการออกแบบ Web Side

3. หลักการใช้สีสำหรับการออกแบบเว็ปไซต์

3.1 จำนวนของสีหลัก
3.2 การใช้สีพื้นหลัง
3.3 โทนสีโดยรวม
3.4 สีกับหมวดหมู่


4. การใช้ตัวอักษรและกราฟิก

4.1 สีของตัวอักษร ในเว๊ปควรจะใช้สีอะไร ตัวอักษร เช่น เข้ม กลาง อ่อน
พื้นหลัง อ่อน/กาง, เข้ม/อ่อน, เข้ม/กลาง
4.2 ลักษณะตัวอักษร html(CSS), Font MS sanser,Font Arial,Font Geneva
ขนาด14-20pt หนา/เอียง, กระพริบ
4.3 จำนวนภาพกราฟิก คือ ภาพที่อยู่บนเว็บไซต์ 1ภาพ 1เสียง
4.4 ตำแหน่งการวางภาพ
4.5 ขนาดของภาพ ไฟล์รูปภาพ JPEG,GIF เป็นภาพลายเส้น


5. การใช้สื่อประสมสำหรับการออกแบบเว็ปไซต์

5.1 การใช้ภาพเคลื่อนไหว มีส่วนของ LOGO Animatd มันต้องมี Intractive
เช่น ปุ่ม แทบนำทาง ใช้ในส่วนของหน้าเว็บ แบบ Intro ใช้ Flash ทำภาพ
เคลื่อนไหนไหวไปในเนื้อหา
5.2 การใช้วีดีโอคลิป
5.3 การใช้เสียง

LOGO Web

LOGO ที่เลือก

LOGO ที่มีสัญลักษณ์

LOGO

รูปแบบ Font

แนวนอน

ขนาดของเว็ป 1024*768 px

การจัดวางของโลโก้ เนื้อหา ภาพประกอบ

ส่วนหัว ชื่อเว๊ป, LOGO, Register, Download, Pramool, Webboard, Anibot,

Time Boss , New Boss , New Items, Even Sv.

ส่วนกลาง รูปภาพ, ข้อความ

ส่วนท้าย กิจกรรมพิเศษ

ตำแหน่งของเมนู แถบเนริกาชั่น อยู่ข้างบนสุด

ลักษณะของเมนู รูปแบบของตัวอักษร

การแบ่งหมวดหมู่ ชื่อเว๊ป ,LOGO , Register, Download, Pramool, Webboard,

Anibot, Time Boss, New Boss, New Items, Even SV.

โครงสร้างเวปแนวตั้ง

ขนาดของหน้าเว็ป 1024*768 px

การจัดวางตำแหน่งของ LOGO เนื้อหาภาพประกอบ

ส่วนหัว ชื่อเว๊ป, LOGO , Game Info , Game Guide , RO Shop , Download , Community, Support

ส่วนกลาง ตัวอักษรต่างๆ , ข้อความ , รูปภาพ

ส่วนท้าย ข่าวต่างๆที่สำคัญ , ค้นหากระทู้

ตำแหน่งของเมนู แถบเนริเกชั่น อยู่ข้างบนสุด

ลักษณะของเมนู รูปแบบตัวอักษร

การแบ่งหมวดหมู่ ชื่อเว๊ป, LOGO,Game Info, Game Guide, RO Shop , Download , Community,

Support

การใช้ตัวอักษร

การใช้ตัวอักษร
Typo
ความหมาย
"TYPOGRAPHY"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร


"FONT (TYPEFACES)"
ชุดรูปแบบตัวอักษร


"FONT FAMILIES"
ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง ฯลฯ


TYPE
ส่วนประกอบ


TYPO
ขนาด


TYPO
ประเภท
+Sans Serif (ไม่มีเชิง)
+Serif (มีเชิง)
+Script (ลายมือ)
+Monospace (เป็นบล็อค, เป็นช่องๆ)
+Novelty (แฟชั่น,ตกแต่ง,ประดับ)
+Dingbat , Ornament (รูปสัญลักษณ์)


Typo
การจัดตำแหน่ง


Typo
การผสมอักษร
1. ตัวอักษรไม่มีขาตัวหนาผสมกับตัวอักษรมีขาตัวบาง ตัวอักษรทั้งสองแบบ มีความแตกต่าง
ด้วยน้ำหนักและขนาด ทำให้เกิดความโดดเด่นได้ง่าย
2. ตัวอักษรมีขาตัวหนาผสมกับตัวอักษรไม่มีจาตัวบาง การผสมอักษรแบบนี้ทำให้เกิดจุด
เด่นของสัญลักษณ์อักษรได้ง่าย
3. ตัวอักษรไม่มีขาผสมกับตัวอักษรมีขา การผสมอักษรแบบนี้ไม่มีจุดเด่น
เนื่องจากตัวอักษรทั้งสองแบบไม่มีความแตกต่างกันด้วยน้ำหนัก // ไม่ควรใช้ !
4. ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
5. เช่นเดียวกัน การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย


Typo
การปรับระยะห่าง

องค์ประกอบการออกแบบ (ELEMENT OF DESIGN)

วงจรสี,สี

-hue แปลว่า เนื้อสี

-stion แปลว่า ความจัดจ้าน, ความสด

-Value แปลว่า ค่าน้ำหนังของสี






ระบบของสี

-CMYK ระบบที่ใช้ในการพิมพ์

Cyan (c)

Magenta (M)

Yellow (Y)

Black (K)





-RGB ระบบที่ใช้ในจอภาพ

RED (R)

Green (G)

Blue (B)

หลักการเลือกสี (COLOR COMBIANTION)


-MANOCHROMATIC
การใช้สีเดียว สร้างความแตกต่างด้วยระดับความมืด-สว่างของสี
-TRIADS
การใช้สี3สีจากคู่สีจรงข้ามกันเพื่อสร้างความแตกต่าง
-ANALOGOUS
การใช้สีใกล้เคียงกัน โดยเลือกจากสีที่อยู่ถัดไปอีก2-3สี สามารถสร้างความกลมกลืน
ได้ดี
-COMPLEMENTARY
การใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี ควรใช้สีดำหรือเทา เพื่อลด
ความรุนแรงของสี
นอกจากนั้นการใช้สี2สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากัน ดังนั้นควรลด
ความเข้มของสีหนึ่งลง
-SPLIT-COMPLEMENTS
การใช้สีแบบผสมเป็นการผสมผสานระหว่างสีโทนร้อนและเย็น โดยเริ่มจากการเลือกสี
ใดสีหนึ่ง และจับคู่ก็อีก2สี ในแทบสีตรงข้ามกัน