מעצבי אתרים: לקודד או לא לקודד?

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

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

רק אחורה בזמן.

עיצוב אתרים כתחום קיים מאז פרסום נטסקייפ 1.0 (פסיפס) בשנת 1995. עיצוב ובניית אתר אינטרנט הבשילו ב-20 השנים האחרונות. אז, יצרת דפי אינטרנט משלך עם, למשל, Microsoft FrontPage ו- TextEdit. DreamWeaver הגיע מאוחר יותר. זה היה חלוצי... עשית הכל בעצמך, מהרעיון, העיצוב ועד HTML.

שדה בוגר

עַכשָׁיו? האפשרויות לעצב ולקוד אתר הורחבו ושופרו. הרבה דיסציפלינות אינטרנט שונות צצו; זה כבר לא המקרה שאדם אחד מספק אתר אינטרנט. במיוחד לא עם אתרי האינטרנט המורכבים והמקצועיים. מעיצוב חזותי, UX, CSS, מ תוכן לקידום אתרים - יש שם מומחה לכל רכיב. יש לנו גם תוכניות טובות יותר לרשותנו, ושיטות עבודה מומלצות זמינות בקלות.

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

קמו דיסציפלינות אינטרנט רבות שהמומחיות בהן ניכרת מהכותרת שלהן. המונח 'מעצב אתרים', לעומת זאת, פתוח לפרשנויות רבות. עבור אדם אחד, מעצב אתרים מתמקד רק בעיצוב החזית (המראה והתחושה). עבור האחר, מי שגם ממיר את העיצובים שלו ל-HTML / CSS, או אפילו את ה-front-end ו-back-end השלם.

קידוד: כן או לא?

לעתים קרובות ניסיתי להפוך את הקידוד לשלי, אבל אני לא יכול להפריד בין המונחים כמו class, tag, container, div ו-span, שלא לדבר על אילו פרמטרים שייכים. אני תמיד מועד על עקומת הלמידה התלולה כדי לספק קוד מסודר ונכון.

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

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

התמחות

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

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

'הבחור הנדיר'.

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

מעצבי אתרים מקודדים?

האם יש אור באופק למעצבים כמוני? האם קידוד חזיתי יהיה WYSIWYG לחלוטין למשך זמן רב? מכיוון שתכנות Postscript הוחלף מזמן ב-WYSIWYG בעבודה עם Adobe Illustrator (האם ידעת שה-Illustrator של Adobe פותח במקור כצופה כדי להציג את קוד Postscript בכתב יד שלך?!

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

גרור ושחרר

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

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

אין יותר קוד!

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

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

תסתכל עמוק יותר מהמסך שלך.

עובד לחלוטין ללא א רעיון של קוד - כפי שאנו מקודדים כעת Postscript עם Adobe Illustrator מבלי לשים לב - אנחנו עדיין לא כל כך רחוקים. התרגום הידני (למחצה) מעיצוב לקוד (חזיתי) עדיין יהיה נחוץ. יישומי WYSIWYG מורכבים כעת משתי תצוגות: 'תצוגת קוד' ו'תצוגת גרור ושחרור'. אבל הפיתוח הולך מהר. בקרוב נדע שמשהו עובד או לא עובד, אבל לא כל כך למה. וזה בהחלט לא יחזיק מעמד 20 שנה. או שזו משאלת לב? או שזה רע?

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

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

ידע בסיסי בתהליך הפיתוח

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

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

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

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

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

מעצבי אתרים או מפתחי אתרים?

אוקיי, אז בסוף הפוסט הזה, יהיו לך:

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

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

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

היפטר מהמיתוסים על קודנים

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

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

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

ללמוד להיות מתכנת קשה יותר מאשר ללמוד להיות מעצב (או להיפך).

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

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

מפתחים מרוויחים יותר מ-$$$.

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

• מעצב אתרים: 66,000 דולר.
• מפתחי אתרים: 87,000 דולר

*חיפוש שכר מאוחזר עבור ארה"ב

אבל אם תתחיל לחפש תחומים ספציפיים יותר בשכר של מעצב אתרים, תראה שהשניים תחרותיים:

• מעצב אינטראקציה: 93,000 דולר
• עיצוב נייד: 92,000 דולר
• מעצבי חווית משתמש: 92,000 דולר

*חיפוש שכר מאוחזר עבור ארה"ב

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

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

למעצבי אתרים אין קוד.

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

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

למעצבי אתרים שיכולים לקודד, במיוחד אלה עם מיומנויות ברמה הבאה כמו Sass ו-JavaScript, יש ביקוש גבוה. אנחנו קוראים להם חדי קרן.