ช่วงนี้กระแส Mobile Phone มาแรงครับ ก็เลยจัดอีกซักบทความที่เกี่ยวกับ Mobile เต็มที่ แบบจัดเต็มทุก อนูขุนขน ฮ่าๆ เอาละ เข้าเรื่องเลยนะครับ ตามหัวข้อบทความนี้ "ตัวอย่าง รูปแบบการวาง Layout สำหรับ Mobile" ผมจะมานำเสนอ การวาง Layout Web ที่เขาใช้กันโดยทั่วไปๆ ครับ
เผื่อๆ ใครๆ ที่คิดไม่ออกว่าจะออกแบบอย่างไร ให้รับบน Mobile Phone แล้วสวย สมดุลกับหน้าจอที่หลากหลาย ของโทรศัทพ์ในปัจจุบันที่ออกมา เกลื่อนกลานเต็มไปหมด !
รูปด้านบนเป็นการวาง Layout สำหรับ Mobile ขนาดหน้าจอต่างๆ ครับ โดยสามารถยืดหยุนได้ตามขนาดของ หน้าจอ “320px,” “480px,” “768px,” ครับ
เป็นการออกแบบ ให้ Layout สามารถรองรับได้ ทุกระบบ ไม่ใช่แค่แสดงผลบน Smartphone เท่านั้น แต่ออกแบบให้รองรับการใช้งาน บน Desktop ไปในตัวด้วยครับ
ตัวอย่างการวาง Layout สำหรับ Mobile Phone
0 comments:
Post a Comment