ตัวอย่างเว็ป

1024*768

ตัวอย่างเว็ปพอดีหน้าจอ

1280*768

ตัวอย่างเว็ปแนวนอน

800*600

ตัวอย่างเว็ปแนวตั้ง

Font ใส่สีแล้ว

การใช้ตัวอักษร (TYPOGRAPHY)

TYPO*

+ความหมาย

"TYPOGRAPHY"

การใช้ตัวอักษร หรือการจัดวางตัวอักษร

"FONT (TYPEFACES)"

ชุดรูปแบบของตัวอักษร

"FONT FAMILIES"

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

TYPO*

+ส่วนประกอบ

- SERIF แบบมีเชิง

- SANS SERIF แบบไม่มีเชิง

TYPO*

+ประเภท

รูปแบบตัวอักษร

ใน การเลือกตัวอักษรที่เหมาะสมจะช่วยให้งานออกแบบกราฟิกนั้น สื่อความหมายได้อย่างเต็มที่ ซึ่งปัจจุบันมีรูปแบบตัวอักษรตัวพิมพ์มากมาย พงษ์ศักดิ์ (2544 : 52-56)อาจแบ่งได้ดังนี้

1. ตัวอักษรแบบมีเชิง เป็นอักษรที่มีเส้นยื่นของฐานและปลายตัวอักษรในทางราบที่เรียกว่า Serif ลักษณะตัวอักษรจะมีเส้นตัวอักษรเป็นแบบหนาบางไม่เท่ากัน ตัวอักษรแบบนี้บราวเซอร์หลายชนิดจะใช้ ตัวอักษรแบบนี้เป็นหลัก เช่น Times New Roman, Garamond, Georgia และ New Century Schoolbook ตัวอักษรประเภทนี้เหมาะจะใช้เป็นรายละเอียดเนื้อหา แต่ตัวอักษรประเภทนี้ไม่ค่อยเหมาะจะใช้กับตัวหนา (bold)

แสดงรูปแบบตัวอักษรแบบมีเชิง (Serif)

2. ตัวอักษรแบบไม่มีเชิง (Sans Serif) เป็นลักษณะของตัวอักษรอีกแบบหนึ่งที่รูปแบบเรียบง่าย เป็นทางการ ไม่มีเชิง หมายถึงไม่มีเส้นยื่นออกมาจากฐาน และปลายของตัวอักษรในทางราบ ได้แก่ Arial, Helvetica, Verdana, Geneva และ Univers ตัวอักษรประเภทนี้เหมาะที่จะใช้กับหัวข้อหรือ ตัวอักษรขนาดใหญ่ แต่ไม่เหมาะสมกับลักษณะเอียง

แสดงรูปแบบตัวอักษรแบบไม่มีเชิง (Sans Serif)

3. ตัวอักษรแบบตัวเขียน (Script) ตัวอักษรแบบนี้เน้นให้ตัวอักษรมีลักษณะคล้ายกับการเขียนด้วยลายมือ ซึ่งมีหางโยงต่อเนื่องระหว่างตัวอักษร มีขนาดเส้นอักษรหนาบางแตกต่างกัน นิยมทำให้เอียงเล็กน้อย

แสดงรูปแบบตัวอักษรแบบตัวเขียน (Script)

4. ตัวอักษรแบบตัวอาลักษณ์ (Text Letter) เป็นตัวอักษรแบบโรมันแบบตัวเขียนอีกลักษณะหนึ่ง มีลักษณะเป็นแบบประดิษฐ์มีเส้นตั้งดำหนา ภายในตัวอักษรมีเส้นหนาบางคล้ายกับการเขียนด้วยพู่กัน หรือปากกาปลายตัด

แสดงรูปแบบตัวอักษรแบบตัวอาลักษณ์ (Text Letter)

5. ตัวอักษรแบบประดิษฐ์ (Display Type) หรือตัวอักษรตัวพิมพ์ขนาดใหญ่ มีลักษณะเด่น คือ การออกแบบตกแต่งตัวอักษรให้สวยงามเพื่อดึงดูดสายตา มีขนาดความหนาของเส้นอักษรหนากว่าแบบอื่นๆ จึงนิยมใช้เป็นหัวเรื่อง

แสดงรูปแบบตัวอักษรแบบประดิษฐ์ (Display Type)

6. ตัวอักษรแบบสมัยใหม่ (Modern Type) เป็นตัวอักษรที่ประดิษฐ์ขึ้น มีลักษณะเรียบง่าย

แสดงรูปแบบตัวอักษรแบบสมัยใหม่ (Modern Type)

รูปร่างรูปทรงต่างๆ

ขั้นตอนการเตรียมการ

- การรับทราบความคิดความต้องการ

- การค้นคว้าข้อมูลเพิ่มเติมแล้วนำมาวิเคราะห์

- การเขียนโจทย์ของการออกแบบ

- การกำหนดรูปแบบที่ใช้ในงาน

ขั้นตอนการออกแบบ
- การเลือกและสร้างองค์ประกอบ

- การจัดทำเลย์เอาท์แบบร่าง

- การประเมินผลงานออกแบบองค์ประกอบการออกแบบ

- รูปร่าง (Shape)

- รูปทรง (Form)

ชนิดและประเภทรูปร่างและรูปทรง

- เรขาคณิต

- เรขาคณิตซับซ้อน

- อิสระเสรี

- อิสระสื่อความหมาย

การสร้างโลโก้

โลโก้ หรือ สัญลักษณ์ ส่วนใหญ่เกิดจากการสร้างขึ้น โดยใช้รูปร่าง รูปทรงพื้นฐาน ใช้การกำหนดสี ลักษณะผิด รวมทั้งการใช้องค์ประกอบต่าง ๆ เพื่อสื่อสารความหมายให้ตรงตามที่กำหนด

หลักการออกแบบรูปร่าง และรูปทรง

- โครงสร้าง
- การลดทอน
- องค์ประกอบ

โครงสร้าง + รวมกัน

การรวมกันของรูปทรง สามารถสร้างรูปร่างที่เหมือนกัน หรือแตกต่างกัน ด้วยความหลากหลายของขนาด ทิศทางและตำแหน่ง

โครงสร้าง + ลบกัน
การสร้างรูปร่างใหม่ อาจทำได้โดยการลบออกจากรูปร่างเดิม

โครงสร้าง + คัดเลือก
รูปร่างสามารถถูกเลือกตัดเฉพาะส่วนที่ต้องการ หรือเลือกตัดภายในพื้นที่

โครงสร้าง + การซ้ำ
การซ้ำกันของรูปร่าง สามารถสร้างงานกราฟิกที่แปลกใหม่ เพื่อสื่อความหมายได้อย่างดี

โครงสร้าง + ตัวอย่าง
โลโก้ดังตัวอย่างได้จากกระบวกการสร้างรูปร่างรูปทรงใหม่ โดยการลบออก การเลือกตัด การหมุน ทิศทาง การซ้ำ และการกำหนดสี

ไอคอน

ICON = ภาพ = สัญรูป



การลดทอน
1. ลด
2. เน้น
การนำสัญรูปไปใช้งาน ควรมีการเน้นเส้นให้เหมาะสมกับขนาด


รูปร่าง รูปทรง
+องค์ประกอบ

- เครื่องหมายสัญลักษณ์นี้ ประกอบด้วยรูปร่างที่ซ้ำกัน
- การจัดวางองค์ประกอบ สามารถจัดวางรูปร่างภายในรูปร่าง
- รูปร่างวงกลมจัดวางรวมกับรูปร่างอิสระในตำแหน่ง
- รูปร่างต่าง ๆ สามารถจัดวางร่วมกันกับรูปร่างสีต่าง ๆ เป็นพื้นฐานในการสร้างลวดลายหรืองานกราฟิก
- รูปร่างที่สื่อความหมายจัดวางบนรูปร่างนามธรรมช่วยส่งเสริมกันแลกันในการจัดวางองค์ประกอบ
- การใช้ภาพแทนความหมาย สามารถสร้างจากรูปร่างพื้นฐาน จัดวางองค์ประกอบเพื่อสร้างเป็นสัญรูป และงานกราฟิก