‏הצגת רשומות עם תוויות טיפוגרפיה. הצג את כל הרשומות
‏הצגת רשומות עם תוויות טיפוגרפיה. הצג את כל הרשומות

האלמנט שדרכו אזהה אותך


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

אנחנו ממש לקראת סיום והיום נסגור את נושא מרכיבי התדמית עם מרכיב נוסף וחשוב לא פחות-

האלמנט הגרפי.

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

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

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

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

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

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

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

Exceed 

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

(עוצב על ידי: Jorge Alavedra)


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


(עוצב על ידי: Ruiz+Company.)




Yachtclub 

התדמית הזאת פשוט גאונית לדעתי! כל כך פשוטה אבל עם רעיון מבריק מאחוריה שפשוט לא נותן לצופה לשכוח מאיפה הכל בא. עקרון העקביות עובד פה מצויין ויחד עם זאת משאיר מקום להרבה גיוון. אלמנט הגלים הכל כך מזוהה עם ים וסירות עושה את כל העבודה. בין אם בתוכו תמונה או צבע חלק, תמיד ניתן לשייך אותו בלי להתאמץ לאותה החברה.
(עוצב על ידי: Michal Bohdankiewicz מפולין)



Baker D. Chirico

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

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



Waldo Trommler Paints 

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

(עוצב על ידי: Reynolds and Reyner מאוקראינה)




 ועכשיו, כמו שהבטחתי, אני מוספיה דוגמא מהעבודות שלי:

גיא קפיטל השקעות ויזמות

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




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

_______________________
יש לכם כבר תדמית עסקית ואתם רוצים לדעת איך לפרסם את העסק בעצמיכם? בקרוב מאוד אני פותחת סדנא שעונה בדיוק על הצורך הזה: איך לפרסם את העסק ביצירתיות באופן עצמאי!
לפרטים נוספים התקשרו אלי: 050-7789650 מיכל


6 כללים לשימוש נכון בטיפוגרפיה

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

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

עשה ואל תעשה עם טקסטים- 6 כללי ברזל

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

הנה, תראו את ההבדל:

מול

מיד רואים את ההבדל, לא?

2. לא להשתמש בפונטים שאין לכם רשות להשתמש בהם! על מנת להשתמש בפונט צריך לרכוש אותו מהיוצר ו/או מחברת פונטים ולקבל רישיון שימוש. יחד עם זאת, ישנם אתרים המציעים פונטים חינמיים. שימו לב תמיד לקרוא עד הסוף מה רשיון השימוש וזכויות היוצרים מתירים לכם לעשות עם הפונטים האלה. חלקם נותנים שימוש חופשי בפונט אך ורק לצרכים פרטיים ולא לצורך מסחרי. שימוש בפונט שלא כדין יכול לגרום לתביעה לא נעימה בגין הפרת זכויות יוצרים- ראו הוזהרתם!
מעבר לכך, זה שהפונט חינמי לא הופך אותו לטוב. אני לא אומרת שכולם לא טובים- להיפך, אני בעד "קוד פתוח" אבל לשים לב גם לאיכות. תוכלו למצוא פונטים נחמדים ב- Google Web Fonts (למרות שיותר באנגלית) ובשלל אתרים נוספים.
ההמלצה שלי: במידה ויש פונט שהומלץ לכם על ידי המעצב להשתמש בו כפונט תדמיתי של העסק, רכשו אותו וזו השקעה לטווח ארוך. תוכלו להשתמש בו ללא חשש בכל דבר שרק תרצו לצרכי התדמית העסקית שלכם (בכפוף לרשיון כמובן) והלקוחות כבר ילמדו לזהות את הפונט הזה ולשייך אותו אליכם.

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

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

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

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


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











בהזדמנות זאת, אני מזכירה לכם שהקו הפתוח חוזר גם בשלישי הזה! אני כאן בשבילכם בין 16:00-18:00 בטלפון: 050-7789650
מיכל



טיפו...מה? אה, טיפוגרפיה.

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

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

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

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

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

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

(Stefan Hattenbach)


מתוך "סמליל". תוכלו לקרוא על תהליך העבודה על הפונט כאן



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

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

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

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

מיכל


_____________________________________

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