עשה לך עיצוב ובנה לך אתר

מרץ 26, 2010

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

בטח אתם שואלים את עצמיכם (״לא אנחנו לא!״) איך מתחילים ללמוד בכלל HTML וCSS  ולגמרי במקרה הכינותי מראש (באמת אמרתי את זה?) כמה כלים באינטרנט שקיבלתי/מצאתי כדי לענות על הדרישה.

הכלי הראשון הוא שני שיעורים להורדה, אחד על XHTML והשני על CSS שמחולקים למס' סרטונים המסווגים לפי נושאים ומסבירים שלב אחרי שלב על השימוש בפונקציות של השפות.
הכלי השני הוא אתר אינטרנט ישראלי בשם וובמאסטר שמתכלל בתוכו שיעורים לקריאה בעברית על כל שפות האינטרנט.
עוד 2 אתרים מצוינים הם css-tricks ו tutsplus שמספקים מדריכים מעולים למתחילים ולמתקדמים בCSS.
הכלי האחרון הוא חבר וותיק בשם מר.גוגל שבהכנסת מילות החיפוש "CSS Tutorials" יספק לכם עשרות מדריכים בנושא!

התגובות שלכם לפוסט צריכות להיראות ככה: "שמע דניאל אתה מלך!"

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

חג פסח כשר,שמח וחסר עצירויות לכולם!

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

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

דצמבר 28, 2009

בעקבות הרעל שיצרתי (בעיקר לעצמי) בפוסט הקודם התחלתי להתעניין בעיצוב מערכות וורדפרס (״וואו מפתיע״, כן אני יודע, הגיוני שאני אתעניין במשהו שכתבתי..) תוך כדי עבודה על קבצי המערכת נתקלתי בבעיה מעניינת (אולי לא כל כך מעניינת – תחליטו אתם).
לאחר ששיחקתי להנאתי בקבצי הCSS בלי שמץ של מושג מה אני עושה, רציתי לראות מה ההשלכות לשינויים שביצעתי על עיצוב המערכת אך אויה, כדי לראות את התוצאות נזקקתי (״נז-מה?!״, נזקקתי! שורש ז.ק.ק- מילה מאוד שימושית) למערכת וורדפרס פעילה ומקוונת ומכיוון שלא הייתי מסתכן בלראות מה יקרה לבלוג אם אפעיל עליו את זוועות הCSS שיצרתי, והמחשב האישי חסר יכולת בהפעלת קבצי php או תמיכה בMysSQL, פניתי לחבר ותיק (ותיק, אבל כנראה לא כל כך טוב כי אפילו בפייסבוק אין לי אותו) לעזרה. מר גוגל.
את הפיתרון שמצאתי הפכתי למדריך וכך נוצר:

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

מידע כללי: תפקידה של WampServer הוא ליצור שרת מדומה על המחשב האישי בו תוכלו להפעיל קבצי Web בעלי בסיסי נתונים בהם Windows לא תומך בד"כ (כמו מערכות php לדוגמא).

סד"פ: ("תחי מדינת ישראל, כל הכבוד לצה"ל..")

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

-דאבלקו (לחצו דאבל קליק עם העכבר) על הסמל שנוצר על שולחן העבודה לאחר ההתקנה שנראה כך:

-עכשיו יופיע לכם בשורת "התחל" הסמל הבא:

-לחצו עליו פעם אחת ובחרו "Start All Services"

-לאחר מכן כתבו בשורת הכתובות של הדפדפן בו אתם משתמשים את צירוף המילים "localhost".

-יפתח לכם עמוד המערכת של השרת המדומה שלכם:

-הכנסו לקישור "phpmyadmin" וצרו מאגר נתונים חדש ע"י מעבר לסימניית "מאגרי נתונים" והזנת שם בתיבה תחת הכותרת "יצירת מאגר נתונים חדש" (אני בחרתי בשם מאוד מקורי למאגר הנתנוים שלי: "wordpress" *ראו תמונה)

*

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

-חלצו את קובץ הZip לתיקית "www" שנמצאת ב"C:\wamp\www" (שימו לב שאם התקנתם את הWampServer במקום אחר תצטרכו לשנות הנתיב בהתאם).

-הדבר האחרון שתצטרכו לעשות יהיה להתקין את הבלוג.

-הקלידו בשורת הכתובות "localhost/wordpress" ועקבו אחרי ההוראות (*בשלב הזה אם לתיקית הוורדפרס שלכם קראתם בשם אחר תצטרכו לשנות את המילה "wordpress" לשם התיקיה שיצרתם).

-מזל טוב! כרגע יצרתם לעצמכם בלוג על המחשב האישי.

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

-עריכה של קבצי הphp/CSS תהיה מן הסתם בתיקית "C:\wamp\www\wordpress" שיצרתם.

חשוב לציין שמדובר בשרת מדומה ולא תוכלו לגשת אליו מהרשת אלא רק מהמחשב האישי שלכם!

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

לבעיות/שאלות/בקשות אתם מוזמנים לפנות אלי בתגובות בבלוג או במייל.

תהנו!


סבבה והכל אבל…

דצמבר 24, 2009

מכירים את המשחק "סבבה והכל אבל.."?

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

"הוא סבבה והכל אבל מנהל רומן עם נמלה"

"היא סבבה והכל אבל מגדלת זקן ופיאות"

"היא סבבה והכל אבל בעלת עין וגבה אחת"

"הוא סבבה והכל אבל ישן עם אייפון במיטה" (שתיקה מביכה)

וכך הלאה…

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

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

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

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


למי למי יש יותר כבוד? עשרה פורטפוליואים תוצרת הארץ

אוקטובר 28, 2009

flagisrael

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

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

http://www.ykstudio.net

http://www.evolvemedia.co.il

http://www.barzilaidesign.com

http://www.propoza.co.il

http://www.websense.co.il

http://www.sl-design.co.il

http://www.refresh.co.il

http://www.eranimation.com

http://www.clutch.co.il

http://breezecreative.com

 


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

אוקטובר 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)

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

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

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

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


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

ספטמבר 11, 2009

gili

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

המושג הראשון שלמדתי במהלך מסעי היה Layouts.

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

ואני אענה: "בסדר מה איתכם?הכל טוב?"

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

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

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

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

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

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

http://www.webdesign-tutorials.com

http://www.webdesignerwall.com

http://www.webdesign.org

http://www.tutorialman.com/layouts/page1

http://www.talk-mania.com/tutorial/web-layouts-c-12.html

http://psd.tutsplus.com/category/tutorials

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

תהנו ובהצלחה!

שתהיה שבת שלום.