โครงสร้างเว็บแนวนอน-แนวตั้ง

-แนวตั้ง

ขนาด 800*600

ส่วนหัว-ชื่อเว็ป โลโก้ โฆษณาAf สมัครสมาชิก มีเเถบnavigation
ส่วนกลาง-รูปภาพนิ่ง-เคลื่อนไหว เว็บบอร์ดหัวข้อต่างๆ โฆษณา
ส่วนท้าย- ติดต่อลงโฆษณา ติดต่อทีมงาน เที่ยวออฟฟิศ Dek-D รับสมัคร นศ.ฝึกงาน ตลอดปี
ตำแหน่งของเมนู-อยู่ทางด้านซ้ายของเว็ป
ลักษณะของเมนู-ตัวอักษรมีภาพประกอบ
การแบ่งหมวดหมู่-สมาชิก เว็บบอร์ แวดวงบันเทิง คลายเครียด นักเขียน-นิยาย บอยแฟชั่น girlแฟชั่น การศึกษา แอดมิสชั่น เรียนต่อนอก ฟังวิทยุ

-แนวนอน
ขนาด ยาวมาก

ส่วนหัว-โลโก้
ส่วนกลาง-รูปภาพนิ่งใช้ตกแต่ง แบ่งเป็นส่วนต่างๆ เนื้อหาของเว็บ
ส่วนท้าย- contact Me
ตำแหน่งของเมนู-อยู่ทางด้านซ้ายของเว็ป
ลักษณะของเมนู-ตัวอักษร
การแบ่งหมวดหมู่-Home AboutOur Materials ProductsandServices Advantages OurColours Contact Downloads

Logo4colors

LOGO

สี

องค์ประกอบการออกแบบ ( Element of Design )
1.สี
แม่สีศิลปะประกอบด้วยสี แดง สีเหลือง และสีน้ำเงิน ซึ่งเมื่อนำแม่สีทั้งสามมาผสมกันในอัตราส่วนต่างๆก็จะเกิดสีขึ้นมามากมายซึ่งประโยชน์ จากการที่เรานำสีมาผสมกันทำให้เรา สามารถเลือกสีต่างๆมาใช้ได้ตามความพอใจสร้างสรรค์ผลงานศิลปะที่งดงามตามความพอใจขอผู้สร้าง สีที่เกิดจากการนำเอาแม่สีมา ผสมกัน เกิดสีใหม่เมื่อนำมาจัดเรียงอย่างเป็นระบบ รวมเรียกว่าวงจรสี

ภาพแสดงวงจรของสีที่เกิดจากการนำแม่สีมาผสมกัน
การเกิดสีดังภาพ เกิดจากการนำเอาแม่สีมาผสมกัน ในอัตราส่วนต่างๆกันซึ่งพอสรุปได้ดังนี้

สีขั้นที่1 (สีขั้นต้นหือแม่สี)(Primary Color) ประกอบด้วย สี แดง สีเหลือง และสีน้ำเงิน

สีขั้นที่ 2 (Binary Color) เกิดจากการนำเอาสีขั้นที่ 1 (แม่สี ) มาผสมในอัตราส่วนเท่าๆกันประกอบด้วยสี เขียว สีส้ม
และสีม่วง
•สีเขียว เกิดจากการนำเอา สีเหลือง กับ สีน้ำเงิน มาผสมกันในอัตราส่วนเท่าๆกัน
•สีส้ม เกิดจากการนำเอา สีเหลือง กับ สีแดง มาผสมกันในอัตราส่วนที่เท่าๆกัน
•สีม่วง เกิดจากการนำเอา สีน้ำเงิน กับ สีแดง มาผสมกันในอัตราส่วนที่เท่าๆกัน

•สีขั้นที่ 3 (Intermediate Color) เกิดจากการนำเอาสีขั้นที่ 2 ผสมกับสีขั้นต้นที่อยู่ใกล้เคียงกันได้สีแตกต่างออกไป
ได้แก่ สีเหลืองแกมเขียว สีน้ำเงินแกมม่วง สีแดงแกมม่วง สีแดงแกมส้ม สีเหลืองแกมส้ม และสีน้ำเงินแกมเขียว
• สีเหลืองแกมเขียว เกิดจาก การผสมกันระหว่างสีเหลืองกับสีเขียวอย่างละเท่าๆกัน
• สีน้ำเงินแกมม่วง เกิดจากการผสมกันระหว่างสีน้ำเงินกับสีม่วงอย่างละเท่าๆกัน
• สีแดงแกมม่วง เกิดจากการผสมกันระหว่างสีแดงกับสีม่วงอย่างละเท่าๆกัน
• สีแดงแกมส้ม เกิดจากการผสมกันระหว่างสีแดงกับสีส้มอย่างละเท่าๆกัน
• สีเหลืองแกมส้ม เกิดจากการผสมกันระหว่างสีเหลืองกับสีส้มอย่างละเท่าๆกัน
• สีน้ำเงินแกมเขียวเกิดจากการผสมกันระหว่างสีน้ำเงินกับสีเขียวอย่างละเท่าๆกัน

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

typo*
+ความหมาย
"Typography" การใช้ตัวอักษรหรือการจัดวางตัวอักษร
"Font(Typefaces)"ชุดรูปแบบของตัวอักษร
"Font Families" ตระกูลของรูปแบบตัวอักษร เช่น ตัวหนา ตัวเอียง
+ส่วนประกอบ
-เชิง
+ขนาด แบบอักษรที่แตกต่างกันมีขนาดpointเท่ากัน ไม่จำเป็นต้องสูงเท่ากัน
+ประเภท
-sans serif ไม่มีเชิง
-serif มีเชิง
-script,hand-letter ลายมือเขียน
-monospace เป็นช่องๆเท่าๆกัน
-novelty แนวตกแต่ง
-dingbat,ornament สัญลักษณ์
+การจัดตำแหน่ง ชิดซ้าย ชิดขวา กลาง กระจายตัว
+การผสมตัวอักษร
-ตัวอักษรไม่มีขาตัวหนาผสมกับตัวอักษรมีขาตัวบาง ทั้งสองแบบแตกต่างกันด้วยน้ำหนักและขนาด ทำให้เกิดความโดดเด่นได้ง่าย
-ตัวอักษรมีขาตัวหนาผสมกับตัวอักษรไม่มีขาตัวบาง ผสมอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้
-ตัวอักษรไม่มีขาผสมกับตัวอักษรมีขา การผสมอักษรแบบนี้ไม่มีจุดเด่นเนื่องจากตัวอักษรทั้งสองแบบ ไม่มีความแตกต่างกันด้วยน้ำหนัก
+การปรับระยะห่าง