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