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