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