Page 1 of 1

มาทำความรู้จักกับ Web Responsive Design

Posted: 26/01/2016 1:57 pm
by M033
Responsive Design คือ แนวคิดการออกแบบเว็บไซด์ที่เรียกว่า One Size Fit All โดยขนาดของหน้าจอแสดงผลบนเว็บไซด์จะปรับขนาดและ Layout
ให้เหมาะสมตามขนาดหน้าจอโดยอัตโนมัติ ไม่ว่าจะเป็นหน้าจอคอมพิวเตอร์ โน๊ตบุ๊ค สมาร์ทโฟน หรือ แท็บเล็ต

ประโยชน์ของการออกแบบ Web Responsive
-รูปแบบเว็บไซด์การแสดงผลตามหน้าจอออกมาดูดีสวยงาม
-ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย
-ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์
-ช่วยในเรื่องของการทำ SEO (Search Engine Optimization)

  • Ressss.jpg
    Ressss.jpg (32.05 KiB) Viewed 629 times
  • เว็บไซด์ที่ออกแบบโดยใช้ Responsive Design (ซ้าย)กับเว็บไซด์ที่ออกแบบปรกติ(ขวา)
แต่สำหรับเว็บไซต์ที่ไม่ได้รับการออกแบบมาในแบบ Responsive จะมีข้อเสียในเวลาจะดูข้อมูล จะต้องใช้การ Zoom เข้ามาดูทีละส่วน
เพราะว่าไม่มีความสามารถในการปรับรูปแบบให้เหมาะสมตามขนาดของหน้าจอนั่นเอง ซึ่งแตกต่างจากเว็บไซต์ที่ได้รับการออกแบบมาในแบบ
Responsive ซึ่งจะสามารถปรับ ขนาดของรูปภาพ และ Layout ของเว็บ ให้เหมาะสมตามขนาดของหน้าจอ ทำให้ดูข้อมูลได้สะดวกมากยิ่งขึ้นนั่นเอง