top of page
תמונת הסופר/תמירב בר-שדה

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

עודכן: 8 בדצמ׳


קוביות משחק

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

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

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




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

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


דוגמא לאלמנטים בעלי גבהים שונים הנדרשים להיצמד לקווי רשת אופקיים


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

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


פריסת בנייה מסוג Pinterest


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

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

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

  • גלריית תמונות – מאפשרת להציג תמונות עם מידות מגוונות.

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

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

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

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

מקורות


 

רוצה ללמוד עוד על אפיון וחוויית משתמש?

הנה מספר כתבות שאולי יעניינו אותך:

Comments


bottom of page