วันพฤหัสบดีที่ 30 กันยายน พ.ศ. 2553

เเนวนอน


3 สีสำหรับเว็บไซด์
3.1 สีหลัก ฟ้า
การเเบ่งหมวดหมู่ color สีฟ้า
font ขนาด 20 สีเข้ม logoเป็นเล่นสี

3.2 สีดูง่าย เย็น สบายตา ภาพ รกไปลวดลายเยอะไปหน่อย
3.3 สีโดยรวมเป็นสีขาว ช่องข่าวต่างเป็นข่าวเกียวกับเว็บไซด์
3.4 สีหมวดหมู่ ปุ่ม ข่าวเป็นสีชัดเจน บันเทิง สีเเบบสว่าง ติดต่อ สีฟ้า
4 การใช้ตัวอักษร
4.1 สีตัวอักษรเนื้อหา สีพื้นหลัง ขาว เนื้อหาขนาด 16
4.2 ลักษณะตัวอักษร anal
4.3 5 ภาพ
4.4 ตำเเหน่งภาพ บน กลาง ท้ายขวา ซ้าย
4.5 เป็นสกุลไฟล์ JPEG
5 การใช้สื่อประสมสำหรับเว็บ
5.1 มีภาพเคลื่อนไหวกปุ่มเเถบเนื้อหาอการ โหลด
5.2 วีดีโอ ใช้ flsh
5.3 การใช้เสียงใช้ในหน้าที่คลิกเข้าไป

เเนวตั้ง



3 สีสำหรับเว็บไซด์
3.1 สีหลัก ขาว
การเเบ่งหมวดหมู่ color สีขาว
font ขนาด 20 สีเข้ม logoเป็นเล่นสี

3.2 สีดูง่าย เย็น สบายตา ภาพ รกไปลวดลายเยอะไปหน่อย
3.3 สีโดยรวมเป็นสีขาว ช่องข่าวต่างเป็นข่าวเกียวกับเว็บไซด์
3.4 สีหมวดหมู่ ปุ่ม ข่าวเป็นสีชัดเจน บันเทิง สีเเบบสว่าง ติดต่อ สีฟ้า
4 การใช้ตัวอักษร
4.1 สีตัวอักษรเนื้อหา สีพื้นหลัง ขาว เนื้อหาขนาด 16
4.2 ลักษณะตัวอักษร anal
4.3 5 ภาพ
4.4 ตำเเหน่งภาพ บน กลาง ท้ายขวา ซ้าย
4.5 เป็นสกุลไฟล์ JPEG
5 การใช้สื่อประสมสำหรับเว็บ
5.1 มีภาพเคลื่อนไหวกปุ่มเเถบเนื้อหาอการ โหลด
5.2 วีดีโอ ใช้ flsh
5.3 การใช้เสียงใช้ในหน้าที่คลิกเข้าไป

หน้าเว็บ

วันพุธที่ 22 กันยายน พ.ศ. 2553

โครงสร้างหน้าเว็บ




ขนาดหน้าเว็บ 800x600 px
1ส่วนหัวเว็บ blender ชื่อเว็บ
2ส่วนเนื้อหา มีตัวอักษร รูปภาพ
3ส่วนท้ายหน้าเว็บ linkไปอีกหน้าหนึ่งซึ่งมีเนื้อหาให้อ่าน
4มีเเถบnavigation อยุ่ด้านล่างใปยังอีกหร้าหนึ่ง
5ลักษณะของเมนู ตักอักษรให้อ่านเเละมีภาพให้ดู

ลักษณะโรงสร้างหน้าเว็ป

หน้าเวปเเนวตั้ง




ขนาดหน้าเว็ป 800x6oo px



1ส่วนหัวของหน้าเว็ป logoเป็นรูปโลก มีเเถบnavigation เช่น home video word เป็นต้น ชื่อ เว็บ มี search






2ส่วนเนื้อหาเว็บ ตัวอัษร รูปภาพ วีดีโอ ใอคอน

3ส่วยท้ายเว็บ มีเเถบnavigation logo ชื่อเว็บ link search

4ตำเเหน่งเเถบ navigation อยุ่ด้านบนเเละล่าง

5ลักษณะของเมนู ตัวอักษร มีภาพนิ่งกดเเล้วไปยังอีกภาพหนึ่งมีรายละเอียดบอกใว้

font




























วันพุธที่ 15 กันยายน พ.ศ. 2553

องค์ประกอบการออกแบบ


องค์ประกอบการออกแบบ (ELEMENT OF DESING)
วงจรสี,สี


-hue แปลว่า อะไร เนื้อสี
-stion แปลว่า อะไร ความจัดจ้าน,ความสด
-value แปลว่า อะไร ค่าน้ำหนักของสี

ระบบของสี
-CMYK ระบบที่ใช้ในการพิมพ์
Cyan (น้ำเงิน) C
Magenta (แดง) M
Yellow (เหลือง) Y
Black (ดำ) K

C40,m20,y100,k0

-RGB ระบบที่ใช้ในจอภาพ
RED R
Green G
Blue B

R141,G145,B32

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

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

งาน
กำหนดสีของสัญลักษณ์ 4รูปแบบ
(สีเดียว ,2สี,3สี,4สี)

เคริ่องมือ เข้าเวป www.colorblender.com

วันพฤหัสบดีที่ 2 กันยายน พ.ศ. 2553

font

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

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

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

Typo*
+ ส่วนประกอบ

Typo*
+ ขนาด

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

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

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

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