วันพฤหัสบดีที่ 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
โครงสร้างหน้าเว็บ
ลักษณะโรงสร้างหน้าเว็ป
หน้าเวปเเนวตั้ง
ขนาดหน้าเว็ป 800x6oo px
1ส่วนหัวของหน้าเว็ป logoเป็นรูปโลก มีเเถบnavigation เช่น home video word เป็นต้น ชื่อ เว็บ มี search
2ส่วนเนื้อหาเว็บ ตัวอัษร รูปภาพ วีดีโอ ใอคอน
3ส่วยท้ายเว็บ มีเเถบnavigation logo ชื่อเว็บ link search
4ตำเเหน่งเเถบ navigation อยุ่ด้านบนเเละล่าง
5ลักษณะของเมนู ตัวอักษร มีภาพนิ่งกดเเล้วไปยังอีกภาพหนึ่งมีรายละเอียดบอกใว้
ขนาดหน้าเว็ป 800x6oo px
1ส่วนหัวของหน้าเว็ป logoเป็นรูปโลก มีเเถบnavigation เช่น home video word เป็นต้น ชื่อ เว็บ มี search
2ส่วนเนื้อหาเว็บ ตัวอัษร รูปภาพ วีดีโอ ใอคอน
3ส่วยท้ายเว็บ มีเเถบnavigation logo ชื่อเว็บ link search
4ตำเเหน่งเเถบ navigation อยุ่ด้านบนเเละล่าง
5ลักษณะของเมนู ตัวอักษร มีภาพนิ่งกดเเล้วไปยังอีกภาพหนึ่งมีรายละเอียดบอกใว้
วันพุธที่ 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*
+ การปรับระยะห่าง
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*
+ การปรับระยะห่าง
สมัครสมาชิก:
บทความ (Atom)