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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: มาทำความรู้จักกับ Web Responsive Design

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

by M033 » 26/01/2016 1:57 pm

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

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

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

Top