תוֹכֶן
- 01. השתמש ברשת
- 02. בחר מוקד יחיד
- 03. השתמש בכלל השלישי
- 04. השתמש במרחב לבן
- 05. חזור על אלמנטים עיצוביים
- 06. השתמש בהיררכיה
- 07. השתמש בקנה מידה, ניגודיות והרמוניה
המטרה העיקרית של כל פריסת עמודים שתעצב, בין אם מדובר בחוברת מודפסת או באפליקציית האינטרנט האחרונה, היא להעביר מידע באופן ברור ויעיל לקורא. אחת הדרכים הטובות ביותר להבטיח שמסרי המפתח יועברו לקורא היא ליצור פריסת עמוד מאוזנת.
תכנון פריסת העמודים כולל בדרך כלל הרבה מיקום, סידור מחדש ועיצוב של אלמנטים. מעצבים רבים ניגשים לתהליך זה באופן אורגני, ומרגישים את דרכם לתוצאה סופית נעימה. אמנם זה יכול להוביל לכמה תאונות משמחות מצוינות, אך קיים סיכון כי שימוש במתודולוגיה של צורה חופשית עלול לגרום לחוסר איזון חזותי בדף.
הרכב עמודים טוב צריך להיות גם נעים לעין וגם להעביר את המסרים המרכזיים הללו בבירור לקהל המיועד. אספנו כמה טיפים עיקריים שיעזרו לכם להבטיח לעיצובי פריסת העמודים שלכם איזון (בונה אתרים טוב יעזור גם הוא). גישות אלה יעבדו היטב כדי לספק מבנה לאיזון, ללא קשר למדיום איתו אתה עובד.
לקבלת ייעוץ ספציפי יותר לאינטרנט, עיין במדריך שלנו ליצירת פריסות אתרים מושלמות.
01. השתמש ברשת
אחת הדרכים הקלות ביותר להבטיח לדף שלך איזון מסוים היא להשתמש במערכת רשת. רשתות שימשו בעבר כמשמר הבלעדי של העמוד המודפס, אך עבודות רבות הושלמו ברשת בשנים האחרונות בכדי לסייע בהעברת מושג הרשת למדיגיטל.
באמצעות רשת כדי ליידע את המיקום של אלמנטים שונים בעמוד, תיצור קשר בין האלמנטים השונים שמרכיבים את הדף שלך. זה יכול לעזור לספק תחושת סדר לפריסה שלך, לספק לקורא התייחסות מבנית ברורה לחזור עליה ולהגדיל את הצלחת הדף שלך.
זה חשוב מכיוון שלכל רכיבי הדף שלך יש תחושה של קישוריות זה לזה, האפקט הכללי מרגיש נוח יותר לקורא, עוזר להקל עליהם, ומאפשר את הגישה שלהם לדברים החשובים: התוכן.
02. בחר מוקד יחיד
אחת הדרכים היעילות ביותר לספק תחושת איזון היא לבחור מוקד יחיד לעיצוב הפריסה שלך. דוגמה טובה לכך בפועל היא השימוש בתמונה גדולה כאלמנט היחיד הגדול ביותר בעמוד.
חזותית חזקה יכולה לספק דרך עוצמתית להוביל את הקורא לדף שלך (כמו גם ניתוח מומחה של שירות אירוח אתרים אידיאלי), ומספק גם אלמנט מבני שימושי סביבו לסדר את התוכן שנותר בפריסה שלך. אם יש לך אלמנטים חזותיים מרובים, השתמש בעקרון הקרבה של תורת הגשטאלט כדי לקבץ אותם יחד, וליישר אותם באותו אופן.
כדאי גם לזכור שאפשר להשתמש בכותרת או למשוך הצעת מחיר באותה צורה; כותרת תצוגה טובה יכולה להציע עניין ויזואלי רב כמו תמונה, תוך המשך לספק את המבנה שיעזור לכם להבטיח פריסה מאוזנת.
03. השתמש בכלל השלישי
אחת הדרכים הטובות ביותר לספק תחושת איזון היא להשתמש ב"שליט השלישי "האהוב על המעצב או יחס הזהב. במילים פשוטות, כלל השלישי אומר שאם אתה מחלק את הדף שלך לשליש בצורה אנכית ואופקית, הנקודות בהן קווי הרשת מצטלבים מספקות את המוקדים הטבעיים של קומפוזיציה.
על ידי יישור האלמנטים המרכזיים שלך לארבע הנקודות הללו, תשיג קומפוזיציה נעימה יותר מאשר אם, למשל, מרכז רכיבים מושלמים בדף שלך.
כשלעצמו, שליש השלישי לא יספק בצורה קסומה את הפריסה שלך לאיזון, אך על ידי הרחבת העיקרון, קל להשתמש בנטייה זו לכיוון מוקד טבעי כדי לעזור ליידע את איזון הפריסה שלך.
גישה נפוצה היא למקם את האלמנטים החשובים ביותר של הדף בשליש העליון (או התחתון) של העמוד, כאשר נקודת המוקד הראשית מיושרת כך שתתאים לאחד הצמתים. יש לך הרבה נכסים לאחסון עבור האתר שלך? בדוק את אפשרויות אחסון הענן האלה.
04. השתמש במרחב לבן
מקובל שמעצבים מתחילים משתמשים בכל פיסת שטח אחת בעמוד, וממלאים תוכן עד למילוי כל פער. המנוסים יותר יודעים שלפעמים החלק הכי טוב של העיצוב כרוך בהשארת אלמנטים, במקום לרתום אותם לנעלי נעליים.
במדיום המודפס, הדרך הנפוצה ביותר להשתמש בשטח לבן היא על ידי הגדלת שולי העמודים והמרזבים. באינטרנט, פשוט מתן הרבה נשימה סביב אלמנטים יכול לעזור לגרום לעיצוב הפריסה שלך להיות מורכב ומאוזן.
שימוש במרחב שלילי פועל בצורה הטובה ביותר כאשר יש לך מבנה ברור המעגן תוכן יחד (כמו זה המסופק על ידי רשת), שכן הסיכון למרחב לבן יכול להיות תחושה של ניתוק בין רכיבי העמוד אם הוא מוצג בצורה מקרית.
05. חזור על אלמנטים עיצוביים
חזרה יכולה גם לספק תחושה חזקה של עיצוב מחובר ואיזון לקומפוזיציה. הרעיון הוא שעל ידי זיהוי ושימוש חוזר במוטיב או טיפול עיצובי לאורך כל הפריסה שלך, תוכל לספק התייחסות לקורא כך שהאזורים הנבדלים ירגישו מחוברים וחלק מאותו הרכב כולל.
אתה יכול גם להשתמש בטכניקה זו כדי לספק מוקד בעיצוב שלך, תוך שמירה על איזון כולל, על ידי שבירה מכוונת של דפוס הדמיון שהוצג באמצעות חזרה.
06. השתמש בהיררכיה
אחת הגישות המרכזיות להשגת נירוונה של פריסת העמודים היא תחושה ברורה של מבנה והיררכיה. נגענו כבר במבנה, אך חשוב להעביר גם את החשיבות היחסית של פיסות תוכן שונות בעמוד שלך. כותרת, למשל, צריכה להיות כמעט תמיד חשובה יותר מבחינה ויזואלית מתוכן טקסט בגוף.
בדוק את האלמנטים השונים המרכיבים את עיצוב הפריסה שלך והחליט איזה אלמנט הוא החשוב ביותר. השתמש באלמנט זה כדי לספק וו מבני עבור האלמנטים הנותרים בדף, והשאיר אותו החשוב ביותר.
07. השתמש בקנה מידה, ניגודיות והרמוניה
לבסוף, השימוש בקנה מידה יכול להיות שיטה יעילה מאוד להשגת איזון חזותי טוב בפריסה שלך. על ידי הפיכת חלק מהאלמנטים לגדולים יותר מאחרים, תופיע תחושה של סדר והיררכיה. זה עוזר ליצור פריסה נוחה מכיוון שהצופה יסתכל תחילה על האלמנטים הגדולים יותר בפריסה, ויעבור אל האלמנטים הקטנים יותר בזמן קריאתם.
עקרון זה עובד גם עם ניגודיות מוגברת, כך שבידוד אלמנט על הדף באמצעות ניגודיות יגרום לעין להתמקד בנקודה זו תחילה. זה מספק דרך לדף ושוב נותן נקודה מבנית שימושית לפתח את הפריסה שלך.
הן קנה המידה והן הניגודיות פועלים בצורה הטובה ביותר כאשר הם חלים על אלמנט אחד, ובכך הוא מתבלט משאר חלקי הפריסה שלך. השתמש בעקרונות ההרמוניה כדי לגרום לאחרים להרגיש מחוברים ולהדגיש את המוקד.
