Transcript Power point
ความรู ้เกีย
่ วกับตัวอักษร
้ ัลติมเี ดีย=
=การประยุกต์ใชม
1
ความเป็ นมา
นับแต่ ยุคโบราณ
– การสื่ อสารด้ วยเสี ยงและท่ าทางหรือภาษากาย
– การใช้ ภาพวาดเล่ าเรื่องราวในอดีต
– ใช้ สัญลักษณ์ แทนความหมายและการออกเสี ยง
– สร้ างอักษรเป็ นภาษาสาหรับสื่ อสารกันในเผ่ าพันธ์
2
การใช้ ตัวอักษรในคอมพิวเตอร์
โปสเตอร์ แผ่ นพับ ใบปลิว ป้ายประกาศ
กราฟิ กส์ ตัวอักษรวิ่ง
ออกแบบป้ายโฆษณาขนาดต่ างๆ
HTML บนอินเตอร์ เน็ต
งานพิมพ์ออกแบบหนังสื อ นิตยสาร วารต่ างๆ
3
มาตรฐานรหัสตัวอักษร
ภาษามีความหลากหลาย เขียนและอ่านต่ างกันไป
ต้ องทาการแปลเป็ นภาษาต่ างๆ มากมาย
ทางออก “ใช้ ภาษากลางในการสื่ อสาร”
ปัญหาการแสดงผลทีป่ ลายทางไม่ ถูกต้ อง(อ่านไม่ ออก)
รหัสภาษาทีใ่ ช้ สื่อสารใน Multimedia
– ASCII
– Unicode
4
ASCII
American Standard Code for Information
Interchange
พัฒนาในช่ วงปี ค.ศ. 1970 แอสกีเป็ นรหัสขนาด 7 บิต
สามารถรองรับตัวอักษร (A-Z) ทั้งตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ตัวเลข (0-9) และ
สั ญลักษณ์ พเิ ศษต่ างๆ ได้ 128 รหัส และรหัสพิเศษอีก 128 รหัส
5
Unicode
ออกแบบให้ รองรับอักษรเอเชีย
ทีม่ ีรูปแบบมากว่ า 256 แบบ
ผู้ใช้ งานคอมพิวเตอร์ มี
หลากหลายชาติ โดยเฉพาะ
CJK (China
Japan Korea)
หลายประเทศได้ นา
Unicode มาใช้ ร่วมกัน
6
รูปแบบและลักษณะของตัวอักษร
ตัวอักษร (Fonts) หมายถึงรู ปแบบตัวอักษร
ประเภท Fonts
– Serif: เป็ นแบบอักษรทีใ่ ช้ เป็ นมาตรฐาน ในแต่ ละตัวอักษรจะมีเส้ นคล้ ายๆ ขีด-
เหลีย่ ม
– Sans-Serif: เป็ นแบบตัวอักษรทีค่ ุ้นเคยมากกว่ า Serif เพราะเป็ นทีน่ ิยม
ของผู้เขียนเว็บ มีรูปร่ างมนกลม และดูสวยงาม
– Monospaced: เป็ นแบบอักษรทีม่ ขี นาดความกว้ างของทุกตัวอักษรเท่ ากัน
หมด 33 บางครั้งเรียกว่ า Typewriter Font เนื่องจากมีลกั ษณะใกล้ เคียง
กับ ตัวอักษรทีไ่ ด้ จากเครื่องมือพิมพ์ดดี
– Script: เป็ นแหล่ งรวมของแบบอักษรทุกชนิด ทีม่ ลี กั ษณะพิเศษต่ างๆ เช่ น มีจุด
มีหาง เป็ นต้ น และมีลกั ษณะของตัวอักษรทีค่ ล้ ายกับลายมือ
7
Font Family
แยกย่อยออกมาจาก category
Category
Family
Serif
Times, Century Schoolbook, Garamond
Sans-serif
Helvetica, Arial, Verdana
Monospace
Courier, Courier New
Decorative
Whimsy, Arribal, Bergell
8
Font face
สั มพันธ์ ย่อยมาจาก Family บอกลักษณะย่อย
Family
Face
Times
Romans , Italic
Arial
Regular , Bold , Italic
Courier
Regular , Obliqe
Whimsy
Regular , Bold
9
รูปแบบอืน่ ๆ
การจัดวางตาแหน่ ง (Alignment)
เส้ นขอบ (Borders)
ขนาดของตัวอักษร (Font Size)
สี (Colors)
ตัวอักษรหรือข้ อความ (Text)
10
การใช้ ตัวอักษรในชิ้นงานมัลติมีเดีย
ข้ อความที่ต้องการจะเน้ นควรจะมีลกั ษณะที่แตกต่ างจากข้ อความธรรมดา เช่ น มีการขีดเส้ นใต้
ทาเป็ นอักษรตัวเอน หรือตัวหนา เป็ นต้ น
จัดช่ องว่ างของบรรทัดให้ เหมาะสมและอ่ านง่ าย จัดขนาดของตัวอักษรตามความสาคัญของ
ข้ อความ
จัดสี ของข้ อความให้ อ่านง่ าย มีความแตกต่ างจากสี ของพืน้ หลัง ไม่ ใช้ รูปแบบพืน้ หลังที่มีลวดลาย
หรือรายละเอียด สี สันมากเกินไป
ควรใช้ วธิ ีการ Anti-aliasing กับหัวข้ อที่เป็ นอักษรกราฟิ กขนาดใหญ่ หรืออักษรกราฟิ กที่
ถูกขยายใหญ่ จะมีรอยหยัก
หากต้ องการจัดข้ อความให้ อยู่กงึ่ กลางบรรทัด ไม่ ควรทาติดต่ อกันหลายบรรทัดจะดูไม่ สวยงาม
ภาษาอังกฤษควรใช้ อกั ษรพิมพ์ใหญ่ และพิมพ์เล็กอย่ างเหมาะสม
เน้ นความน่ าสนใจของข้ อความด้ วยการใส่ แสงเงาให้ ตัวอักษร
ใช้ คาศัพท์ ที่มีความหมายน่ าสนใจและเข้ าใจง่ าย เพือ่ เชื่อมโยงหัวข้ อกับเนือ้ ความเข้ าด้ วยกัน
ข้ อความสาหรับเชื่อมโยงบนหน้ าเว็บเพจ (Text Links) ควรเน้ นให้ สังเกตง่ าย
เน้ นเนือ้ ความที่เป็ นจุดสาคัญด้ วยการทาแถบสี ที่ข้อความนั้นๆ
11
12
เมนูนาทาง
Menu for navigation
การใช้ ถ้อยคาเพือ่ ช่ วยในการเข้ าถึงข้ อมูล ตัวอย่ างเช่ น
– หน้ าทีแ่ ล้ ว หน้ าถัดไป หน้ าหลัก หน้ าสุ ดท้ าย
– เลือ่ นขึน้ รายการหลัก จบ
เป็ นต้ น
13
ปุ่ มกดโต้ ตอบ
Button for Interaction
การวางข้ อความบนปุ่ มกด
– มีขนาดตัวอักษรทีเ่ หมาะสมกับขนาดของปุ่ มกด
– ระยะห่ างขอบของปุ่ มกดกับข้ อความทีไ่ ม่ กว้ างหรือชิดขอบจนเกินไป
– สี สันทีใ่ ช้ จะต้ องมองดูแล้ วสบายตา น่ าอ่ าน และชัดเจน
14
การกาหนดรูปแบบของเอกสาร
Format Document
การกาหนดรู ปแบบเอกสาร
สามารถจัดทาได้ ท้งั ที่เป็ นแบบ
แนวตั้ง และแบบแนวนอนเพือ่
ประโยชน์ สาหรับการพิมพ์
เอกสารทางเครื่องพิมพ์ และการ
จัดทาเอกสารให้ อยู่ในรู ปไฟล์
เอกสารอิเล็กทรอนิกส์
15
สั ญลักษณ์ และภาพสั ญลักษณ์
Symbols and Icons
สั ญลักษณ์ ควรใช้ ในความหมายที่ทราบกันทั่วไป
ว ัตถุประสงค์การใชง้ าน
ั
สญล
ักษณ์
ความหมาย
ื่ สารระหว่างกัน
การติดต่อสอ
บนระบบเครือข่าย
:-)
;-)
:-|
:->
:-(
ยิม
้ ธรรมดา
ยิม
้ และขยิบตาหนึง่ ข ้าง
แสดงอาการไม่สนใจ
กาลังดีใจอย่างมาก
กาลังหน ้าบึง้
การรับ-สง่ ข ้อความด ้วยเครือ
่ ง
โทรเลข
ไปข ้างหน ้า
กลับไปข ้างหลัง
16
เครื่องมือสาหรับสร้ างและแก้ ไขรูปแบบอักษร
ResEdit
Fontgrapher
FontManager
TypeDesigner
Photoshop , Ilustrator
17
End.
18