כל מעצב נתקל בבעיה הבאה ברוב עבודות העיצוב שלו- איך לשלב טקסט ותמונה בצורה הטובה ביותר מבלי לפגוע בקריאות הטקסט?
הנה 5 טיפים שיעזרו לכם לשלב טקסט ותמונה בצורה טובה ויפה שתשאיר את הטקסט שלכם קריא וברור:
1. הכהה את התמונה ו/או שים עלייה פטרן עדין
כשאנחנו כותבים טקסט מסוים על תמונה, חשוב לשמור על קונטרסט חזק בין הצבעים של התמונה לצבע הטקסט.
דרך אחת להשיג קונטרסט זה, היא להכהות את התמונה עלינו אנו עובדים (באמצעות color overlay בפוטושופ) ולהוסיף עלייה שכבה עדינה של Pattern (באמצעות Pattern Overlay בפוטושופ) ולבחור בצבע טקסט בהיר שישב מעל התמונה. הנה דוגמא לכך:
והנה דוגמא הפוכה- הבהירו את התמונה ברקע, ועלייה שמו טקסט כהה:
2. Text shadow
Text shadow עוזר לטקסט להיות קריא ונראה לעין. שימו לב שאתם משתמשים באפקט במינון הנכון ובעדינות כדי שלא יהיה גס ובולט מדי.
לכל מי שמסתבך עם העיצוב של הטקסט בcss, הנה קישור לאתר שעושה את העבודה בשבילכם ויוצר בשבילכם קוד css שתוכלו להטמיע לטקסט שאתם עובדים עליו: Text shadow generator
הנה דוגמא- שימו לב לאפקט הצל שנמצא בטקסט URBAN INFLUENCE וכמה שהוא תורם לטקסט להיות ברור ובולט.
3. גדול ו-Bold
השתמשו בפונטים עם משקלים כבדים, ככה הטקסט יבלוט ותהיה לו נוכחות באתרכם.
אם אתם מעצבים משהו באנגלית, שימוש באותיות גדולות, כלומר ב- Caps Lock תורם לבולטות הטקסט
דוגמא- שימוש בפונט מודגש וגדול, ככה הטקסט לא נבלע בתוך התמונה:
4. זרם התמונה
אחד הנקודות החשובות ביותר. חשוב מאוד לשים לב לזרם התמונה ולמקם את הטקסט ביחס לזרם זה. אל תמקמו טקסט באיזורים מהותיים בתמונה כמו פנים של בן אדם. הנה דוגמא שמסבירה את עיקרון זה-
שימו לב שהבן אדם בתמונה, מסתכל לפינה השמאלית למטה. שם בדיוק ממוקם הטקסט. יש תחושה שהוא מסתכל וקורא בעצמו את הטקסט. ככה המעצבים של האתר הזה בעצם מוליכים את העיניים שלו ראשית אל הבן אדם ולעיניים שלו ואז לטקסט.
5. Blur: טשטש את התמונה שלך
כלי קל ויעיל הוא אפקט Blur שמטשטש את התמונות שלכם ובכך גורם לטקסט שעליהם להיות קריא וברור. נהיה לאחרונה פופלארי וטרנדי מאוד.
את אפקט הטשטוש ניתן לבצע בפוטושופ בתפריט הראשי: Filter-Blur.
6. צורות
כאשר תמונה מכילה הרבה צבעים וחלקים בהירים וכהים, קשה למצוא מקום להבליט את הטקסט. פתרון טוב לעניין זה היא לשים את הטקסט בתוך צורה עם צבע רקע מסויים ובכך להבליט את הטקסט.
מלבן/עיגול/טרפז- בחרו את הצורה שתעבוד הכי טוב עם הטקסט שלכם, בחרו צבע רקע מתאים. שקלו להשתמש בצורה שקופה שתתן תחושה רכה ותאפשר גם להראות את התמונה בדרך – והשגתם לשלב בין הטקסט והתמונה בצורה מהממת.