คำจำกัดความของการออกแบบเว็บที่ตอบสนอง

หลายปีก่อน เมื่อเทคโนโลยีเป็นอย่างที่เป็นอยู่ เราแค่ต้องกังวลว่าสิ่งที่มองเห็นได้ (ภาพ เกม, อินเทอร์เฟซแอปพลิเคชัน, ...) ดูดีบนหน้าจอที่สามารถอยู่ห่างจาก .ประมาณ 14 นิ้ว จอภาพ จาก คอมพิวเตอร์. แต่ วิวัฒนาการ ผ่านพ้นไม่ได้ และขณะนี้เรามีอุปกรณ์และรูปแบบมากมาย

นี่หมายความว่าอินเทอร์เฟซผู้ใช้หรือเนื้อหาอื่น ๆ ไม่ต้องจัดการกับความแตกต่างอีกต่อไป ขนาดภาพ หากไม่มีอุปกรณ์ที่ใช้ต่างกัน และอัตราส่วนภาพต่างกัน สะดุดตา

เว็บซึ่งเป็นความก้าวหน้าที่เกิดขึ้นในยุค 90 และตั้งแต่นั้นมาก็กลายเป็นสิ่งจำเป็น ก็ได้ผ่านการเปลี่ยนแปลงเหล่านี้ในสถานการณ์แพลตฟอร์มซึ่ง สามารถใช้ได้ และหน่วยงานที่จัดการมาตรฐานเว็บต้องเลือกโซลูชันที่ชาญฉลาดเพื่อให้ชีวิตง่ายขึ้นสำหรับนักพัฒนาอินเทอร์เฟซ เว็บ.

หน้าเว็บที่ตอบสนอง (เรียกอีกอย่างว่า ตอบสนองการนำคำภาษาอังกฤษดั้งเดิมมาใช้) เป็นคำที่อินเทอร์เฟซถูกปรับขนาดโดยอัตโนมัติและ องค์ประกอบกราฟิกถูกจัดตำแหน่งใหม่เพื่อให้ดูได้ง่ายในทุกขนาดหน้าจอและอัตราส่วนภาพ ลักษณะที่ปรากฏ

ลองคิดเกี่ยวกับ ความหลากหลาย รูปแบบหน้าจอตั้งแต่สมาร์ทโฟนที่มีหน้าจอ 5” และอัตราส่วน 18:9 ที่สามารถอ่านในแนวตั้งไปยังโทรทัศน์ขนาด 16: 9 40” โดยปล่อยให้คอมพิวเตอร์หรือแท็บเล็ตอยู่ระหว่างนั้น

จนกว่าจะมีขั้นตอนในการทำอินเทอร์เฟซ กราฟ ของหน้าเว็บจะปรับให้เข้ากับหน้าจอที่กำลังดูอยู่โดยอัตโนมัติ "โซลูชัน" ประกอบด้วยการคาดคะเนรูปแบบที่เป็นไปได้ทั้งหมด และให้บริการหน้าต่างๆ ตามความเหมาะสม ปัญหาคือรูปแบบที่ไม่คาดฝันและรูปแบบที่วิวัฒนาการทางเทคโนโลยีจัดให้โดยธรรมชาติ

เครื่องมือเพื่อให้เกิดการออกแบบที่ตอบสนองซึ่งจะปรับให้เข้ากับรูปแบบหน้าจอที่กำลังดูภาพ เว็บไซต์โดยไม่คำนึงถึงรูปแบบและขนาดหน้าจอนี้ถูกกำหนดโดย W3C (World Wide Web กิจการร่วมค้า)

และการนำเทคโนโลยีนี้มาใช้ก็เป็นไปได้ด้วยการแยกเนื้อหาของหน้าออกจากสิ่งที่เป็น การนำเสนอ ของเนื้อหาดังกล่าวและ รูปลักษณ์และความรู้สึก หน้าโดยใช้ไฟล์นิยามสไตล์ CSS

สิ่งเหล่านี้ทำให้คุณสามารถปรับเปลี่ยนรูปลักษณ์ของทั้งเว็บไซต์ (เข้าใจว่าเป็นชุดของหน้า) โดยไม่ต้องแตะ touch รหัส แหล่งที่มาของไฟล์ HTML ทั้งหมด เนื่องจากเป็นคำจำกัดความของรูปแบบและการนำเสนอที่แตกต่างกัน (มีอยู่ใน ไฟล์ CSS) ของเนื้อหา (พบได้ในไฟล์ HTML)

องค์ประกอบของการออกแบบที่ตอบสนองได้ถูกกล่าวถึงและนำมาใช้ในมาตรฐานเว็บโดย W3C ตั้งแต่ปลายทศวรรษแรกของศตวรรษที่ 21

มันมาจาก เปิด ของ iPhone เครื่องแรกในปี 2549 ซึ่งได้มีการปล่อยการแข่งขันเพื่อปรับเว็บไซต์เพื่อให้ สามารถมองเห็นได้อย่างสมบูรณ์แบบทั้งบนเบราว์เซอร์เดสก์ท็อปและหน้าจอขนาดใหญ่ตลอดจนบนอุปกรณ์ต่างๆ โทรศัพท์มือถือ

รูปถ่าย: Alexey Shkitenkov / Bobb Klissourski