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