כלים למעצבים של אדובי ((Adobe ה-כ-ל-י-ם!

מאי 28, 2009

.

לאחרונה קניתי מחשב חדש [ומהיר] ונקלעתי לבעיית שעמום קשה מכיוון שחוץ מ- Windows לא היה עליו כלום ולכן, החלטתי לחדש/לעדכן את מלאי תוכנות העיצוב שברשותי במקום להישאר מאחורי שאר המעצבים ולהשתמש ב-Photoshop CS  [פשוט ככה, בלי מספרים אחרי ה- CS].

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

בשורות הבאות אני [בעזרת חבר יקר בשם ויקי] אתן סקירה קצרה על תוכנות העיצוב [-חבילת המעצבים הניתנת לקניה במחיר הזוי של 1799$ או לחילופין זמינה להורדה בחינם באי-מיול..] של אדובי , בעיקר למי שלא מכיר בכלל או שמכיר חלק ורוצה להכיר יותר או אפילו מכיר אבל לא באמת מכיר [מעכשיו אני לא משתמש יותר במילה "מכיר"].

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

——————————————————————————————–

Photoshop

 

.

הגדרה כללית: תוכנת עריכה גרפית.

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

לשימוש ב: בנית אתרים, עיצוב לוגואים, עיבוד תמונות.

הגרסא הכי עדכנית: CS4 [גרסא 11 במס'].

למה שאני אטרח להוריד עדכון?: אדובי פוטושופ CS4 "מככבת" ביכולת צביעה על צורות תלת ממדיות, הלבשת תמונות דו ממדיות על צורה תלת ממדית, אפשרות המרת מעבר צבעים לעצם תלת ממדי, הוספת עומק לשכבות וטקסט, וייבוא קבצים תלת ממדיים נתמכים (כגון: 3ds,u3d ועוד); לוח חדש למסכות ושכבות התאמה  (Adjustment Layers) ועוד.

 

 

InDesign

 

.

הגדרה כללית: תוכנת "הוצאה לאור שולחנית".

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

לשימוש ב: עיצוב פרסומות, פוסטרים, עטיפות וכו'…

הגרסא הכי עדכנית: CS4 [הגרסא השביעית במס'].

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

 

 

illustrator

 

.

הגדרה כללית: תוכנת גרפיקה וקטורית ["טוב אחי!"].

סקירה קצרה: גרפיקאים רבים משתמשים בתוכנה, כיוון שבעזרתה ניתן לעצב כמעט כל דבר ללא צורך בשילוב תוכנות אחרות בעבודה. התוכנה היא שיפור של Photoshop+Freehand ומשמשת לעיצוב גרפים, סמלילים, תלת-מימד ועוד. כמו כן קובצי התוכנה נתמכים גם בתוכנות תלת-ממד מתקדמות כגון   3D Studio Maxו -MAYA, של חברת אוטודסק. התוכנה משתמשת בשיטה הווקטורית והתמונות אינן מורכבות מפיקסלים. לכן ניתן ליצור אובייקט קטן ולהגדיל אותו עשרות מונים בלי לפגוע בחדות התמונה, כלומר בלי שהאובייקט ימרח והתמונה תהיה מטושטשת.

לשימוש ב: עיצוב בתלת-מימד, עיצוב גרפים, סמלילים [בדיוק כמו שכתוב!].

הגרסא הכי עדכנית: CS4 [הגירסא ה14 במס' ].

למה שאני אטרח להוריד עדכון?: אין לי מושג, לא הכרתי את הגרסאות הקודמות..

 

 

Flash

 

.

הגדרה כללית: תוכנה לפיתוח מולטימדיה.

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

לשימוש ב: אנימציות, יישומי אינטרנט, משחקים ואפליקציות ויזואליות אחרות.

הגרסא הכי עדכנית: CS4 [מפתיע הא?..]

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

 

 

Dreamweaver

 

.

הגדרה כללית: תוכנת יצירה ועריכה של דפי אינטרנט [סוף סוף הגדרה מובנת].

סקירה קצרה:   Adobe Dreamweaver[אדובי דרימוויבר] היא תוכנה המשמשת ליצירה ועריכה של דפי אינטרנט ואתרי אינטרנט. בגרסאותיה הראשונות הוצעה דרימוויבר כתוכנת עריכה המשלבת את הפרודוקטיביות של עיצוב ויזואלי WYSIWYG  עם מצב שליטה ועריכה של קוד ה. HTML שילוב זה היה נדיר כאשר התוכנה יצאה לשוק בסוף שנות התשעים, דבר שסייע רבות לתפוצתה. בהמשך הוספו לה טכנולוגיות חדישות, כגון תמיכה ב CSS, ג'אווה סקריפט ותמיכה בשפות צד-שרת כגון  ASP ו PHP.

לשימוש ב: עיצוב ועריכת אתרי אינטרנט [מיותר לציין לא?].

הגרסא הכי עדכנית: CS4 [הגירסא העשירית במס'].

למה שאני אטרח להוריד עדכון?: בעדכון האחרון ניתן להרכיב תוספות לתוכנה ("Extensions"), אשר כל אחד יכול לפתח, בדרך כלל בHTML  או Javascript . דרימוויבר נתמכת בקהילה רחבה של מפתחים, המפתחים הרחבות מגוונות, ומאפשרים את הורדתם או רכישתם של אלה דרך אתר התוכנה.

——————————————————————————————–

שיהיה לכולנו חג שבועות טעים ושמח!מוציא לשון


5#: טוב שההגה באתר של אגד

מאי 8, 2009

.                  .

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

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

——————————————————————

עיצוב כללי -

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

שימושיות Usability – באתר של אגד קיימים שלושה סרגלי כלים מרכזיים:

1. סרגל הניווט [והמידע]

2. סרגל החיפוש

3. סרגל האתר.

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

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

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

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

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

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

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

פרסומת בתחתית האתר – הנותנת תחושה נעימה ולא מוגזמת לסביבת האתר

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

אגד, שיחקתם אותה!
——————————————————————

ציון עיצוב אתר: 9.
——————————————————————

שבת שלום!חיוך


4#: אתר בני-עקיבא ימתח להקשב, הקשב!

אפריל 17, 2009

סמל בני עקיבא

*להלן שיחה שהתקיימה השבוע ביני לבין ש' [שם בדוי]:

ש': דניאלי אחי החתיך והחמוד, אתה יכול לעזור לי במשהו?

אני: בוודאי ש'! כל מה שתצטרכי!

ש': וואו איזה כיף שיש אח כמוך! אתה יכול לעזור לי להיכנס לאתר של בני-עקיבא ולראות מתי הפעילות הקרובה ומה המחיר שלה? אני לא מוצאת שם כלום!

אני: בטח! אין בעיה..

ש': אין עליך..

[*השיחה צוטטה מילה במילה למעט שינויים "קלים" פה ושם..]

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

————————————————————-

 

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

 סרטון הפלאש

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

מבט לאתר

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

תפריט ימני

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

 תפריט מרכזי

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

 תפריט עליון

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

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

 חיפוש חושל

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

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

פונטים – סוג הפונט שבו השתמשו בכל האתר הוא "אריאל". אני לא חושב שמעצבי האתר ייחסו חשיבות לסוג הפונט אבל לפחות בתפריט ההיסטוריה הייתי מכניס פונט אחר סתם בשביל לא להיות מרובע. בקטעי הכתבות צבע הפונט שחור [רק שחור!] מספיק שלכותרות היו נותנים איזה גוון כחול מעבר לדגש הבסיסי והייתי שותק אבל ההרגשה שמקבלים מלראות את הכתבות ככה היא שלא רוצים שנקרא אותן  [מה שעשוי להיות נכון]. בכניסה לכתבות עצמן פי נפער לרווחה מהדמיון העצום שבין קובץ הטקסט שאחותי בת ה7 הכינה אחרי שהיא למדה WORD לבין הכתבות באתר של בני-עקיבא:

אתם בטח מבינים לבד מה המשפט הבא ובמקרה הזה תמונה אחת שווה אלף מילים…

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

 תמונה למטה - גוש כחול

————————————————————-

ציון עיצוב אתר: 5 [בערך כמו מס' השנים שעברו מאז שהקימו את האתר..]

 ————————————————————-

 שבת שלום!צוחק


Follow

Get every new post delivered to your Inbox.