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

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

אז זהו, שלא!

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

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

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

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

תהנו!

 

 

Drexler

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

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

 

 

Delectica

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

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

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

  

CreativeDepart

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

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

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

 

OWT

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

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

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

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

 

iAsia

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

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

Abhay Singh

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

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

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

 

 

 

CuCo

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

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

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

 

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

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

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

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

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

 

 

 

 

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

 

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

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

 

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

 

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

 

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

 

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

 

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

תהנו

 

 

 

 

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.

 

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

 

טיפ סיום!

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

 

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

 

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

 

 

 

 

 

גוגל פלוס – קיצורים וטיפים

• שינוי סגנון הפונט

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

 

Bluedotstudio* = Bluedotstudio

Bluedotstudio_ = Bluedotstudio

Bluedotstudio- = Bluedotstudio

 

• שיתוף תמונות וידאו ולינקים

אם אתה רוצה לשתף כל וידאו תמונה או לינק כל מה שאתה צריך לעשות זה לגרור ולשחרר את הלינק לתוך הsharebox-

.

• תייג חבר, תייג…

לתייג את החברים שלכם מאוד דומה למה שאתם מכירים מפייסבוק וטוויטר, אתם יכולים לתייג חברים בעזרת הוספת + או @ לשמות שלהם בטקסט של הפוסט (כמו BuddyPress מתוצרת WordPress)

.

• שליחת הודעות פרטיות

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

• קיצורי דרך גוגל +

מקש רווח= גלול את הסטרים

Shift + מקש רווח = גלול סטרים למעלה

J = גלול למטה את הפוסט

K = גלול למעלה את הפוסט

Q = קפוץ לצ'אט

Return = התחל להגיב

Tab, Return = סיים תגובה

• אם אתם לא רוצים שאף אחד ישתף שנית את הפוסטים שלכם אז סמנו את האפשרות Disable Reshare

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

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

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

 

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

 

 

12 עיצובים של אתרי קייטנות

 

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

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

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

 

קייטנות הקיץ של אגד

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

 

 

קייטנת חב"ד כפר-סבא

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

 

 

קאמפ קימאמה

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

 

 

דיא

לא בדיוק אתר אלא יותר דף נחיתה, פשוט, נקי ויפה!

 

 

 

 

המחנה למוזיקאים צעירים

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

 

 

קייטנת גוב ארי

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

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

 

 

מועדון הגלישה הישראלי – קייטנת הגלישה

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

 

 

e-camp

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

 

 

קייטנת גרשגורן

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

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

 

 

מועדון ג'פטו – קייטנת הקיץ

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

 

 

קייטנת לאה

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

אהבתי את הרכבת שנוסעת למעלה!

 

 

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

האתר עוצב ופותח אצלנו בבלודוט סטודיו.

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

 

 

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

 

תבלו בקיץ!

 

 

 

אילו צבעים יש לאוכל מקסיקני?

 

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

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

 

אילו צבעים יש לאוכל מקסיקני?

 

כך שאם למשל נרצה לחזור לאותו לוגו לקייטרינג מקסיקני, ונרצה צבעים מתאימים, נוכל פשוט לגשת לחלון window/extensions/kuler…

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

 

 

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

כל שנשאר לנו לעשות זה להוסיף את הצבעים שלנו לחלון הSwatches- ולהשתמש בצבעים.

נוכל לחפש אין ספור פלטות של צבעים, מ"ספיידרמן" ועד "מקדונלדס" וכו'…

 

ותודה למאוריטניה היפה

 

אם תרצו תוכלו להכנס לאתר ה"קולרים" של אדובי בכתובת: http://kuler.adobe.com/ שם תוכלו לחפש צבעים בגוונים שונים, ותוכלו לשתף אחרים בצבעים שאתם יוצרים.

 

אתר הקולרים של אדובי

 

שוב, תוכלו לעשות את אותו דבר דרך חלון התוכנה שבה אתם עובדים.

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

 

אז תשתמשו ותשתפו אחרים בצבעים שאתם מכירים.

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

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

 

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

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

 

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

 

מכירים תוספים נוספים? המליצו לנו.

 

תהנו!