חשבתם שוורדפרס מיועד רק לבלוגים?

חשבתם שמורידים תבנית ויצא אתר?

אז זהו, שלא!

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

התשובה חד-משמעית: אכן כן.

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

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

תהנו!

Drexler

פורטפוליו ייחודי של סטודיו לעיצוב מבולטימור שמשתמש בגישה רוחבית.

מומלץ לצפות בתיק העבודות - מעוצב נקי ופשוט, מדובר בעמוד מרשים במיוחד עם אפקט נחמד.

Delectica

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

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

מוגש בחסות המינימליזם שרק הטוויסטים של וורדפרסט + jQuery יכולים להפיק.

CreativeDepart

רעיון מחוץ לקופסה להצגת פוסטים ותיבות שיתוף בעת הדפדוף

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

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

OWT

פורטפוליו דינאמי שמתאים במיוחד לאייפדים

ואחד מעמודי הפורטפוליו המרשימים והנוחים שראיתי.

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

ובלחיצה החלק התחתון מתחלף לסט תמונות נגלל לימין ושמאל.

iAsia

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

פורטל מבוסס וורדפרס? אז זהו, שכן! פורטל מלא המכיל פיצ'רים רבים כולל מערכת עבודות, פורומים ועוד…

Abhay Singh

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

הכל קורה במקום ובאותו דף, מאוד מרשים ויפה, למרות שקצת פחות נוח מהמצופה -

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

CuCo

עיצוב מרשים למערכת מרשימה

ללא יותר מידי אפקטים, רק עיצוב נקי וטוב, לאתר מעניין עם עבודות מקסימות

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

האוניברסיטה של הקייטנות

אתר הקייטנות של אוניברסיטת תל אביב  (לגמרי במקרה נבנה אצלנו בסטודיו)

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

ומחולק ל-4 נושאים ראשיים, כל אחד מהם מכיל היררכייה פנימית ואזור שלם נפרד באתר

(הם בעצם ארבעת הקייטנות של האוניברסיטה)

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

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

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

בואו נסקור בקצרה את האתרים המוכרים ביותר של התחבורה הציבורית בישראל:

אגד

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

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

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

ציון:
עיצוב: 5/10
חוויית שימוש: 3/10

דן

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

בנוגע לממשק, מערכת האתר עובדת לא רע, ודי קל להתמצא בה – אם נרצה לדעת את מסלול קו 5 בת"א נוכל לגלות זאת בלי בעיה.

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

בנוסף, השימוש במפה ותיאור המסלול נעשו באופן ממש לא טוב ולא ברור – דבר המקשה מאוד על הגולש ומעודד אותו לעזוב את האתר במהירות.

ציון:
עיצוב: 3/10
חוויית שימוש: 6/10

קווים

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

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

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

ציון:
עיצוב: 7/10
חוויית שימוש: 8/10

Veolia

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

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

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

ציון:
עיצוב: 3/10
חוויית שימוש: 8/10

סופרבוס

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

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

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

ציון:
עיצוב: 2/10
חוויית שימוש: 4/10

מטרופולין

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

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

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

ציון:
עיצוב: 7/10
חוויית שימוש: 7/10

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

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

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

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

שורה תחתונה, אתר מצוין עם חווית משתמש חסרה מאוד.

ציון:
עיצוב: 2/10
חוויית שימוש: 5/10

הקו חדש

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

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

ציון:
עיצוב: 9/10
חוויית שימוש: 8/10

רכבת ישראל

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

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

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

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

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

ציון:
עיצוב: 4/10
חוויית שימוש: 6/10

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

ומה אתם חושבים על אתרי התחבורה הציבורית בישראל?  

נתחיל בהגדרה של מהו ניוזלטר?

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

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

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

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

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

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

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

תהנו

We Love – חברת עיצוב ומיתוג

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

Sytle Campaign – מאפשרים לבנות ניוזלטרים עם תמונות ללא תמונות

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

Anthropologie – חברת אופנה

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

Silberplus – סטודיו עיצוב גרמני 

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

EA Sports – חברת משחקי מחשב וקונסולות

חברת EA Sports המייצרת משחקי לקונסולות ולמחשבים בינהם FIFA, NBA, NFL ועוד, מוציאה ניוזלטרים עם המון תמונות וצבעים חזקים כדי למשוך את תשומת לבו של הקורא, אך עדיין משתמשת בטקסט חי, ושוב, כל זה בטבלאות!

We Love – חברת עיצוב ומיתוג

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

2K Games – חברת משחקי מחשב וקונסולות

ניוזלטר למשחק The Misadventures of P.B. Winterbottom מבית חברת 2K, שמציג תמונה ראשית גדולה, צילומי מסך מהמשחק והפנייה לסרטון וידאו ביוטיוב. כל זאת, תוך שמירה על שפת העיצוב של המשחק ועל הגוונים של השחור והלבן.

Scrapblog – סטודיו עיצוב

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

45royale Inc – סטודיו עיצוב

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

Bellstrike – חברת שירותי אינטרנט למלכ"רים

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

יין ישמח לבב אנוש… והתווית חקוקה בתוך הראש.

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

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

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

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

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

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

בואו ונראה כמה דוגמאות באמת מדהימות לתוויות שהן להזכירכם, "רק מדבקה" על בקבוק:

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

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

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

בואו נעבור יחד על רוב האפשרויות ונראה איך כדאי להשתמש בכל דבר.

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

Bevel – שיפוע והבלטה
שימו לב איך הפחתה בשקיפות ורכות ההבלטה הופכת את ההבלטה למשהו נעים יותר לעין:

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

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

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

אך כמובן אפשר להיפך, על רקע כהה נעדיף שימוש בקו בהיר עם מילוי כהה.

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

Gradient Stroke – קו מעבר צבע
שימוש קצת פחות נפוץ הוא שימוש בקו עם מעבר צבע, לרוב המעבר יראה בעייתי ולא יפה אבל שוב, אפשר להשתמש בצבעים הנכונים ובעובי הקו הנכון כדי לקבל אפקט יפה יותר

.

Inner Glow – זוהר פנימי

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

Pattern Overlay – שכבת כיסוי

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

טיפ קטן!

כאשר נותנים אפקט מכל סוג Blending לאוביקט גדול ונרצה להקטין אותו לאחר מכן (או להפך), נתקל בבעיה שמשנה את גודל האוביקט שלנו כמו שרצינו אך משאירה בעצם את האפקט עם אותם פרמטרים.
במקום להתחיל לעבור על כל הפרמטרים ולהתאים אותם שוב, נוכל לגשת בתפריט אל הנתיב הבא:
Layer > Layer Style > Scale Effects…
שם נוכל לשנות באחוזים את האפקט כולו ללא צורך במגע עם כל הפרמטרים אחד אחד.
יש מצב שנקבל דווקא אפקט פחות טוב, אבל הטיפ כמובן הוא למקרה שנרצה לשמר את הפרמטרים.
 

דבר מגניב לסיום!
אפשר לראות איך האפקט בנוי וממה הוא מורכב, זאת בעזרת הפיכת האפקט לשכבות נפרדות:
Layer > Layer Style > Create Layer

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

הנה כמה דברים שידעתם ואולי לא, שעושים את העבודה באינדיזיין לקלה ונוחה יותר, כי בינינו, מי אוהב לעבוד קשה?

מה כל פעם לקבוע את זה מחדש?

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

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

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

למה ה text wrap משפיע לי על כל הטקסטים?

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

בהגדרות התוכנה (CTRL+K) editpreferences נלחץ על composition ושם נסמן את Text Wrap Only Affects Text Beneath.

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

ככה תוכלו לשלוט על עיטוף הטקסט בצורה הטובה ביותר

סגנונות

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

נעצב את הפסקה הראשונה כמו שאנחנו רוצים שתראה, ניתן לה את כל ההגדרות הרצויות ואז נגדיר סגנון פסקה, F11 או windowtype & tablesparagraph styles וסגנון תו, SHIFT+F11 או windowtype & tablescharacter styles. ניתן שם ברור, במקרה הזה "ציטוט"

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

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

דוגמאות לסגנונות

יש לי יותר מדי בלאגן במסך

אתם עובדים ועובדים ועובדים, שמים טקסט על אוביקט ולהפך, מכניסים את זה ואת ההוא, ופתאום כל מה שאנחנו רואים זה את קווי המתאר של האוביקטים ואת כל המסגרות הצבעוניות האלה, זה עושה בלאגן בעיניים לפעמים יותר ממה שזה עוזר, איך אפשר לראות את המסמך ללא כל ה"לכלוכים"? פשוט מאוד! נלחץ W במקלדת ונוכל לזפזפ בין תצוגה כזו לאחרת.
אפשר גם לראות תצוגות אחרות של בלידים וכו'.. בחלון view/screen mode.

פשוט W

כמה אופציות?! צבע רקע/צבע קו/צבע טקסט/צבע קו הטקסט

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

במקום ללכת כל פעם לתפריט ה swatches ולהחליף בין המצבים, נשתשמש בקיצורים הבאים:

להחליף בין צבע מילוי לצבע קו X. ולהחליף בין צבע אוביקט לבין צבע טקסט בעזרת J במקלדת.

X ו-J

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

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

שימוש בכלי ה transform

עכשיו גם התמונות לא מתאימות למסגרות שהכנתי להן.

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

2 אופציות חביבות עליי הן:

1. Fit content proportionally alt+ctrl+shift+E –
   התאמת התוכן בפרופורציה למסגרת (מה שנכנס נכנס).
2. Fill content proportionally alt+ctrl+shift+C –
   מילוי המסגרת במקסימום תוכן ובפרופורציה (חותך מהתוכן העיקר למלא את כל המסגרת).

האלפקה נראית טוב יותר עכשיו?

כמה אנטרים אני צריך לעשות כדי לעבור לטור השני?!

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

אין צורך להשתגע עם האנטרים

יש לי איזה 200 עמודים במסמך, איך אני ממספר אוטומטי?

מיספור אוטומטי הוא פשוט ביותר ומאוד נוח, כל שצריך לעשות הוא לבחור את דף המאסטר שלנו (על מאסטרים אסביר בפוסט אחר) ואז להכניס תיבת טקסט פשוטה היכן שנרצה למקם את המספור. נכניס תו מיוחד המזהה את העמוד הנוכחי בעזרת הקיצור ctrl + shift+ alt + N תוכלו לזכור את זה כך: N כמו Number. או בנתיב הארוך המלא: typeinsert special charactermarkerscurrent page numberץarkerscurrent page number/חין שנרצה למקם את המספור.

. עכשיו תופיע לנו אות בהתאם לשם הקידומת של המאסטר הנוכחי. למשל A, מתוך A-MASTER.

N ל NUMBERS

איזה באסה בניתי את כל המסמך על A4  ואז גיליתי שצריך אותו ב A5 מה עושים?

כאן יש 2 אופציות:

1. אופציה אחת היא אוטומטית אך התוצאה בה דורשת עבודה נוספת לטקסטים, כאשר נרצה להתאים את הגודל, תחילה נבחר את כל האוביקטים בכל העמוד ונקבץ אותם בעזרת ctrl+G או objectgroup. אח"כ ניגש ל layoutlayout adjustment ושם נסמן את enable.

כעת נבחר את האופציות שמתאימות למסמך שלנו, אם רוצים להתאים הכל נסמן את הכל חוץ מ ignore ruler guide alignments. אח"כ ניגש ל filedocument setup  או alt + ctrl + P. שם נבחר את הגודל הרצוי, עכשיו תוכלו לראות שהכל התאים את עצמו לגודל שנתנו מבלי שנצטרך להתאים ידנית. אבל יש בעיה! צריך להתאים את הטקסטים כיוון שהם יוצאים מהמסגרות שלהם, כלומר הפונט נשאר אותו דבר ובאותו גודל אבל המסגרות קטנו/גדלו.

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

רגע איפה פה הטיפ?
אם תשימו לב כשתקטינו כך, כל הטקסטים שלכם יעלמו בתוך תיבת הטקסט מכיון שהפונט נשאר באותו גודל ואנחנו משנים רק את תיבת הטקסט, תחילה נקטין/נגדיל את משטח העבודה לגודל הרצוי בעזרת setup  או alt + ctrl + P. אח"כ נסמן את כל האוביקטים ונהפוך אותם לקבוצה ctrl+G או objectgroup. אח"כ נבחר את כלי ה transform  בקיצור מקש E במקלדת. ואז נשנה את הגודל בעזרת SHIFT.

לפני שתתעצבנו על הלקוח/ה

טיפ סיום!

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

איזה בולטים יפים הא?

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

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

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

הרעיון הקומי הוא גם דבר שאפשר לשים אליו לב במודעות הספורט.