เรียนรู้การออกแบบขนาดหน้าขึ้นอยู่กับมติของจอภาพ

ตัดสินใจว่าจะสร้างหน้าเว็บของคุณได้ขนาดไหนตามความละเอียดของจอภาพของลูกค้า

ความละเอียดของเว็บเพจเป็นเรื่องใหญ่ เว็บไซต์หลายแห่งที่สอน การออกแบบเว็บ ได้เขียนขึ้นเกี่ยวกับเรื่องนี้และขึ้นอยู่กับว่าคุณต้องการใครบ้างคุณควรออกแบบหน้าเว็บให้เป็นตัวหารร่วมที่ต่ำสุด (640x480) ความละเอียดที่พบมากที่สุด (800x600) หรือสุดยอดการตัดขอบ (1280x1024 หรือ 1024x768) แต่ความจริงก็คือคุณควรออกแบบเว็บไซต์ของคุณสำหรับลูกค้าที่เข้ามา

ข้อเท็จจริงเกี่ยวกับความละเอียดหน้าจอ

• 640x480 ยังไม่ตาย
  • แม้ว่าความละเอียด 640x480 จะไม่เป็นที่แพร่หลายเท่าที่เคยเป็นมา แต่ ความละเอียด นี้ยังคงอยู่ คอมพิวเตอร์เครื่องเก่าแล็ปท็อปที่มีหน้าจอขนาดเล็กเน็ตบุ๊คและผู้ที่ต้องการใช้แบบอักษรขนาดใหญ่ทั้งหมดนี้ใช้ความละเอียดนี้ แม้ว่าคุณจะเลือกที่จะไม่ออกแบบหน้าเว็บเพื่อใช้ความละเอียดนี้คุณควรทดสอบไซต์ด้วยความละเอียดนี้
• 800x600 เป็นเรื่องธรรมดามาก
  • คำแนะนำการออกแบบเว็บไซต์จำนวนมากแนะนำให้ออกแบบเว็บไซต์สำหรับความละเอียด 800x600 แม้ว่าความละเอียดนี้จะมีอยู่ทั่วไปในเว็บโดยทั่วไป แต่นี่อาจไม่ใช่กรณีสำหรับลูกค้าของคุณ หากคุณวางแผนที่จะออกแบบเว็บไซต์ของคุณใหม่อีกครั้งให้ใช้เวลาสองสามสัปดาห์ในการวิเคราะห์สถิติเบราว์เซอร์ของคุณเพื่อพิจารณาความละเอียดที่ใช้โดยลูกค้า ของคุณ
• 1024x768 เป็นแบบทั่วไปมากขึ้น
  • หน้าจอมีขนาดใหญ่ขึ้นและ 1024x768 เป็นขนาดยอดนิยมอื่น ๆ ที่ออกแบบมาเนื่องจากนักออกแบบหลายคนมีจอภาพที่สนับสนุน natively นี้ แต่ความละเอียดนี้อาจค่อนข้างอ่านยากสำหรับคนจำนวนมาก จอภาพแล็ปท็อปขนาด 14 นิ้วอาจสนับสนุน 1024x768 แต่ข้อความไม่สามารถอ่านได้ และแล็ปท็อปเป็นที่นิยมอย่างมาก

• 1280x1024 และใหญ่กว่ามีน้อย
  • ส่วนใหญ่คุณจะเห็นความละเอียดขนาดใหญ่เหล่านี้บนคอมพิวเตอร์เดสก์ท็อปหรือแล็ปท็อประดับไฮเอนด์ แต่บ่อยครั้งที่มีขนาดใหญ่กว่านี้ลูกค้าจะไม่เรียกดูแบบเต็มหน้าจอ ดังนั้นการออกแบบไซต์ที่กว้างกว่า 1000 พิกเซลจะทำให้แถบเลื่อนแนวนอนปรากฏบนหน้าจอส่วนใหญ่

เก็บคำอธิบายความละเอียดเหล่านี้ไว้ในใจ

• ทุกคนไม่เพิ่มเบราเซอร์ของตนมากที่สุด
  • หากคุณระบุว่าลูกค้าของคุณเรียกดูที่ 1024x768 คุณอาจกำลังสร้างหน้าเว็บที่ต้องเลื่อนแนวนอน ทำไม? เนื่องจากขณะที่กำลังเรียกดูที่ความละเอียดพวกเขาไม่ได้เพิ่มหน้าต่างเบราว์เซอร์ของพวกเขาดังนั้น 800x600 อาจพอดีกับหน้าต่างเบราเซอร์ของพวกเขาได้ดีขึ้น
• อย่าลืมเบราเซอร์โครเมี่ยม (ไม่ใช่เบราว์เซอร์ Google Chrome)
  • เบราว์เซอร์จะลบ 50 พิกเซลทางด้านขวาและซ้ายและ 200 พิกเซลที่ด้านบนและด้านล่างเพื่อใช้กับสิ่งต่างๆเช่นแถบเลื่อนแถบเครื่องมือและคอนเทนเนอร์ของหน้าต่าง นี้เรียกว่าโครเมี่ยมเบราว์เซอร์ ดังนั้นหากคุณสร้างตารางที่กว้าง 800 พิกเซลลูกค้าที่มีเบราว์เซอร์ที่มีขนาดใหญ่ที่สุดบนหน้าจอความละเอียด 800x600 จะต้องเลื่อนตามแนวนอน

วิธีการจัดการขนาดหน้าจอขึ้นอยู่กับความละเอียด

1. กำหนดผู้ที่ดูไซต์ของคุณ
   1. ตรวจสอบไฟล์บันทึกของเว็บหรือโพลหรือสคริปต์เพื่อกำหนดความละเอียดที่ผู้อ่านของคุณใช้จริง ใช้สคริปต์ขนาดเบราว์เซอร์ในโลกแห่งความจริงเพื่อติดตามผู้อ่านของคุณ
2. จัดเตรียมการออกแบบใหม่ให้กับลูกค้าของคุณ
   1. เมื่อคุณออกแบบเว็บไซต์ของคุณใหม่ให้สร้างตามข้อเท็จจริงของเว็บไซต์ของคุณ อย่าใช้ข้อมูลสถิติของ "เว็บ" หรือไซต์อื่น ๆ พูด หากคุณสร้างเว็บไซต์ที่เหมาะกับความละเอียดที่ลูกค้าใช้คุณจะทำให้พวกเขามีความสุขมากขึ้น
3. ทดสอบไซต์ของคุณด้วยความละเอียดหลายประการ
   1. เปลี่ยนขนาดหน้าจอของคุณเอง (เปลี่ยนความละเอียดหน้าจอของ Windows หรือเปลี่ยนความละเอียดหน้าจอของ Macintosh) หรือใช้เครื่องมือทดสอบ
4. อย่าคาดหวังให้ลูกค้าเปลี่ยน
   1. พวกเขาจะไม่ และการวางข้อ จำกัด ในพวกเขาเพียงแค่สนับสนุนให้พวกเขาออกไป