เมื่อออกแบบชุดการฝึกอบรม ท่านควรจะต้องพิจารณาถึงความสำคัญของการจัดวางเนื้อหาให้เป็นแนวเดียวกัน
(Alignment) ซึ่งหมายความว่าเนื้อหาทุกอย่างบนหน้าจอจะต้องวางไปในทางเดียวกัน การวางเนื้อหาไปในทาง
เดียวกันจะทำให้มองเห็นได้อย่างชัดเจนว่าข้อมูลใดเชื่อมโยงกับข้อมูลใด การวางเนื้อหาไปในทางเดียวกันยังทำให้
อ่านข้อมูลได้ง่ายเพราะผู้อ่านไม่ต้องมองไปทางโน้นทีทางนี้ที แต่การจัดวางก็ไม่ควรทำแบบผสม เช่น
เมื่อวางเนื้อหาชิดขอบซ้ายก็ให้ชิดขอบซ้ายไปตลอด หากวางชิดขอบซ้ายบ้างหรือวางตรงกลางบ้างก็จะทำให้
ข้อมูลดูไม่เป็นระเบียบและไม่เป็นมืออาชีพ การวางข้อมูลไปในแนวเดียวกันทำให้การสื่อสารกับผู้อ่าน
มีความชัดเจนขึ้น

• พยายามจัดวางข้อมูลในแนวเดียวกัน
• หากเป็นไปได้ให้พยายามหลีกเลี่ยงการจัดวางแนวผสม
• อย่าวางวัตถุชิดขอบข้างหรือขอบบนล่างมากเกินไป
• จัดระยะห่างระหว่างขอบบนกับขอบล่างให้เท่ากัน
  

Contrast (การทำตัวหนังสือเป็นตัวหนา ตัวเอียง ขีดเส้นใต้ หรือการใช้สีต่าง ๆ บนตัวหนังสือ) และการจัดระยะห่าง
ระหว่างตัวอักษรเป็นรูปแบบหนึ่งของการแบ่งระดับความสำคัญ ตัวอักษรที่ใหญ่ที่สุด สว่างที่สุด และหนาที่สุด
จะดึงดูดสายตาของเราให้มองเห็นก่อน หากทุก ๆ ตัวอักษรมีความเหมือนกันหมดตลอดทั้งหน้าก็มีแนวโน้มว่า
เราจะมองไปยังมุมบนด้านซ้ายก่อนและไล่ลงมาเรื่อย ๆ หากหน้าของเรามีแต่ตัวหนังสือที่เป็นเนื้อหาอย่างเดียว
โดยไม่มีหัวข้อ (ซึ่งหวังว่าจะไม่เป็นอย่างนั้น) ก็จะไม่มีปัญหาอะไร แต่หากเนื้อหามีความแตกต่างกันในการนำเสนอ
Contrast บนตัวหนังสือจะช่วยให้มองเห็นความแตกต่างได้อย่างชัดเจน ตัวอย่างเช่น หากเนื้อหาที่เป็นหัวข้อใช้ฟอนต์
Arial 16 point สีแดง และเนื้อหารายละเอียดใช้ฟอนต์ Times New Roman 12 point สีดำ ผู้ใช้ก็จะทราบได้ว่า
ส่วนใดเป็นหัวข้อและส่วนใดเป็นเนื้อหาในหัวข้อนั้น ๆ การจัดวางและจัดระยะห่างให้พอดีจะช่วยให้ผู้อ่าน
เข้าใจได้ง่ายว่าหัวข้อใดเกี่ยวข้องกับเนื้อหาใด

• ใช้ Contrast ในการแบ่งระดับความสำคัญของข้อมูล
• ใช้ Contrast ในการแบ่งข้อมูลที่เป็นเรื่องเดียวกัน
  

รูปแบบตายตัวเป็นส่วนหนึ่งที่สำคัญของชุดฝึกอบรม หากไม่มีรูปแบบตายตัวแล้ว ชุดการฝึกอบรมก็จะดูไม่ต่อเนื่องกัน
ดูไม่สบายตา และใช้งานยาก รูปแบบตายตัวควรจะใช้กับสไตล์ สี ฉากหลัง รูปหน้า รูปแบบกราฟิก และตัวหนังสือ
.
ท่านควรจะใช้ฉากหลังที่มีสีและรูปแบบเดียวกันตลอดทั้งเรื่องจนกว่าท่านจะมีประสบการณ์เพียงพอที่จะใช้ลูกเล่นใน
การใช้รูปแบบที่แตกต่างกัน แต่ท่านอาจจะใช้สีหรือรูปแบบที่แตกต่างกันในเนื้อหาหรือรายละเอียดของการฝึกอบรม
ที่แตกต่างกันได้ แต่ทั้งนี้จะต้องมีความต่อเนื่องกัน เช่น ท่านควรจะเลือกฟอนต์ขนาดเดียวกัน สีเดียวกัน และแบบ
เดียวกันสำหรับเนื้อหา สำหรับหัวข้อหลัก ส่วนช่วยเหลือ หรือส่วนที่ต้องการเน้น ให้ท่านใช้ฟอนต์ที่แตกต่าง ขนาดที่แตก
ต่าง หรือสีที่แตกต่างจากฟอนต์ที่ใช้ในเนื้อหา แต่อย่าลืมยึดหลักความเป็นอันหนึ่งอันเดียวกันของรูปแบบ

หากรูปแบบหรือการวางปุ่มต่าง ๆ เป็นแบบเดียวกันหมดตลอดทั้งชุดการฝึกอบรม ผู้ใช้ก็จะเกิดความคุ้นเคยกับ
ชุดการฝึกอบรมอย่างรวดเร็ว การทำรูปแบบที่เหมือนกันนี้สามารถนำไปใช้กับการควบคุมภาพและเสียง

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

• ให้ยึดอยู่กับสีหรือรูปแบบของฉากหลังในแบบเดียวไปตลอด
• ใช้ฟอนต์แบบเดียวกัน ขนาดเดียวกัน และสีเดียวกันไปตลอด
• การวางปุ่มและรูปแบบของปุ่มควรจะมีความเหมือนกันไปตลอด
• ใช้กราฟิกแบบเดียวกันในสิ่งที่เป็นเรื่องราวเดียวกัน

ผู้ใช้ควรจะสามารถมองเห็นได้อย่างชัดเจนว่าวัตถุใดเกี่ยวข้องกับวัตถุใดบนหน้าจอซึ่งทำได้ง่ายโดยการจัดระยะห่างวัตถุ
ที่อยู่ใกล้กันเช่นวัตถุที่อยู่ในแนวเดียวกันถือว่ามีความสัมพันธ์กัน ช่องห่างที่กว้างเกินไประหว่างย่อหน้าและหัวข้อ
หรือระหว่างภาพกราฟิกและภาพถ่ายจริง และการวางหัวข้อที่ไม่ได้สัดส่วนถือว่าเป็นการสื่อสารที่ไม่ดี

• จัดวัตถุที่มีความเกี่ยวข้องกันให้อยู่ใกล้กัน
• หลีกเลี่ยงการจัดระยะห่างที่กว้างมากเกินไประหว่างหัวข้อและเนื้อเรื่อง
• อย่าให้ผู้ใช้ต้องเดาเอาเองว่าหัวข้อใดเป็นหัวข้อของเนื้อเรื่องหรือภาพใด

ตัวหนังสือ & ฟอนต์

การอธิบายเกี่ยวกับฟอนต์ที่ควรจะใช้นั้นสามารถเขียนออกมาเป็นหนังสือได้ทั้งเล่ม แต่ตรงนี้เราจะให้ข้อมูลพื้นฐานแก่ท่าน
การเข้าใจถึงความสำคัญของการเลือกฟอนต์ที่เหมาะสมจะช่วยให้ท่านหลีกเลี่ยงปัญหาใหญ่ที่อาจจะเกิดขึ้น
และยังทำให้ชุดการฝึกอบรมของท่านดูน่าเชื่อถือ และมีข้อมูลที่อ่านง่ายและเข้าใจง่าย

ฟอนต์สามารถแบ่งออกได้เป็นประเภท โดยปกติแล้วเราจะใช้ฟอนต์แบบเดียวสำหรับเนื้อหาหลักและใช้ฟอนต์แบบอื่นโดยใส่
Contrast หรือสีต่างเมื่อต้องการทำหัวข้อหรือส่วนช่วยเหลือ ฟอนต์บางแบบอ่านง่ายกว่าฟอนต์แบบอื่น
เนื่องจากความตั้งใจของเราในการฝึกอบรมคือการให้ผู้เรียนได้รับข้อมูลมากที่สุด เราจึงจะต้องทำให้ข้อมูลอ่านง่าย
ฟอนต์ที่ดีสำหรับใช้เป็นแม่พิมพ์คือตัวหนังสือที่มี Serif หรือเส้นเล็กๆ ที่เน้นให้ตัวหนังสือมีความคมชัดขึ้น
-- เมื่อท่านเลือกฟอนต์แบบหนึ่งแบบใดแล้วก็ให้ใช้แบบนั้นไปตลอด

เนื้อหาที่ปรากฏบนหน้าจอโดยปกติแล้วไม่ควรจะมีขนาดเกิน 14 point และไม่เล็กไปกว่า 10 point ฟอนต์ขนาด 9 point
ใช้สำหรับหนังสือพิมพ์ แต่ทั้งนี้ก็ต้องขึ้นอยู่กับแบบของฟอนต์ด้วย ฟอนต์แบบ Slab serifs เหมาะสำหรับใช้เป็นหัวข้อ
ส่วนฟอนต์แบบ Script และ Decorative ควรจะใช้กับหน้าบทนำ พยายามอย่าใช้ฟอนต์แบบ Script
และ Decorative บ่อย แต่เมื่อต้องใช้ให้ใช้เมื่อต้องการทำ effect และควรจะเพิ่มขนาดให้ใหญ่

ท่านไม่ควรนำฟอนต์ที่มีลักษณะคล้าย ๆ กันมาใช้ร่วมกัน - หากจะใช้ก็ควรเลือกที่เหมือนกันหรือแตกต่างกันไปเลย
ตัวอย่างเช่น อย่าใช้ Garamond เป็นหัวข้อ และใช้ Times เป็นเนื้อเรื่อง เพราะทั้งสองฟอนต์นี้เป็นฟอนต์แบบ Serif
เหมือนกันและมีลักษณะคล้ายกันแต่ไม่เหมือนกัน ท่านสามารถใช้ทั้งฟอนต์ Times และ Garamond เป็นหัวเรื่องและ
เนื้อเรื่อง (แต่ทำหัวเรื่องให้ใหญ่ขึ้นหรือทำเป็นตัวหนา) หรืออาจจะใช้ฟอนต์ Times เป็นเนื้อเรื่อง และใช้ฟอนต์แบบ
San Serif เช่น Arial เป็นหัวเรื่อง ท่านต้องเลือกใช้ฟอนต์อย่างระมัดระวังและอย่าลืมกฎในการวางฟอนต์และการจัด
ระยะห่าง

ตัวอย่างประเภทของฟอนต์:


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

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

ชุดการฝึกอบรมของท่านจะมองดูเป็นอย่างไรก็ขึ้นอยู่กับการออกแบบของท่าน ชุดการสำรวจหนึ่งอาจจะใช้แผนที่หรือ
ห้องในบ้าน ซึ่งแต่ละส่วนก็จะแตกต่างกันไปตามแบบของมัน ชุดการฝึกอบรมหลาย ๆ ชุดมีการออกแบบอย่างเป็น
ทางการโดยใช้โครงสร้าง Navigation ที่แน่นอนตายตัว ชุดการฝึกอบรมแบบนี้มีข้อดีตรงที่ใช้สีเดียวกันในการทำ
"Invisible links" ระหว่างหน้าแต่ละหน้า (ดูในส่วนของการใช้รูปแบบตายตัว) หากท่านคิดว่าการเลือกสีทำได้ยาก ก็
ให้ท่านลองดูตัวอย่างจากที่อื่น ๆ ที่ท่านเห็นแล้วชอบและให้ลองทำคล้าย ๆ กันดู โดยปกติแล้วท่านควรจะใช้สีอ่อน
เป็นพื้นหลังและจัดฟอนต์ให้มีสีแสงเงาที่เห็นได้เด่นชัดจากสีพื้น พื้นหลังสีดำกับตัวหนังสือสีอ่อนมักจะนำไปใช้กับ
งานมัลติมีเดียและงานโฆษณาทำเว็บไซต์ แต่อาจจะไม่เหมาะกับชุดการฝึกอบรมที่ต้องการให้มองเห็นข้อมูล
เด่นชัดกว่าภาพ Effect

สี ภาพกราฟิก ฟอนต์ และ Layout เมื่อนำมารวมกันแล้วสามารถสร้างอารมณ์และบรรยากาศแบบใดแบบหนึ่ง ตัว
อย่างเช่น เมื่อผลิตชุดการฝึกอบรมที่เกี่ยวข้องกับยา อาจจะใช้รูปแบบคลีนิคที่เป็นทางการและใช้พื้นหลังเป็นสีขาว
และมีการจัดวางสัดส่วนอย่างดีพร้อมกับใช้ฟอนต์ Classic sans serif เป็นหัวข้อ ทั้งนี้การออกแบบในแต่ละรูปแบบ
ก็ต้องขึ้นอยู่กับเนื้อหาที่จะนำเสนอเกี่ยวกับตัวยาด้วย ตัวอย่างเช่น เมื่อนำเสนอเกี่ยวกับประวัติของยาก็อาจจะใช้
รูปหินอ่อนแตกเป็นพื้นหลังและใช้ฟอนต์แบบ Script เป็นหัวเรื่อง

Human Computer Interaction

ในขณะที่ผู้ออกแบบกราฟิกพยายามออกแบบอย่างสร้างสรรค์ ฝ่ายผลิตเนื้อหาการฝึกอบรม และผู้ฝึกอบรมก็ยืนยันที่
จะต้องนำเสนอเนื้อหาการฝึกอบรมให้ได้ประโยชน์มากที่สุด ดังนั้นทั้งสองฝ่ายควรจะทำงานร่วมกันเพื่อให้ได้ชุดการ
ฝึกอบรมที่มีความสมบูรณ์มากที่สุด ซึ่งทำได้โดยแต่ละฝ่ายจะต้องยอมรับทักษะของกันและกัน

• ให้มีคนตรวจสอบตัวสะกดและไวยากรณ์อยู่เสมอในชุดการฝึกอบรมของท่าน แต่อย่างไรก็ตามปัญหาเล็ก ๆ น้อย ๆ ก็
  มักจะเล็ดลอดสายตาไปบ้าง (ท่านอาจจะพบบ้างในเว็บไซต์นี้) แต่หากมีการสะกดคำผิดมาก ๆ ก็จะทำให้ชุดการ
  ฝึกอบรมของท่านดูไม่น่าเชื่อถือ ผู้ตรวจสอบตัวสะกดและไวยากรณ์มีประโยชน์มาก แต่อย่าไว้ใจเขาร้อยเปอร์เซ็น
  เพราะเขาก็อาจมีผิดพลาดได้เช่นกัน ผู้ตรวจสอบบางคนมองไม่เห็นความผิดพลาดของข้อความนี้ "มีต้นไม้ใหญ่ขึ้นอยู่
  ใกล้บ้านที่พมพักอยู่"
  
• อย่ากังวลที่จะลบภาพ กรอบ หรือส่วนต่าง ๆ ที่ไม่จำเป็นออก และอย่าใส่ภาพกราฟิกเคลื่อนไหวที่ไม่จำเป็นเพื่อ
  แสดงความสามารถ ท่านไม่ควรจะใส่สิ่งใดก็ตามที่ไม่จำเป็นหรือไม่เกี่ยวข้องกับเนื้อหาที่แสดงอยู่
  
• เมื่อออกแบบชุดการฝึกอบรมอย่าใช้ตัวหนังสืออธิบายให้มากเกินไป
• สำหรับภาษาอังกฤษ อย่าเคาะช่องห่างสองครั้งหลังจากใส่จุดจบประโยค
• ข้อความในแต่ละย่อหน้าอย่าให้ยาวเกินไป