ออกแบบ,หน้าจอ,

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

·       ความละเอียดของจอภาพปัจจุบันความละเอียดของจอภาพที่นิยมใช้จะมีสองค่าคือ 640x480 pixel และ 800x600 pixel ดังนั้นควรพิจารณาถึงความละเอียดที่จะดีที่สุดเพราะหากออกแบบหน้าจอสำหรับจอภาพ 800x600 pixel แต่นำมาใช้กับจอภาพ 640x480 pixel จะทำให้เนื้อหาตกขอบจอได้แต่ถ้าหากจัดทำด้วยค่า 640x480 pixel หากนำเสนอผ่านจอ 800x600 pixel จะปรากฎพื้นที่ว่างรอบเฟรมเนื้อหาที่นำเสนอ·       การใช้สีเพื่อให้ผู้เรียนสามารถนั่งดูและศึกษาบทเรียนได้ดีควรใช้สีในโทนเย็นหรืออาจจะพิจารณาองค์ประกอบร่วมกันคือสีของพื้น (Background) ควรเป็นสีขาว, สีเทาอ่อนในขณะที่สีข้อความควรเป็นสีในโทนเย็นเช่นสีน้ำเงินเข้ม, สีเขียวเข้มหรือสีที่ตัดกับสีพื้นจะมีการใช้สีโทนร้อนกับข้อความที่ต้องการเน้นเป็นพิเศษเท่านั้นและไม่ควรใช้สีเกิน 4 สีกับเนื้อหาข้อความไม่ควรสลับสีไปมาในแต่ละเฟรม·       รูปแบบของการจัดหน้าจอรูปแบบของการจัดหน้าจอที่สมดุลกันระหว่างเมนู, รายการเลือก, เนื้อหา, ภาพประกอบจะช่วยให้ผู้ใช้สนใจเนื้อหาได้มากโดยมากมักจะแบ่งจอภาพเป็นส่วนๆได้แก่ส่วนแสดงหัวเรื่อง, ส่วนแสดงเนื้อหา, ส่วนแสดงภาพประกอบ, ส่วนควบคุมบทเรียน, ส่วนตรวจสอบเนื้อหา, ส่วนประกอบอื่นๆเช่นนาฬิกาแสดงเวลา, หมายเลขเฟรมลำดับเนื้อหา, คะแนนเป็นต้น·       การนำเสนอเนื้อหาที่เป็นข้อความซึ่งแรกที่ควรคำนึงถึงคือฟอนต์ที่นำมาใช้งานควรเป็นฟอนต์มาตรฐานมีรูปแบบที่ชัดเจนมีการกำหนดขนาดที่เหมาะสมกับกลุ่มเป้าหมายนำเสนอด้วยข้อความนำแบบสั้นๆเพื่อดึงเข้าเนื้อหาจริงหลีกเลี่ยงการนำเสนอแบบจัดกึ่งกลางควรนำเสนอภาพพอประมาณไม่มากหรือน้อยเกินไปจุดเน้นให้ใช้การตีกรอบสีหรือเน้นด้วยสีตัวอักษรด้วยสีโทนร้อน·       รูปแบบการนำเสนอและควบคุมบทเรียนรูปแบบการนำเสนออาจจะใช้แบบรายการเลือกหรือแบบเรียงลำดับเนื้อหาหรืออาจจะใช้การคลิกไปยังส่วนประกอบต่างๆของภาพที่นำเสนอก็ได้ขึ้นอยู่กับเนื้อหาที่นำเสนอนั้นๆ