Responsive Web Design: What It Is and How To Use It?
Almost every new client these days wants a mobile version of their website. It’s practically essential after all: one design for the BlackBerry, another for the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be compatible, too. In the next five years, we’ll likely need to design for a number of additional inventions. When will the madness stop? It won’t, of course.
In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option?
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS
media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.
The Concept Of Responsive Web Design
Ethan Marcotte wrote an introductory article about the approach, “Responsive Web Design,” for A List Apart. It stems from the notion of responsive architectural design, whereby a room or space automatically adjusts to the number and flow of people within it:
“Recently, an emergent discipline called “responsive architecture” has begun asking how physical spaces can respond to the presence of people passing through them. Through a combination of embedded robotics and tensile materials, architects are experimenting with art installations and wall structures that bend, flex, and expand as crowds approach them. Motion sensors can be paired with climate control systems to adjust a room’s temperature and ambient lighting as it fills with people. Companies have already produced “smart glass technology” that can automatically become opaque when a room’s occupants reach a certain density threshold, giving them an additional layer of privacy.”
การออกแบบเว็บตอบสนอง : มันคืออะไรและวิธีการที่จะใช้มัน
เกือบทุกลูกค้าใหม่วันเหล่านี้ต้องการรุ่นมือถือของเว็บไซต์ของพวกเขา มันก็จริงที่จำเป็นหลังจากทั้งหมด : หนึ่งในการออกแบบสำหรับ BlackBerry อื่น สำหรับ iPhone , iPad , netbook , Kindle และความละเอียดหน้าจอทั้งหมดต้องเข้ากันได้ด้วย ในห้าปีถัดไป , เราอาจจะต้องออกแบบสำหรับจำนวนของสิ่งประดิษฐ์เพิ่มเติมเมื่อไหร่จะเลิกบ้า ? ไม่ แน่นอน
ในส่วนของการออกแบบเว็บและการพัฒนา เรารีบเข้าประเด็นของการไม่สามารถให้ทันกับเจ็ดชั่วโคตรมติใหม่และอุปกรณ์ สำหรับหลายเว็บไซต์สร้างเว็บไซต์รุ่นของแต่ละความละเอียดและอุปกรณ์ใหม่ที่เป็นไปไม่ได้หรืออย่างน้อยก็ใช้งานไม่ได้เราควรจะประสบผลของการสูญเสียผู้เข้าชมจากอุปกรณ์หนึ่ง เพื่อประโยชน์ของการดึงดูดผู้เข้าชมจากที่อื่น ? หรือมีตัวเลือกอื่นไหม
ตอบสนองต่อการออกแบบเว็บเป็นวิธีการที่แสดงให้เห็นว่าการออกแบบและการพัฒนาควรตอบสนองต่อพฤติกรรมของผู้ใช้และสภาพแวดล้อมขึ้นอยู่กับขนาดหน้าจอ แพลตฟอร์ม และปฐมนิเทศการปฏิบัติประกอบด้วยการผสมของกริดยืดหยุ่นและรูปแบบ , ภาพและการใช้ฉลาดของแบบสอบถามสื่อ CSS
เป็นผู้ใช้สวิทช์จากแล็ปท็อปของพวกเขาเพื่อ iPad , เว็บไซต์ควรโดยอัตโนมัติสลับเพื่อรองรับความละเอียดขนาดภาพและความสามารถในการเขียนสคริปต์ . ในคำอื่น ๆเว็บไซต์ควรมีเทคโนโลยีโดยอัตโนมัติเพื่อตอบสนองต่อความต้องการของผู้ใช้นี้จะขจัดความต้องการสำหรับการออกแบบที่แตกต่างกันและการพัฒนาสำหรับแต่ละโปรแกรมเบ็ดเตล็ดใหม่ในตลาด
แนวคิดของการออกแบบเว็บตอบสนองอีธานมาร์ค็อตเขียนเกริ่นบทความเกี่ยวกับแนวทางการออกแบบเว็บ " ตอบสนอง " สำหรับรายการที่แยกจากกัน มันมาจากความคิดของการออกแบบสถาปัตยกรรมที่ตอบสนอง ,โดยห้องหรือพื้นที่ปรับโดยอัตโนมัติไปยังหมายเลขและการไหลของผู้คนภายใน :
" เมื่อเร็ว ๆนี้ , emergent วินัย เรียกว่า " สถาปัตยกรรม " ตอบสนองได้เริ่มถามว่าเป็นทางกายภาพสามารถตอบสนองต่อการแสดงตนของคนผ่านพวกเขา ผ่านการรวมกันของวัสดุฝัง หุ่นยนต์ และ ดึงสถาปนิกมีการทดสอบกับการติดตั้งศิลปะผนังและโครงสร้างที่โค้งงอ , โค้ง , และขยายเป็นฝูงชนเข้าหาพวกเขา เซ็นเซอร์การเคลื่อนไหวสามารถจับคู่กับระบบการควบคุมสภาพภูมิอากาศเพื่อปรับอุณหภูมิของห้อง และแสงมันเติมด้วยคนบริษัทได้ผลิต " สมาร์ทแก้วเทคโนโลยี " ที่สามารถกลายเป็นสีขาวขุ่น เมื่อห้องของผู้เข้าถึงเกณฑ์ความหนาแน่นบางอย่างให้เพิ่มเติมชั้นของความเป็นส่วนตัว "
.
การแปล กรุณารอสักครู่..
