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