รูปแบบของการจัด...

13
รูปแบบของการจัด Layout

Transcript of รูปแบบของการจัด...

Page 1: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

รูปแบบของการจัด Layout

Page 2: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

1. รูปแบบแถบ (BAND LAYOUT)เป็นการวางองค์ประกอบอันได้แก่รูปภาพ และข้อความในลักษณะเป็นแถบตามแนวตั้งชิดขอบภาพด้านในด้านหนึ่ง การวางเลย์เอาทล์ักษณะนี้จะเกิดบริเวณพื้นที่ว่างและเน้นให้มีความสะดุดตาน่าสนใจ

Page 3: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

2. รูปแบบแกน (AXIAL LAY OUT)องค์ประกอบภาพจะมีลักษณะเป็นแกนตรงกลางในแนวตั้งโดยอาจมีแกนแนววางประกอบอยู่ด้วยได้บ้างเล็กน้อย

Page 4: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

3.รูปแบบตัวที (T SHAPE LAY OUT)เป็นการวางองค์ประกอบในลักษณะตัวทีของอักษรโรมัน (T) ซึ่งภาพจะมีลักษณะเป็นสมดุล

Page 5: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

4.รูปแบบตัวแอล (L SHAPE LAYOUT)เป็นการวางองค์ประกอบให้มีลักษณะเป็นรูปตัวแอล (L)ซึ่งจะท าให้ลักษณะภาพไม่เท่ากันจนเกินไปและเกิดความน่าสนใจให้แก่ผู้ดู

Page 6: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

5. รูปแบบตัว แซด (Z SHAPE LAYOUT) และเอส (S SHAPE LAYOUT) เป็นการจัดให้เส้นแกนหลักมีรูปคล้ายตัวแซด (Z หรือตัว S) ซึ่งจะท าให้ดูมีความเคลื่อนไหวน่าสนใจ

Page 7: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

6. รูปแบบตารางหรือแบบมอนเครียน (MONDRIAN LAYOUT) เป็นการวางองค์ประกอบในลักษณะตารางย่อย ๆ โดยมีขนาดที่แตกต่างกันในภาพ

Page 8: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

7. รูปแบบหน้าต่าง(PICTURE WINDOW LAYOUT)เป็นการจัดวางรูปภาพให้อยูใ่นกรอบช่องสี่เหลี่ยมคล้ายช่องหน้าต่าง

Page 9: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

8.รูปแบบกรอบภาพ (FRAME LAYOUT)เป็นการสร้างกรอบภาพล้อมรูปภาพและข้อความภายในเพื่อบีบสายตาผู้ดูให้พุ่งเข้าไปที่กรอบภาพนั้น

Page 10: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

9.รูปแบบจุด (SPOT LAYOUT)เป็นการวางรูปภาพให้มีลักษณะเป็นจุดลอยกลางพื้นภาพและใช้ข้อความจ านวนน้อยมากเพื่อให้ภาพแลดูเด่นชัด

Page 11: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

10. รูปแบบเน้นรายละเอียดของข้อความมากกว่ารูปภาพ(COPY HEAVYLAYOUT)เป็นการวางองค์ประกอบโดยเน้นข้อความมากกวา่รูปภาพ

Page 12: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

11. รูปแบบเน้นตัวอักษร (TYPE LAYOUT) เป็นการน าตัวอักษรที่มีลักษณะและขนาดต่างกันมาจัดวางอย่างเหมาะสมตามหลักองค์ประกอบศิลป์

Page 13: รูปแบบของการจัด Layout110.164.192.10/6150/images/metting/layout.pdf · (copy heavylayout) เป็นการวางองค์ประกอบโดยเน้นข้อความมากกว่ารูปภาพ

ที่มาhttp://design-prt1330.exteen.com/20080725/layouthttps://kruorawan.files.wordpress.com/2016/01/e0b8abe0b899e0b8b1e0b887e0b8aae0b8b7e0b8ade0b980e0b8a3e0b8b5e0b8a2e0b899e0b881e0b8b2e0b8a3e0b983e0b88ae0b989e0b887e0b8b2e0b899e0b9828.pdfhttp://etcserv.pnru.ac.th/pcc/AJnat/Layout.html