Genesis

פברואר 26, 2009

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

הנושא שלנו להיום הוא: [………….תופים בבקשה]:

איך מתחילים לעצב?! או: טיפים למעצב המתחיל!

קיבלתי במייל פניה ממישהו שהתמכר לבלוג [לא משקר, סיפור אמיתי!] וכך נכתב:

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

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

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

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

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

דוגמאות לעיצובים קטנים שלי [ויש עוד הרבה]:

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

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

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

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

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

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

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

Crazy PuppetMatrix

פברואר 26, 2009

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


http://www.youtube.com/watch?v=Y7cIZrM7ImI

איזה אנשים חולים יש בעולם הא?..


רחוק מהציביליזציה קרוב לטבע!

פברואר 25, 2009

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

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

המפה כמו שקיבלנו אותה [ברור שבלי המספרים..]:

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

בתיאום למספרים על המפה:

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

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

3. זאת מערה?! כי עד שלא שאלנו ואמרו לנו שזה מוביל מים באמת האמנו שיש מערה שאנחנו מפספסים!

4. אף אחד לא אמר שיש טרמפולינה בסוף המסלול! הייתי לוקח את אחיין שלי 🙂

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

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

7. ספסל או במה?.. [היה לנו קטע עם ספסלים בטיול הזה]

8. ירד כל אותו היום גשם ובאמת שלא היתה טיפת מים בבאר הזאת חוץ מטיפות האף של חבר שלי.

9. אתם פשוט חייבים לקרוא את השלט הזה:

או כמו שחבר שלי טרח להגיב בפייסבוק [ואני בטוח שזה פחות או יותר מה שעולה גם לכם בראש]: "מי הפותחי צאקרות שרשמו את החרא הזה?!".

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

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

סה"כ באמת מסלול יפה.. ממליץ בחום!


בית שימושיות

פברואר 24, 2009

 לכבוד פורים, תחפושת מקורית לילד..

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

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

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

http://usabilitytalking.blogli.co.il/

[אין כאן שום עסק משפחתי סתם צירוף מקרים!..]

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


העידן הקדום

פברואר 24, 2009

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

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

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

[לכל המקפידים, זה99% פוטושופ ולא 100% בגלל הרקע שלקחתי מWindows..]


גו גו פאוורנג'רס!!

פברואר 23, 2009

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

וכמו שאתם רואים יש לי מלא דברים לעשות כמו לפתוח בלוג וכמו לשבת כל היום מול המחשב ולראות סרטים.
בלי סיבה מיוחדת נכנס בי איזשהו התקף הזוי של נוסטלגיה לראות את הסרט של הפאוורנג'רס! [וכנראה גם בWNET כי משם הורדתי את הסרט] [אמרתי הורדתי? התכוונתי להגיד שקניתי. קניתי את הסרט בדרך הכי חוקית שיש!].

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

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

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


לעיניך בלבד..

פברואר 22, 2009


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

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

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

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

http://usabilitytalking.blogli.co.il

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

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

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

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

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

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

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

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

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