การใช้กริด กับการออกแบบเว็บ

Posted: May 28, 2010 in Articles
Tags: , , , , , , , , ,

ลองแปลมาคร่าวๆๆนะครับน่าจะมีประโยชน์บ้างนะครับ การใช้กริด กับการออกแบบเว็บ ข้อดีของการใช้ Grid ผู้ใช้เว็บสามารถ ทำการค้นหา อ่านและเข้าใจ เว็บเพจได้อย่างรวดเร็ว ดูสะอาดตาและเรียบร้อย ใช้ ระบบการวางกริด สำหรับ การจัดวางหรือ การจัดรูปแบบ ของการออกแบบเว็บเพจ

ใช้กริดอย่างไร
การใช้กริดเป็นเทคยอคของการออกแบบสิ่งพิมพ์ และก็สามารถใช้กับเว็บได้ โดยการวางบนแกน x และy  สามารถวางได้ทั่งตั่งและนอน
การใช้ระบบการวางกริด ดูแล้วน่าจะโอเคทั่งสองอย่าง

1  เราอาจจะสร้าง ช่อง ขนาด 20×20 พิกเซล มา ลองดู ที่ตัวอ่างของ ออดี้ ด้านบนนะ มีการวางกินแบบตารางทั่งหน้า ในแบบตั่งและนอน
2 ดูตัวอย่างของ abn นะครับจะเป็นตัวอย่า การางกริดแบบ คอลัมท์ และ ขอบ margin  ในงานพริ้น หรือสิ้งพืมจะเรียกว่า คอลัมท์

โดยปรกติงานสิ่งพิมพ์ มันมีการใช้งานกริดที่หลากหลาย ทั่ง คิมลัมท์ หรือการวางกริดแบบ ตาราง
การสร้างกริด นั้นสามารถ สร้างและ การนำสายตาได้อย่างดี

ทำไมต้องใช้ กริด
การใช้กริดอาจจะดู เท่ากันหรือ ดูเรียบง่าย การใช้กริด จะสร้างจังหวะของงานและทำให้ง่ายต่อการค้นหาเป็นอย่างมาก งานออกแบบเว็บที่ไม่ได้ใช้กริดในการออกแบบ มันจะทำให้ดู รก และดูไม่เรียบร้อย และ ดูงานไม่ค่อยมืออาชีพ

ดูจากตัวอย่างนี้ จากเว็บ Abn-Amro คุณจะเห้นว่า มีการใช้กริด ที่แตกต่างกัน  การใช้ กริด จะตัวเป็น คอลัมท์ แบ่ง ขอบ margin หรือ พื้นที่ต่างๆๆ ในแนวนอน

จาก
http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout

ใช้กริดอย่างไร
การใช้กริดเป็นเทคยอคของการออกแบบสิ่งพิมพ์ และก็สามารถใช้กับเว็บได้ โดยการวางบนแกน x และy  สามารถวางได้ทั่งตั่งและนอน
การใช้ระบบการวางกริด ดูแล้วน่าจะโอเคทั่งสองอย่าง

1  เราอาจจะสร้าง ช่อง ขนาด 20×20 พิกเซล มา ลองดู ที่ตัวอ่างของ ออดี้ ด้านบนนะ มีการวางกินแบบตารางทั่งหน้า ในแบบตั่งและนอน
2 ดูตัวอย่างของ abn นะครับจะเป็นตัวอย่า การางกริดแบบ คอลัมท์ และ ขอบ margin  ในงานพริ้น หรือสิ้งพืมจะเรียกว่า คอลัมท์

โดยปรกติงานสิ่งพิมพ์ มันมีการใช้งานกริดที่หลากหลาย ทั่ง คิมลัมท์ หรือการวางกริดแบบ ตาราง
การสร้างกริด นั้นสามารถ สร้างและ การนำสายตาได้อย่างดี

ทำไมต้องใช้ กริด
การใช้กริดอาจจะดู เท่ากันหรือ ดูเรียบง่าย การใช้กริด จะสร้างจังหวะของงานและทำให้ง่ายต่อการค้นหาเป็นอย่างมาก งานออกแบบเว็บที่ไม่ได้ใช้กริดในการออกแบบ มันจะทำให้ดู รก และดูไม่เรียบร้อย และ ดูงานไม่ค่อยมืออาชีพใช้กริดอย่างไร
การใช้กริดเป็นเทคยอคของการออกแบบสิ่งพิมพ์ และก็สามารถใช้กับเว็บได้ โดยการวางบนแกน x และy  สามารถวางได้ทั่งตั่งและนอน
การใช้ระบบการวางกริด ดูแล้วน่าจะโอเคทั่งสองอย่าง

1  เราอาจจะสร้าง ช่อง ขนาด 20×20 พิกเซล มา ลองดู ที่ตัวอ่างของ ออดี้ ด้านบนนะ มีการวางกินแบบตารางทั่งหน้า ในแบบตั่งและนอน
2 ดูตัวอย่างของ abn นะครับจะเป็นตัวอย่า การางกริดแบบ คอลัมท์ และ ขอบ margin  ในงานพริ้น หรือสิ้งพืมจะเรียกว่า คอลัมท์

โดยปรกติงานสิ่งพิมพ์ มันมีการใช้งานกริดที่หลากหลาย ทั่ง คิมลัมท์ หรือการวางกริดแบบ ตาราง
การสร้างกริด นั้นสามารถ สร้างและ การนำสายตาได้อย่างดี

ทำไมต้องใช้ กริด
การใช้กริดอาจจะดู เท่ากันหรือ ดูเรียบง่าย การใช้กริด จะสร้างจังหวะของงานและทำให้ง่ายต่อการค้นหาเป็นอย่างมาก งานออกแบบเว็บที่ไม่ได้ใช้กริดในการออกแบบ มันจะทำให้ดู รก และดูไม่เรียบร้อย และ ดูงานไม่ค่อยมืออาชีพ

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s