ความคมชัดเป็นหนึ่งใน หลักการออกแบบ ความคมชัดเกิดขึ้นเมื่อสององค์ประกอบต่างกัน ยิ่งความแตกต่างยิ่งมากเท่าไร กุญแจสำคัญในการทำงานร่วมกับความคมชัดคือการทำให้แน่ใจว่าความแตกต่างนั้นชัดเจน สี่วิธีการทั่วไปในการสร้างความเปรียบต่างคือการใช้ความแตกต่างในขนาดค่าสีและประเภท
ความคมชัดเพิ่มความสนใจให้กับหน้าเว็บและให้ความสำคัญในการเน้นสิ่งที่สำคัญหรือนำทางผู้อ่าน ในหน้าเว็บที่ไม่มีความคมชัดผู้อ่านไม่รู้ว่าจะดูที่ไหนดีก่อนหรือสิ่งที่สำคัญ ความคมชัดทำให้หน้าน่าสนใจมากขึ้นเพื่อให้ผู้อ่านสนใจที่จะใส่ใจกับสิ่งที่อยู่ในหน้าเว็บมากขึ้น ความคมชัดช่วยในการอ่านง่ายโดยการทำให้ส่วนหัวและหัวเรื่องย่อยโดดเด่น ความคมชัดแสดงให้เห็นว่ามีอะไรที่สำคัญโดยการทำให้องค์ประกอบที่เล็กกว่าหรือน้ำหนักเบาถอยลงบนหน้าเพื่อให้องค์ประกอบอื่น ๆ สามารถใช้งานได้ตรงกลาง
อย่างไรก็ตามความคมชัดอาจเกิน เลือกอย่างระมัดระวัง หากทุกสิ่งทุกอย่างแตกต่างอย่างมากกับทุกสิ่งทุกอย่างที่คุณจะจบลงด้วยองค์ประกอบที่แข่งขันกันและอีกครั้งหนึ่งผู้อ่านจะไม่ทราบว่าควรดูที่ไหนก่อน
ขนาด
องค์ประกอบขนาดใหญ่และขนาดเล็กชนิดเดียวกันเช่นภาพขนาดใหญ่และขนาดเล็กและประเภทขนาดใหญ่และขนาดเล็กคือการใช้ขนาดที่ชัดเจนที่สุดในการสร้างความคมชัด การเปรียบเทียบ พื้นที่สีขาว หรือขนาดทางกายภาพของชิ้นงานที่มีองค์ประกอบอื่นในการออกแบบเป็นอีกวิธีหนึ่ง
ความคุ้มค่า
ความสว่างสัมพัทธ์หรือความมืดขององค์ประกอบสองส่วนต่อกันสามารถสร้างความแตกต่างของค่าได้ ไม่ว่าจะด้วยเฉดสีเทาหรือเฉดสีและเฉดสีเดียวยิ่งกว่าค่าที่ให้ความคมชัดมากขึ้น
สี
ใช้สีที่กลมกลืนกัน และตรงข้าม เพื่อสร้างความคมชัด ระมัดระวังกับค่าของสีเช่นกัน ตัวอย่างเช่น สีที่กลมกลืนกัน (อยู่ติดกันกับวงล้อสี) อาจปรากฏออกมาหากไม่มีความแตกต่างในแต่ละสี
ชนิด
ประเภทคอนทราสต์สามารถใช้ขนาดค่าและสีเพื่อสร้าง การรักษาด้วยการพิมพ์ที่ แตกต่างกัน
- เพิ่ม ตัวหนา หรือ ตัวเอียง เพื่อสร้างความคมชัด
- ผสมขนาดใหญ่ที่มีขนาดเล็ก
- รวม serif กับ sans serif type เพื่อสร้างความคมชัดของประเภท
- ตั้งส่วนของข้อความในสีที่ตัดกันหรือค่าที่แตกต่างกัน
- การเปลี่ยนแปลงในการจัดตำแหน่งประเภทสร้างความคมชัดเช่นเดียวกับการเว้นวรรคระหว่างประเภทเช่นการจัดวางพาดหัวมากเกินไป
องค์ประกอบที่แตกต่างกันอย่างเห็นได้ชัด
วิธีการอื่น ๆ ในการสร้างความเปรียบต่าง ได้แก่ การใช้พื้นผิวรูปร่างการจัดแนวทิศทางการเคลื่อนที่ โปรดจำไว้ว่ากุญแจสำคัญคือการใช้ความแตกต่างอย่างมาก การเปลี่ยนแปลงขนาดตัวอักษรที่เห็นได้ชัดแทบจะไม่เด่นชัดและสีที่ใกล้ชิดมากเกินไปดูเหมือนผิดพลาดมากกว่าความพยายามที่จะให้ ความสำคัญ หรือความสนใจ
บางวิธีในการใช้องค์ประกอบตัดกัน:
- เพิ่มความสนใจด้วยภาพให้กับรูปแบบของคอลัมน์ผอมสูงของข้อความโดยใช้รูปถ่ายที่กว้างหรือไม่สม่ำเสมอ
- ชุดของภาพนิ่งที่มีภาพเดียวที่แสดงการเคลื่อนไหวจะดึงดูดสายตาไปยังภาพที่ตัดกัน
- จัดเรียงข้อความไปทางซ้าย แต่กำหนดหัวเรื่องย่อยไว้ด้านขวาในคอลัมน์ที่อยู่ติดกัน
- โดยปกติแล้วเค้าโครงอาจใช้องค์ประกอบที่ตรงกันข้าม 2 ชิ้นขึ้นไป