Masonry layout – רשת קוביות בבנייה חופשית

רשת (Grid) – שטח העבודה בפועל, אזור שכולל בתוכו את כל האובייקטים של העיצוב.


בנייה חופשית – פריסת רשת המבוססת על הצבת אלמנטים במרחב אנכי.


כאשר מפזרים אלמנטים בעלי גובה אחיד על גבי כל עמוד, הנטייה היא לארגן אותם בצורה אופקית ורק לאחר מכן, אנכית.

 

 

 

ומה אם מדובר באלמנטים בעלי גבהים שונים שעדיין נדרשים להיצמד לקווי רשת אופקיים? במקרה כזה, התוצאה הסופית היא הרבה פחות  צפויה...

 

 

בעולם עיצוב האתרים החדש לא מפחדים יותר מפס גלילה אנכי. כיוון שכך, נוצרה פריסה אפשרית חדשה.
בניגוד לפריסות רשת אחרות, בפריסה זו גובה הקוביות אינו חייב להיות אחיד ולכן, על ידי צמצום פערים מיותרים, ניצול החלל הופך למיטבי.

 

 

פריסת בנייה זו נקראת גם Pinterest


www.pinterest.com - היה האתר הגדול הראשון שעשה שימוש בסגנון פריסה זו.

 

מתי נכון להשתמש בפריסת בנייה?

  • גלריית תמונות – מאפשרת להציג תמונות עם מידות מגוונות.
  • הודעות בלוג – עבור הודעות בעלות אורך טקסט משתנה.


על אף שהשימוש ברשת (גריד) נחשב על ידי מספר מעצבים למיושן ואפילו שגוי, אי אפשר שלא להסכים שעמודים שעוצבו בעזרת גריד ברור ונכון הם עמודים קריאים ונעימים לעין.


פריסת הרשת יוצרת חווית משתמש נהדרת, מגרה את הגולש להמשיך ולגלול למטה ומאפשרת להציג בקלות כל מיני פריטים, בצורה מובנית והגיונית.


מבנה זה של עמודים עובד בצורה ידידותית עם עיצוב רספונסיבי ומאפשר גמישות כאשר גודל החלון משתנה.

 

מקורות

 

http://www.sitepoint.com/understanding-masonry-layout/

http://designshack.net/articles/css/masonry/