כנס השקת הAdobe Creative Suite 5 בישראל! הנחה מטורפת לקוראי הבלוג.

מאי 21, 2010

כמו שבטח הספקתם לשמוע, לפני כחודש השיקה Adobe את הCS5, חבילת תוכנות הקריאייטיב המושלמת לכל סוגי המעצבים. ב28 ליוני בשעה 09:00 בבוקר חברת QuickSoft, הנציגה הבלעדית של Adobe בישראל, פותחת את שערי ההאנגר 11 בתל אביב לכבוד אירוע ההשקה החגיגי בארץ.

ההודעה שיצאה לעיתונות:

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

ארוע חשיפת הCS5 בישראל יתקיים ב 28 ליוני בהאנגר 11 בנמל ת"א. את הארוע יפתח ראובן אגסי, הבעלים והיו"ר של קוויקסופט שהקים ביחד עם שי אגסי את החברה בשנת 1990. בארוע ישתתפו מרצים מן הארץ ומחו"ל.

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

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

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

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

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

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

להזמנת מקום חייגו: 09-7760000

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

מודעות פרסומת

עשרה פורטפוליואים שופרה דה שופרה

אוקטובר 6, 2009

portfolio_lg

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

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

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

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

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

http://www.vegaone.de/start1280.htm

http://www.cafundoestudio.com.br

http://www.okaydave.com

http://www.andyfoulds.co.uk/flash_design.html

http://www.myrmigidesignhouse.gr/index_eng.htm

http://impactdesignworks.com

http://www.jgreenwalt.com

http://www.kevadamson.com

http://www.toniallen.com/index.htm

http://www.concepthue.com/index.html

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

בקיצור.. אני הולך להתחיל לעבוד!


ויקי ויקי אל תציקי, אני כבר לא יכול!

ספטמבר 26, 2009

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

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

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

נתחיל מהתחלה: מהו מעצב גרפי?

confused man in suit

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

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

confused man in suit

מפתח המותג (Brand identity developer)

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

מעצב הלוגו (Logo Designer)

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

מאייר (Illustrator)

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

מפתח תוכן ויזואלי (Visual Image Developer)

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

מפתח מולטימדיה (Multimedia Developer)

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

מפתח תוכן (Content Developer)

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

מעצב אינטראקטיב (Interactive Designer)

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

מעצב ממשק (Interface Designer)

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

מעצב ווב (Web Designer)

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

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

נסיים בסיום: יש לי אופי ניהולי, איך אני משתלב?

confused man in suit

קריאייטיב דירקטור (Creative Director)

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

ארט דירקטור (Art Director)

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

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

מקווה שהצלחתי לעשות לכם קצת סדר בראש…

שיהיה שבוע טוב וגמר חתימה טובה!


6#: Blizzard – שוב משאירים אותי ללא מילים חוץ מ..Wow!

יולי 1, 2009

       .       

זוכרים את הפוסט על בליזארד [Blizzard] – חברת המשחקים הגאונית שיצרה את WOWWorld Of Warcraft? ["מה זאת אומרת זוכרים? אנחנו מקריאים אותו  לילד כל יום לפני השינה"] בין השאר בפוסט הזה הללתי ושיבחתי את יכולות הגרפיקה המשובחות של החברה. העניין הוא שכל מה שכתבתי לא התקרב אפילו למה שהחברה הזאת מסוגלת לעשות!

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

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

עיצוב כללי

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

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

חוץ מהתפריט הראשי קיים עוד תפריטונטוש משני [תפריטונטוש= תפריט קטנטוש] ולמען האמת הוא מיותר מכיוון שהוא מביא אותנו בדיוק לאותו מקום כמו סימנית "Character Classes" בתפריט הראשי.

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

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

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

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

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

נמשיך הלאה. נלחץ לדוגמא על "Character Classes" ונקבל את התוצאה הבאה [המזכירה באופן מפתיע משחק מחשב]:

[אין צורך להכביד במילים,ניתן לתמונה לעשות את העבודה.]

נלחץ על סימנית "The World" ונקבל עמוד [אמנם קצת חשוך] עם מפה של העולם [לא פחות ולא יותר] שבליזארד יצרה למשחק ועדכונים על דמויות/מפלצות חדשות שכבר שוחררו לקהל הרחב. אם ניכנס נניח ל"Wizard"-המכשפה, יפתח לנו דף עם תצוגה תלת מימדית מרהיבה של הדמות, הסיפור מאחורי הדמות וסרטונים המדגימים את יכולותיה.

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

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

ציון עיצוב אתר: 9!

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

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


iStartSoftware- גרסת Flash

יוני 16, 2009

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

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

 .

http://www.planetnana.co.il/istrart/ 


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

מאי 8, 2009

.                  .

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

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

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

עיצוב כללי

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

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

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

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

3. סרגל האתר.

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

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

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

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

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

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

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

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

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

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

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

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


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

אפריל 17, 2009

סמל בני עקיבא

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

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

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

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

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

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

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

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

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

 

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

 סרטון הפלאש

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

מבט לאתר

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

תפריט ימני

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

 תפריט מרכזי

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

 תפריט עליון

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

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

 חיפוש חושל

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

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

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

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

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

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

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

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

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

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