ตรรกะที่อยู่เบื้องหลังกริดแบบหลวมคืออะไร?


14

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

ป้อนคำอธิบายรูปภาพที่นี่


ป้อนคำอธิบายรูปภาพที่นี่


ป้อนคำอธิบายรูปภาพที่นี่


ป้อนคำอธิบายรูปภาพที่นี่


ป้อนคำอธิบายรูปภาพที่นี่


4
บางทีนี้เอกสารเกี่ยวกับ "การสร้างและทำลายคาดเอว" อาจจะเป็นประโยชน์ ... :)
elegent

2
ไม่ใช่เลย์เอาต์ทั้งหมดตามตารางคณิตศาสตร์ บางครั้งมันเป็นแค่ความสัมพันธ์ทางอวกาศที่บริสุทธิ์ 'ตรรกะ' ที่นี่อาจเป็นอะไรก็ได้ แต่น่าจะเป็นไปตามแนวของ 'การทำให้สมดุลของพื้นที่สีขาว'
DA01

"แนวคิดสาธารณะ 2010" เป็นชุดไพ่อย่างชัดเจนดังนั้นตารางจึงเป็นกรอบการทำงานที่ทำซ้ำได้ของเส้นตกแต่ง
Yorik

คำตอบ:


7

ตัวอย่างแรกดูเหมือนว่าจะมีพื้นฐานมาจากการจัดวางแบบคลาสสิกมากกว่าบนตารางที่แข็ง ดูเหมือนว่าจะขึ้นอยู่กับรุ่น "squished" ของส่วนสีทอง สาเหตุที่ทำให้เกิด "squished" อาจมีมากมาย:

  • ส่วนถูกนำไปใช้กับหน้าขนาดใหญ่ที่ถูกตัดในภายหลัง
  • รูปภาพอาจบิดเบี้ยวเล็กน้อย
  • ผู้ออกแบบกล่าวว่า "อะไรคือสิ่งที่ทำให้เสียหาย" และผลักส่วนให้พอดีกับหน้าของเขา
  • เหตุผลทางบรรณาธิการ

ป้อนคำอธิบายรูปภาพที่นี่

สังเกตุว่ามีการใช้ "สี่เหลี่ยม" ที่สร้างโดยส่วนสีทอง (ซึ่งกลายเป็นรูปสี่เหลี่ยมเพราะฉันต้อง squish) ใช้เป็นหน่วยเพื่อกำหนดความกว้างของคอลัมน์คัดลอกและความสูงและความสูงของภาพถ่าย

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

ป้อนคำอธิบายรูปภาพที่นี่


5

โดยทั่วไปตารางจะใช้ในการทำให้ความคล้ายคลึงกันและความแตกต่างที่เห็นได้ชัดมากขึ้น - และทำให้รู้จักมากขึ้น

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

ที่กล่าวว่าสิ่งที่น่าสนใจเกี่ยวกับกริดคือมันจัดจำหน่ายและปรับองค์ประกอบของมันในขณะเดียวกันก็ช่วยในการจัดเรียงและทำความเข้าใจพวกเขาและความสัมพันธ์ของพวกเขากับแต่ละอื่น ๆ ที่คุณเห็นในภาพประกอบต่อไปนี้ (จากen.wikipedia.org ) .

ภาพประกอบของตารางหลายคอลัมน์จาก en.wikipedia.org

ทิโมธีซามารากล่าวว่า " ทุกตารางมีส่วนพื้นฐานเหมือนกันไม่ว่ามันจะซับซ้อนเพียงใด องค์ประกอบสามารถเป็นได้

  • รวมกันเป็นกลุ่มเหนียว
  • หรือละเว้นจากโครงสร้างทั้งหมด

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

เมื่อดูตัวอย่างของคุณก็สามารถเกิดขึ้นได้ว่าเนื้อหานั้นมีโครงสร้างของตัวเองและตารางเป็นระบบสั่งซื้อและการอธิบายจะใช้งานไม่ได้ บางครั้งก็เป็นไปได้ว่าความต้องการเนื้อหาที่จะไม่สนใจโครงสร้างที่จะสร้างใหม่และทำให้เกิดปฏิกิริยาทางอารมณ์จึงในกลุ่มผู้ชม - เรียกว่าหลวมตาราง ;-)

[1] การสร้างและทำลายตารางโดย Timothy Samaraสำนักพิมพ์ Rockport พฤษภาคม 2005


1

เท่าที่มีการจัดตำแหน่งภาพเหล่านี้หลายภาพดูเหมือนจะถูกจัดตำแหน่งไปที่ขอบของรูปภาพอื่น ๆ อย่างน้อยหนึ่งภาพบางภาพอยู่ตรงกลางในคอลัมน์ทั้งแนวตั้งหรือแนวนอนด้วยภาพที่มีขนาดแตกต่างกัน ฉันคิดว่าเลย์เอาต์ของสิ่งเหล่านี้เกี่ยวข้องกับความสัมพันธ์ระหว่างวัตถุและยอดดุลมากกว่าตารางที่เข้มงวด


2
เฮ้ซาร่าห์! ยินดีต้อนรับสู่ GD.SE! หากคุณมีคำถามใด ๆ เกี่ยวกับวิธีการทำงานของไซต์ให้ดูที่ศูนย์ช่วยเหลือหรืออย่าลังเลที่จะ ping พวกเราคนใดคนหนึ่งในการออกแบบกราฟิกแชทเมื่อชื่อเสียงของคุณถึง 20 ดู ya!
Vicki

ฉันเห็นด้วย: ฉันคิดว่า OP กำลังสันนิษฐานว่า "กริด" ถูกกำหนด ฉันไม่เห็นเว้นแต่คุณจะรวมบรรทัดการตัดแต่งหน้า (เช่น gutter-as-center) ฉันเห็นการจัดเรียงที่กึ่งกลาง (หน้ามือขวา) และอื่น ๆ ที่อยู่ในแนวเดียวกันเช่น cross-bar ของ "A" บางครั้งคุณเพิ่งเห็นการเชื่อมต่อแล้วปล่อยบางสิ่งบางอย่างบนเส้นจินตภาพระหว่างพวกเขา
Yorik
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.