מה רוצים מהגרפיקאית?!

[Shlomi]

קינג, מזה ערך 'יוני לוקסנברג' באיזה אנציקלופדיה הערך הזה מופיע??

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

 

[KingYes]

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

 

[Shia]

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

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

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

החלטתי לבדוק:
א. מה כותבים עורכי בלוגים בנושא "כישורים נחוצים למעצב אתרים" - לכן חיפשתי את בגוגל את הביטוי "Essential Web Design Skills".

ב. מהו סט הכישורים שמעצבי אתרים פרילנסרים מציגים.
לצורך כך עשיתי חיפוש בגוגל על הביטוי "freelance web designer" ובחנתי את הפורטפוליו של עשרות מעצבי ווב עצמאיים מכל רחבי העולם...

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


להלן התוצאות שקיבלתי:
החיפוש "Essential Web Design Skills" הוביל למספר מכובד של מאמרים מאנשים שונים ממקומות שונים בעלי גישות שונות ומגוונות.
אבל דבר אחד משותף לכולם: כולם שמים את HTML וCSS במקום הראשון ברשימת הכישורים הטכניים הנדרשים ממעצב אתרים.
לקריאה נוספת:
http://www.infojuice.co.uk/five-essential-skills-for-web-designers
http://designreviver.com/articles/10-essential-skills-every-graphic-designer-should-have/
http://websolution-centre.blogspot.co.il/2011/04/essential-skills-for-professional-web.html
http://www.prlog.org/11733375-essential-skills-in-website-design-and-graphic-design.html
http://indiammug.com/skills-for-a-web-designer.html
http://www.creare-webdesign.co.uk/blog/students/top-10-skills.html

החיפוש "freelance web designer" הניב אינספור אתרים של מעצבי אתרים מאמריקה, אנגליה, הודו, בנגלדש, וכמעט כל מקום בעולם. גם כאן מצאתי הרבה הבדלים בין המעצבים השונים, אבל גם כאן היה מכנה משותף בולט: כולם מתגאים בכישורי HTML וCSS מעולים.
צפה בקובץ המצורף 133506

במודעות דרושים בסמשינג. נזהרתי להסתכל אך ורק במשרות לתפקיד Web Designer ולא חלילה Web Designer/Developer.
הנה מה שמצאתי ברשימת הכישורים הנדרשים במודעות שבדקתי:

Demonstrated expertise in CSS and HTML (including fluency with hand coding).

Excellent knowledge of HTML, CSS and JavaScript
Experiences in using common JavaScript libraries (e.g. jQuery/MooTools/YUI)

A solid understanding and experience of HTML, CSS, jquery, and JavaScript, PHP essential – MySQL would be a benefit

Strong Understanding of: CSS, HTML, JQuery, DHTML W3C, CSS, JavaScript, IIS, XML, Wordpress

Expert in HTML/CSS

ובעברית: אם אין לך ידע מעמיק בHTML+CSS, אל תטרח להתמודד על המשרות האלה.


גם בישראל, ברוב מודעות הדרושים לתפקיד מעצב אתרים מופיעה השורה:
ידע ב- HTML - חובה.
עדיפות לבעלי HTML ו-CSS
היכרות מעמיקה עם HTML/CSS


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

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

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

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

אני צודקת?

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

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

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

 

[KingYes]

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

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

 

[wmw]

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

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

 

[KingYes]

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

 

[Shia]

אם זו מישהי שכותבת HTML ו"קודדה כבר כמה אתרים, כש[כמעט] לא היה מה לתקן אחריה", אין מצב שהיא לא מצליחה להבין מה קורה בקוד של HTML5.

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

הוסיפו כמה תגים חדשים כמו This user does not have permission to use the HTML BB code.-אין להם משמעות מבחינת העיצוב, זה רק לשיפור הסמנטיקה, הסבר של 5 דקות והרעיון מובן...

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

והסירו את התמיכה בכמה תגים מיושנים שממילא אף אחד כבר לא משתמש בהם שנים.

כל היתר נשאר כמו שהיה.

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

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

 

[KingYes]

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

 

[Shia]

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

הסתכלתי על החתימה שלך וניסיתי ליישב לעצמי איזו סתירה קטנה:
אני רואה מפתח ווב מוכשר, שלא מסתפק בPHP+MYSQL אלא מתעסק גם עם HTML שזו שפת מרקאפ, עם CSS שזו שפה דקלרטיבית שמטפלת בעיצוב נטו, עם Wordpress ומערכת התבניות שלה, עם JQUERY שזה ספריית js לפרונט ואפילו עם תבניות smarty המעצבנות ואני לא רוצה להמשיך את הרשימה עם כל הפריימוורקים שאתה בטח שוחה בהם...

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

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

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

 

[Shia]

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

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

 

[wmw]

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

 

[Shlomi]

עוד בנושא זה - הרצאה מומלצת בחום:
http://www.youtube.com/watch?v=f6V5gAZKh_Q&feature=BFa&list=PL25AA620AD3F89624

 

[בקופסא]

הנה מאמר מצוין שמסביר למה מעצבים לאינטנרט חייבים לדעת html css.

http://elliotjaystocks.com/blog/web-designers-who-cant-code/

 

[chani-studi]

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

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

וזה כן עבודה של המקודד.
HTML ו-CSS הולכים ביחד.

מתכנת עובד עם שפות צד שרת כמו ASP.NET/PHP

 

[chani-studi]

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

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

אוקיי, כולנו לא למדנו HTML5
אלא רק HTML
המעבר לHTML5 ממש לא קשה!
להיפך הרבה יותר כיף לעבוד עם זה
הקוד הרבה יותר פשוט ונקי.

 

[KingYes]

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

שמתרגלים לעבוד עם קידוד נכון, תראה שלא תוכל לחזור לטבלאות.. שמגדירים הכל ב-CSS (במיוחד שלא שוכחים כמו המון להשתמש ב-CSS RESET), תראה שכבר 99% מהקוד שלך כבר תואם לכל הדפדפנים.

 

[esty_s]

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

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

שלב אחרי העיצוב שהוא מגיע ב-PSD (או JPG חתוך), יש את המקודד. הוא פשוט מקודד את העיצוב לרמת HTML+CSS.

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

לסיכום:
- מעצבת לא צריכה לדעת HTML במלוא הנימה.. כל המוסיף גורע. רק חשוב מאוד שתדע את הכללים לבנית דפים ברמה עיצובים ולא ברמת קוד.

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

מתכנת - חייב לדעת את ה-HTML+CSS ברמה סבירה שידע לשנות דברים שהמקודד (כמו רוב המקרים) שכח להתייחס אליהם.. כמובן שכל הידע הזה הוא לא חובה עבורו, אבל זה דבר מאוד חשוב. במיוחד אם המקצוע שלו הוא מתכנת אתרים.

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

שיהיה בהצלחה.

ברוב אתה צודק,אבל כן חשוב למעצב להבין אפילו ברמה בסיסית HTML,CSS, (ידע במערכת ניהול גם לא תזיק). זה עוזר בהבנת תהליך העיצוב וההתנהלות מול המתכנת! :/ הכרחי - לא , יתרון - כן

 

[sunshine]

הנה מאמר מצוין שמסביר למה מעצבים לאינטנרט חייבים לדעת html css.

http://elliotjaystocks.com/blog/web-designers-who-cant-code/

חסום...
אפשר להוריד?