top of page
external-file_edited.png

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

תמונת הסופר/ת: מירב בר-שדהמירב בר-שדה

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


קוביות משחק

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

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

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




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

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


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


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

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


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


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

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

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

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

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

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

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

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

מקורות


 

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

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

留言


bottom of page