SlideShare ist ein Scribd-Unternehmen logo
1 von 105
Downloaden Sie, um offline zu lesen
‫וקישורים‬ ‫כלים‬ ,‫טיפים‬ ,‫מבוא‬
‫שרייבר‬ ‫שגיא‬
‫מגזין‬ ‫פרפקט‬ ‫פיקסל‬
pixelperfect.co.il
‫בחוץ‬ ‫שם‬ ‫בשבילנו‬ ‫שם‬ ‫יש‬ ‫מה‬
1
‫המיוסרים‬ ‫האמנים‬ ‫שאנחנו‬ ‫היא‬ ‫גדלנו‬ ‫שאיתה‬ ‫התפיסה‬
‫מגניבים‬ ‫סופר‬ ‫אנחנו‬ ‫הדיגיטלי‬ ‫בעולם‬ - ‫נכון‬ ‫לא‬ ‫ממש‬ ‫זה‬ ‫אבל‬
‫הדיגיטלי‬ ‫העיצוב‬ ‫בתחום‬ ‫סופית‬ ‫אין‬ ‫עבודה‬ ‫כמות‬ ‫ויש‬
‫לקוח‬
‫בחוץ‬ ‫שם‬ ‫לקוחות‬ ‫המון‬ - ‫לקוחות‬ ‫לנו‬ ‫ויש‬
‫צורות‬ ‫מני‬ ‫בכל‬ ‫באים‬ ‫לקוחות‬
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
‫תשובות‬ ‫להם‬ ‫לתת‬ ‫לדעת‬ ‫צריכים‬ ‫אנחנו‬ ‫אלינו‬ ‫מגיעים‬ ‫הם‬ ‫וכאשר‬
‫אתרים‬
?‫ולדעת‬ ‫להכיר‬ ‫צריכים‬ ‫שאנו‬ ‫מסביבם‬ ‫יש‬ ‫ומה‬ ?‫יש‬ ‫אתרים‬ ‫סוגי‬ ‫אילו‬
‫אלינו‬ ‫מגיע‬ ‫תכשיטים‬ ‫חנות‬ ‫בעל‬ ‫ולקוח‬ ‫נניח‬
‫שלו‬ ‫העסק‬ ‫את‬ ‫יציג‬ ‫שרק‬ ‫אתר‬ ,‫עמודים‬ ‫כמה‬ ‫עם‬ ‫אתר‬ ‫רוצה‬ ‫הלקוח‬
‫תדמיתי‬ ‫אתר‬
,‫אודות‬ ‫דף‬ ,‫בית‬ ‫דף‬ ‫יכלול‬ ‫בד”כ‬ .‫שיש‬ ‫פשוט‬ ‫הכי‬ ‫מהסוג‬ ‫אתר‬ ‫זה‬ .‫תדמיתי‬ ‫אתר‬ ‫נקרא‬ ‫ה‬
‫פנימיים‬ ‫דפים‬ ‫כמה‬ ‫עוד‬ ‫ואולי‬ ,‫קשר‬ ‫צור‬ ‫דף‬
:‫דוגמאות‬ ‫כמה‬
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
‫קטלוגי‬ ‫אתר‬
‫באתר‬ ‫איזור‬ ‫עם‬ ‫רק‬ ‫תדמיתי‬ ‫אתר‬ ‫זהו‬ .‫לו‬ ‫להציע‬ ‫יכולים‬ ‫שאנו‬ ‫קטלוגי‬ ‫אתר‬ ‫גם‬ ‫שנו‬
.‫למבקרים‬ ‫שלו‬ ‫המוצרים‬ ‫קטלוג‬ ‫את‬ ‫להציג‬ ‫יוכל‬ ‫הוא‬ ‫שבו‬
‫קטלוגי‬ ‫אתר‬
‫ספציפי‬ ‫מוצר‬ ‫של‬ ‫תמונות‬ ‫לראות‬ ‫יכול‬ ‫הלקוח‬ ‫ושם‬ ,‫מוצר‬ ‫דף‬ ‫פריט‬ ‫לכל‬ ‫יש‬ ‫קטלוגי‬ ‫אתר‬
.‫מוצר‬ ‫אותו‬ ‫של‬ ‫מהדף‬ ‫ישר‬ ‫מיוחד‬ ‫בטופס‬ ‫קשר‬ ‫ליצור‬ ‫אפילו‬ ‫ואולי‬
‫הבית‬ ‫דף‬ - ‫קטלוגי‬ ‫אתר‬ ‫של‬ ‫דוגמה‬
‫הקטלוג‬
‫המוצר‬ ‫דף‬
‫מקוון‬ ‫סחר‬ ‫אתר‬
e-commerce
‫הבית‬ ‫דף‬ - ‫קטלוגי‬ ‫אתר‬ ‫של‬ ‫דוגמה‬
‫באתר‬ ‫מוצרים‬ ‫לרכוש‬ ‫ואפשרות‬ ‫קניות‬ ‫עגלת‬ ‫עם‬ ‫רק‬ ‫קטלוגי‬ ‫אתר‬ ‫זהו‬ .‫מקוון‬ ‫סחר‬ ‫אתרי‬ - ‫ולסיום‬
.‫תכנות‬ ‫מבחינת‬ ‫יקר‬ ‫הכי‬ ‫יהיה‬ ‫גם‬ ‫כזה‬ ‫אתר‬ .‫עצמו‬
‫דוגמה‬
‫דוגמה‬
‫יפים‬ ‫אתרים‬ ‫משתפים‬ ‫אנו‬ ‫שבו‬ ”‫בשישי‬ ‫“השראה‬ ‫את‬ ‫מפרסמים‬ ‫אנו‬ ‫שישי‬ ‫מדי‬ ‫פרפקט‬ ‫בפיקסל‬
.‫שיצאו‬ ‫חדשים‬ ‫באתרים‬ ‫להתעדכן‬ ‫מומלץ‬ .‫האחרון‬ ‫בשבוע‬ ‫שמצאנו‬
cssdesignawards.com
‫מאתרים‬ ‫השראה‬
awwwards.com
csswinner.com
makebetterwebsites.com
verynicesites.com
siteinspire.com
pixelperfect.co.il/inspiration
‫פורמטים‬ ‫סוגי‬
‫פורמטים‬ ‫סוגי‬
‫רגיל‬ ‫אתר‬
HTML + CSS + Javascript (mostly)
‫זה‬ ‫אם‬ ‫בין‬ ‫דפדפן‬ ‫כל‬ .‫לקרוא‬ ‫יכול‬ ‫שהדפדפן‬ ‫פשוט‬ ‫מקוד‬ ‫בנויים‬ ‫רגילים‬ ‫אתרים‬
.‫השפות‬ ‫אותן‬ ‫את‬ ‫קוראים‬ ‫כולם‬ - ‫פיירפוקס‬ ‫או‬ ‫כרום‬ ‫אקספלורר‬
מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013
1140 ‫של‬ ‫לרוחב‬ ‫כבר‬ ‫מעצבים‬ ‫אנחנו‬ ‫היום‬ ?‫אתר‬ ‫לעצב‬ ‫שבאים‬ PSD ‫בכלל‬ ‫פותחים‬ ‫איך‬ ‫אז‬
‫כלומר‬ ”‫ה”פולד‬ ‫מעל‬ ‫מרכזי‬ ‫הכי‬ ‫הכפתור‬ ‫את‬ ‫לשמור‬ ‫רצוי‬ ‫אבל‬ ,‫משנה‬ ‫כך‬ ‫כל‬ ‫לא‬ ‫כבר‬ ‫גובה‬ ,‫פיקסלים‬
.‫למטה‬ ‫גוללים‬ ‫שממנה‬ ‫הנקודה‬ ‫מעל‬
‫פורמטים‬ ‫סוגי‬
‫רגיל‬ ‫אתר‬
PSD 1280px GRID 1140px
PSD ‫תבנית‬ ‫להורדת‬ ‫כאן‬ ‫לחצו‬
.‫בחינם‬ ‫לכם‬ ‫שהכנו‬
‫פורמטים‬ ‫סוגי‬
‫מובייל‬ ‫אתרי‬
‫בסמארטפונים‬ ‫לצפייה‬ ”‫“מותאמים‬ ‫אתרים‬ ‫אלו‬ .‫מובייל‬ ‫אתרי‬ ‫כמו‬ ‫אתרים‬ ‫של‬ ‫סוגים‬ ‫עוד‬ ‫ישנם‬
.‫טבלטים‬ ‫גם‬ ‫ולפעמים‬
‫פורמטים‬ ‫סוגי‬
‫מובייל‬ ‫אתרי‬
Jquery mobile ‫בשם‬ Javascript ‫בספריית‬ ‫שימוש‬ ‫ידי‬ ‫על‬ ‫נעשים‬ ‫אלו‬ ‫אתרים‬ ‫לרוב‬
.‫רגילים‬ ‫במחשבים‬ ‫שרואים‬ ‫הרשמי‬ ‫מהאתר‬ ‫לחלוטין‬ ‫שונה‬ ‫אתר‬ .‫הרכבת‬ ‫אתר‬ ‫לדוגמה‬ ‫הנה‬
.‫דוגמה‬ ‫מציג‬ ‫רק‬ .‫לעיצוב‬ ‫פה‬ ‫נכנס‬ ‫לא‬ ‫אני‬ ,‫שוב‬
‫פורמטים‬ ‫סוגי‬
‫רספונסיביים‬ ‫אתרים‬
‫קוד‬ ‫כותבים‬ ,‫אחד‬ ‫אתר‬ ,‫אחד‬ ‫עיצוב‬ .‫רספונסיביים‬ ‫אתרים‬ ‫זה‬ ‫טוב‬ ‫הכי‬ ‫שהולך‬ ‫מה‬ ‫היום‬ ‫אבל‬
.‫שונות‬ ‫ברזולוציות‬ ‫לצפייה‬ ‫מותאם‬ ‫אתר‬ ‫ויש‬ ,‫אחת‬ ‫פעם‬
‫פורמטים‬ ‫סוגי‬
‫רספונסיביים‬ ‫אתרים‬
http://designmodo.com/responsive-design-examples/
:‫הבא‬ ‫בקישור‬ ‫דוגמאות‬ ‫למצוא‬ ‫תוכלו‬
http://www.smashingmagazine.com
‫בצורה‬ ‫האתר‬ ‫את‬ ‫ובנו‬ ‫מחדש‬ ‫עיצוב‬ ‫עשו‬ ‫בעולם‬ ‫הפופלארי‬ ‫העיצוב‬ ‫בלוג‬ - ‫מגזין‬ ‫סמאשינג‬
.‫רחב‬ ‫למסך‬ ‫דוגמה‬ ‫להלן‬ .‫רספונסיבית‬
.‫למעלה‬ ‫עבר‬ ‫הצדדי‬ ‫התפריט‬ ‫איך‬ ‫לב‬ ‫שימו‬ - ‫הדפדפן‬ ‫את‬ ‫שמקווצים‬
.‫מסביב‬ ‫הפרסומות‬ ‫כל‬ ‫ונעלמו‬ ‫נפתח‬ ‫התפריט‬ ‫איך‬ ‫לב‬ ‫שימו‬ ,‫טאבלטים‬ ‫רזולוציית‬ ‫של‬ ‫במצב‬
‫זה‬ ‫במצב‬ .‫מובייל‬ ‫מצב‬
‫מנת‬ ‫על‬ ‫גדלים‬ ‫גם‬ ‫הטקסטים‬
‫גם‬ ‫נוחה‬ ‫קריאות‬ ‫לאפשר‬
.‫בסמארטפונים‬
.‫שלכם‬ ‫וטבלטים‬ ‫מהסמארטפונים‬ ‫בו‬ ‫להינות‬ ‫ותוכלו‬ ‫רספונסיבי‬ ‫גם‬ ‫פרפקט‬ ‫פיקסל‬ - ‫שתדעו‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬
.‫תוכן‬ ‫ניהול‬ ‫מערכת‬ ‫יש‬ ‫אתר‬ ‫כל‬ ‫שמאחורי‬ ‫לדעת‬ ‫יש‬ ,‫האתרים‬ ‫בתחום‬ ‫עוד‬
‫באתר‬ ‫התכנים‬ ‫את‬ ‫לעדכן‬ ‫יוכל‬ ‫שלנו‬ ‫הלקוח‬ ‫שבאמצעותו‬ ‫אתר‬ ‫בעצם‬ ‫היא‬ ‫תוכן‬ ‫ניהול‬ ‫מערכת‬
.‫שלו‬ ‫האתר‬ ‫בתכני‬ ‫לו‬ ‫ששולט‬ ‫אתר‬ ‫בעצם‬ .‫שלו‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬
‫שלו‬ ‫האתר‬ ‫ניהול‬ ‫למערכת‬ ‫להיכנס‬ ‫מנת‬ ‫על‬ ‫וססמה‬ ‫משתמש‬ ‫שם‬ ‫מקבל‬ ‫הלקוח‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬
.‫באתר‬ ‫שינויים‬ ‫ולבצע‬ ‫מדיה‬ ‫להעלות‬ ,‫תכנים‬ ‫לשנות‬ ‫יכול‬ ‫הוא‬ ‫הניהול‬ ‫ממערכת‬
‫פופולאריות‬ ‫מערכות‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬
‫ומומלצת‬ ‫פופולארית‬ ‫הכי‬ ‫מעצבים‬ ‫בקרב‬ ‫ביניהן‬ ,‫תוכן‬ ‫לניהול‬ ‫פופולאריות‬ ‫מערכות‬ ‫כמה‬ ‫ישנן‬
‫גם‬ ‫ללמוד‬ ‫יכול‬ CSS-‫ו‬ HTML ‫טיפה‬ ‫שמבין‬ ‫ומי‬ ‫להבנה‬ ‫נוחה‬ ‫ממש‬ ‫היא‬ .‫וורדפרס‬ ‫היא‬ ‫לדעתי‬
.‫וורדפרס‬ ‫באמצעות‬ ‫תוכן‬ ‫ניהול‬ ‫מערכת‬ ‫עם‬ ‫שלם‬ ‫אתר‬ ‫להרים‬ ‫איך‬
‫ובלוגים‬ ‫אתרים‬
‫ובלוגים‬ ‫אתרים‬
‫מקוון‬ ‫סחר‬
‫פופולאריות‬ ‫מערכות‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬
‫תוכן‬ ‫ניהול‬ ‫מערכות‬ ‫יש‬ ‫מקוון‬ ‫סחר‬ ‫שלאתרי‬ ‫תדעו‬ ?‫מקוון‬ ‫סחר‬ ‫אתר‬ ‫ורוצה‬ ‫לאיכם‬ ‫בא‬ ‫לקוח‬
.‫כספים‬ ‫ותזרימי‬ ‫הזמנות‬ ‫אחר‬ ‫לערקוב‬ ‫ניתן‬ ‫האלו‬ ‫במערכות‬ .‫משלהם‬
‫לאתר‬ ‫מסביב‬
?‫לבקש‬ ‫יכולים‬ ‫שלקוחות‬ ‫עוד‬ ‫לנו‬ ‫יש‬ ‫מה‬ ‫אז‬
‫לאתר‬ ‫מסביב‬
‫באנרים‬
‫ולפעמים‬ JPG-‫כ‬ ‫לפעמים‬ .‫אותם‬ ‫לעצב‬ ‫צריך‬ .‫נגמרת‬ ‫לא‬ ‫שלעולם‬ ‫העבודה‬ ‫מסוג‬ ‫הם‬ ‫באנרים‬
.‫ממוקמים‬ ‫יהיו‬ ‫הבאנרים‬ ‫שבו‬ ‫והאתר‬ ‫הלקוח‬ ‫לדרישות‬ ‫בהתאם‬ .‫בפלאש‬
‫לאתר‬ ‫מסביב‬
‫רי-סייזינג‬
‫להתאים‬ ‫מנת‬ ‫על‬ ‫הבאנרים‬ ‫לגדלי‬ ‫רי-סייזינג‬ ‫עבודת‬ ‫באה‬ ‫באנר‬ ‫עיצוב‬ ‫עבודת‬ ‫כל‬ ‫עם‬ ‫בנוסף‬
.‫בהם‬ ‫יוצגו‬ ‫שהם‬ ‫השונים‬ ‫והמיקומים‬ ‫השונים‬ ‫לאתרים‬ ‫אותם‬
‫נחיתה‬ ‫דפי‬
‫לאתר‬ ‫מסביב‬
‫אלא‬ ,‫שלם‬ ‫לאתר‬ ‫לא‬ ‫זה‬ ‫כלל‬ ‫ובדרך‬ ,‫כלשהו‬ ‫לקישור‬ ‫להפנות‬ ‫צריכים‬ ‫מעצבים‬ ‫שאנו‬ ‫והבאנרים‬
.‫שיווקי‬ ‫מסר‬ ‫עם‬ ‫נחיתה‬ ‫לדף‬
CTA (Call to action)
‫נחיתה‬ ‫דפי‬
‫לאתר‬ ‫מסביב‬
‫טובים‬ ‫להיות‬ ‫צריך‬ ‫טוב‬ ‫נחיתה‬ ‫דף‬ ‫לעצב‬ ‫מנת‬ ‫על‬ .‫שלמה‬ ‫תורה‬ ‫מעצמו‬ ‫הוא‬ ‫נחיתה‬ ‫דפי‬ ‫עיצוב‬
.‫השיווקי‬ ‫המסר‬ ‫להעברת‬ ‫וקופי‬ ‫גדלים‬ ‫צבעים‬ ‫בחירת‬ ‫היא‬ ‫הכוונה‬ .”‫“המרה‬ ‫מונחה‬ ‫בעיצוב‬
‫ווידג’טים‬
‫לאתר‬ ‫מסביב‬
‫בלוג‬
.‫אתרים‬ ‫לעיצוב‬ ‫מסביב‬ ‫רק‬ ‫כאן‬ ‫עליהם‬ ‫עברתי‬ ‫שלא‬ ‫רציניות‬ ‫עבודות‬ ‫הרבה‬ ‫עוד‬ ‫שיש‬ ‫וכמובן‬
‫אפליקציות‬
.‫בארץ‬ ‫בשוק‬ ‫פה‬ ‫הנפוצות‬ ‫הסיטואציות‬ ‫אחת‬ ‫את‬ ‫רגע‬ ‫נראה‬ ‫בואו‬ ?‫השלם‬ ‫הפיתרון‬ ‫מהו‬
‫לעיצוב‬ ‫והמודעות‬ .‫בארץ‬ ‫כאן‬ ‫סטארטאפים‬ ‫המון‬ ‫לנו‬ ‫יש‬ .Startup nation-‫כ‬ ‫בעולם‬ ‫ידוע‬ ‫ישראל‬
.‫כדוגמה‬ ‫כלקוח‬ ‫אלינו‬ ‫שבא‬ ‫יזם‬ ‫פה‬ ‫ניקח‬ ‫אז‬ .‫בארץ‬ ‫סטארטאפים‬ ‫בקרב‬ ‫מאוד‬ ‫גבוהה‬ ‫היא‬ ‫טוב‬
‫רעיון‬ ‫יש‬ ‫שליזם‬ ‫מתחיל‬ ‫הכל‬
‫מקרנות‬ ‫או‬ - ‫פרטיים-אנג’לים‬ ‫ממשקיעים‬ ,‫שלו‬ ‫הרעיון‬ ‫לפיתוח‬ ‫הכסף‬ ‫את‬ ‫מגייס‬ ,‫הולך‬ ‫היזם‬
.‫שלו‬ ‫הסטארטאפ‬ ‫לעיצוב‬ ‫אליכם‬ ‫פונה‬ ‫הוא‬ ‫ועכשיו‬ ,‫סיכון‬ ‫הון‬
‫הרבה‬ ‫ויש‬ ,‫בהן‬ ‫שלו‬ ‫האפליקציה‬ ‫את‬ ‫לפתח‬ ‫לרצות‬ ‫יכול‬ ‫שהוא‬ ‫פלטפורמות‬ ‫הרבה‬ ‫יש‬
.‫ועוד‬ ,‫ווב‬ ‫אפליקציות‬ ,‫טאבלטים‬ ,‫סמארטפונים‬ ‫לנו‬ ‫יש‬ .‫מהן‬ ‫לבחור‬ ‫פלטפורמות‬
,8 ‫ווינדוס‬ ,‫ווב‬ ,iOS ‫אייפון‬ ,‫אנדרויד‬ ‫לנו‬ ‫יש‬ .‫הפעלה‬ ‫כמה‬ ‫כזאת‬ ‫פלטפורמה‬ ‫לכל‬ ‫גם‬ ‫שיש‬ ‫כמובן‬
.‫ועוד‬ ,‫משלהן‬ ‫חוקים‬ ‫להן‬ ‫שיש‬ ‫פייסבוק‬ ‫אפליקציות‬
‫ותדמית‬ ‫לוגו‬
...‫שלם‬ ‫פתרון‬ ‫לו‬ ‫שתתנו‬ ‫ירצה‬ ‫הוא‬ ‫אליכם‬ ‫פונה‬ ‫שלקוח‬
‫אפליקציה‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫אייקונים‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫שיווקיים‬ ‫חומרים‬
‫אייקונים‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫פייסבוק‬ ‫דף‬
‫שיווקיים‬ ‫חומרים‬
‫אייקונים‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫לטוויטר‬ ‫רקע‬
‫פייסבוק‬ ‫דף‬
‫שיווקיים‬ ‫חומרים‬
‫אייקונים‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫לטוויטר‬ ‫רקע‬
‫פייסבוק‬ ‫דף‬
‫יוטיוב‬ ‫ערוץ‬
‫שיווקיים‬ ‫חומרים‬
‫אייקונים‬
‫ותדמית‬ ‫לוגו‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫לטוויטר‬ ‫רקע‬
‫פייסבוק‬ ‫דף‬
‫יוטיוב‬ ‫ערוץ‬
‫שיווקיים‬ ‫חומרים‬
‫ותדמית‬ ‫לוגו‬
‫אייקונים‬
‫ביקור‬ ‫כרטיסי‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫לטוויטר‬ ‫רקע‬
‫פייסבוק‬ ‫דף‬
‫יוטיוב‬ ‫ערוץ‬
‫שיווקיים‬ ‫חומרים‬
‫ותדמית‬ ‫לוגו‬
‫אייקונים‬
‫ביקור‬ ‫כרטיסי‬
‫חולצות+ווסאח‬
‫אפליקציה‬
‫לאפליקציה‬ ‫אתר‬
‫לטוויטר‬ ‫רקע‬
‫פייסבוק‬ ‫דף‬
‫יוטיוב‬ ‫ערוץ‬
‫שיווקיים‬ ‫חומרים‬
‫ותדמית‬ ‫לוגו‬
‫אייקונים‬
‫ביקור‬ ‫כרטיסי‬
‫חולצות+ווסאח‬
‫פרינט‬ ‫עוד‬
‫עולם‬ ‫היא‬ ‫הפעלה‬ ‫מערכת‬ ‫כל‬ .‫לעיצוב‬ ‫הנחיות‬ ‫מבחינת‬ ‫שלה‬ ‫החוקים‬ ‫את‬ ‫יש‬ ‫פלטפורמה‬ ‫לכל‬
.‫וטרנדים‬ ‫טיפוגרפיה‬ ,‫בסיס‬ ‫קווי‬ ,‫עיצוביות‬ ‫נורמות‬ ,‫רזולוציות‬ ‫סוגי‬ ‫מבחינת‬ ‫חדש‬
?‫להכל‬ ‫מקצועית‬ ‫בצורה‬ ‫מענה‬ ‫לתת‬ ‫נדע‬ ‫איך‬
.‫חושבים‬ ‫שאתם‬ ‫ממה‬ ‫פשוטה‬ ‫יותר‬ ...‫פשוטה‬ ‫היא‬ ‫התשובה‬
,‫למדתם‬ ‫לא‬ ‫שעוד‬ ‫פלטפורמה‬ ‫על‬ ‫אפליקציה‬ ‫לעצב‬ ‫אליכם‬ ‫פנה‬ ‫לקוח‬ ‫אם‬ .‫הכל‬ ‫יש‬ ‫בגוגל‬ !‫גוגל‬
‫וגם‬ ‫לפני‬ ‫לגוגל‬ ‫לכו‬ ‫פשוט‬ .‫חדשות‬ ‫פלטפורמות‬ ‫על‬ ‫תתמקצעו‬ ‫לא‬ ‫בחיים‬ ‫אז‬ ‫כי‬ .”‫“לא‬ ‫תגידו‬ ‫אל‬
‫מה‬ ‫לפי‬ ‫ותעבדו‬ ,‫פלטפורמה‬ ‫אותה‬ ‫על‬ ‫שתוכלו‬ ‫החומר‬ ‫כל‬ ‫את‬ ‫חפשו‬ ,‫הפרוייקט‬ ‫בזמן‬
.‫לפניכם‬ ‫עליה‬ ‫וכתב‬ ‫אליה‬ ‫עיצב‬ ‫כבר‬ ‫מישהו‬ ,‫מדובר‬ ‫פלטפורמה‬ ‫באיזה‬ ‫משנה‬ ‫לא‬ .‫שלמדתם‬
guidelines-‫ו‬ ,template, tutorial ‫המילים‬ ‫עם‬ ‫ספציפית‬ ‫בצורה‬ ‫חפשו‬ ,‫חומר‬ ‫מחפשים‬ ‫שאתם‬
,‫לאייפון‬ ‫טמפלטים‬ ‫וקבצי‬ ‫למקורות‬ ‫קישורים‬
...‫ועוד‬ ‫פייסבוק‬ ,‫אנדרויד‬
pixelperfect.co.il/tools-for-designers/digital-design-intro
‫חינמיים‬ ‫טמפלטים‬ ‫מוציאים‬ ‫אנו‬ ‫פרפקט‬ ‫פיקסל‬ ‫של‬ ‫בניוזלטר‬
.‫להירשם‬ ‫מומלץ‬ .‫שבוע‬ ‫כל‬ ‫למעצבים‬
http://www.pixelperfect.co.il/newsletter-signup/
‫שלי‬ ‫האישי‬ ‫מהנסיון‬ ‫טיפים‬
2
‫תקופת‬ ‫ובניצול‬ ‫בתחום‬ ‫העבודה‬ ‫לתחילת‬ ‫בנוגע‬ ‫שלי‬ ‫האישי‬ ‫מהנסיון‬ ‫בטיפים‬ ‫אשתף‬ ‫זה‬ ‫בחלק‬
.‫ומהנה‬ ‫יעילה‬ ‫בצורה‬ ‫הלימודים‬
‫בעניינים‬ ‫להיות‬
!‫השראה‬ ‫השראה‬ ‫השראה‬
‫בתחום‬ ‫בעניינים‬ ‫ולהשאר‬ ‫השראה‬ ‫לשאוב‬ ‫בלי‬ .‫כמעצבים‬ ‫שלכם‬ ‫במהות‬ ‫נוגע‬ ‫הזה‬ ‫הטיפ‬
.‫העבודה‬ ‫בשוק‬ ‫או‬ ‫בלימודים‬ ‫ולהצליח‬ ‫להתקדם‬ ‫תוכלו‬ ‫לא‬ ‫העיצוב‬
‫השונות‬ ‫הטכנולוגיות‬ ‫על‬ ‫לקרוא‬ ‫צריך‬ ‫ותמיד‬ ,‫עיצובים‬ ‫ולנתח‬ ‫להסתכל‬ ‫צריך‬ ‫תמיד‬
.‫העיצוב‬ ‫בתחום‬ ‫וההתפתחויות‬
.‫מאוד‬ ‫מהר‬ ‫מאחור‬ ‫נשאר‬ ‫אנחנו‬ ‫השראה‬ ‫בו‬ ‫נשאב‬ ‫לא‬ ‫שאם‬ ‫בתחום‬ ‫נמצאים‬ ‫אנחנו‬
‫בעניינים‬ ‫להיות‬
!‫השראה‬ ‫השראה‬ ‫השראה‬
.‫מגזין‬ ‫וסמאשינג‬ ‫דריבל‬ :‫יומית‬ ‫בהם‬ ‫להתעדכן‬ ‫שמומלץ‬ ‫מעולים‬ ‫אתרים‬ ‫שני‬ ‫יש‬
‫בעניינים‬ ‫להיות‬
!‫השראה‬ ‫השראה‬ ‫השראה‬
‫לשאוב‬ ‫שם‬ ‫להיכנס‬ ‫אפשר‬ .‫איכותיים‬ ‫למעצבים‬ ‫חברתית‬ ‫רשת‬ - dribbble.com - ‫דריבל‬
.‫הפוטושופ‬ ‫את‬ ‫שפותחים‬ ‫לפני‬ ‫מדברים‬ ‫השראה‬
‫בעניינים‬ ‫להיות‬
!‫השראה‬ ‫השראה‬ ‫השראה‬
‫כל‬ ‫ומפרסם‬ ,‫בעולם‬ ‫פופולרי‬ ‫הכי‬ ‫העיצוב‬ ‫בלוג‬ - smashingmagazine.com - ‫מגזין‬ ‫סמאשינג‬
.‫ווב‬ ‫ותכנות‬ ‫המשתמש‬ ‫חווית‬ ,‫העיצוב‬ ‫עולם‬ ‫של‬ ‫החנית‬ ‫בחוד‬ ‫כתבות‬ ‫יום‬
http://www.dribbble.com
http://www.smashingmagazine.com/
http://www.noupe.com
http://webdesignledger.com
http://sixrevisions.com
http://webdesignerwall.com/
http://www.land-of-web.com
http://www.onextrapixel.com
http://designinstruct.com
http://line25.com/
http://www.blog.spoongraphics.co.uk/
http://the99percent.com/
http://www.developerdrive.com/
http://www.netmagazine.com/
http://designmodo.com/
http://speckyboy.com/
http://mashable.com/
http://www.webdesignerdepot.com/
http://designshack.net/
http://www.uxbooth.com/
http://thinkvitamin.com/
http://www.alistapart.com/
http://johnnyholland.org/
http://css-tricks.com/
http://dailyinspiration.nl/
http://inspirationfeed.com/
http://fribbble.com/
‫בפיקסל‬ ‫לנו‬ ‫שיש‬ ‫מיוחדת‬ ‫בפינה‬
‫אנחנו‬ ,‫חמישי‬ ‫יום‬ ‫כל‬ ‫פרפקט‬
‫הכי‬ ‫האתרים‬ ‫מכל‬ ‫פוסטים‬ ‫מפרסמים‬
‫וזה‬ ,‫העיצוב‬ ‫בעולם‬ ‫פופולארים‬
.‫בעניינים‬ ‫אתכם‬ ‫ישאיר‬ ‫בוודאות‬
‫נסיון‬ ‫צברו‬
‫בתחום‬ ‫לעבוד‬ ‫התחילו‬
‫אתם‬ ‫אבל‬ ,‫יגידו‬ ‫מהמרצים‬ ‫שחלק‬ ‫מה‬ ‫נגד‬ ‫כנראה‬ ‫זה‬ .‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ ,‫בלימודים‬ ‫אם‬ ‫גם‬
.‫לכם‬ ‫יעזור‬ ‫זה‬ ‫כמה‬ ‫מאמינים‬ ‫לא‬
‫של‬ ‫האולטימטיבית‬ ‫הסטודנטים‬ ‫מעבודת‬ ‫תהנו‬ ‫גם‬ ‫אתם‬ ‫הלימודים‬ ‫בזמן‬ ‫בתחום‬ ‫תעבדו‬ ‫אם‬
‫בעבודה‬ ‫בלימודים‬ ‫שלמדתם‬ ‫דברים‬ ‫ליישם‬ ‫להתחיל‬ ‫תוכלו‬ ‫וגם‬ ,‫שרוצים‬ ‫ומתי‬ ‫מהבית‬ ‫לעבוד‬
...‫נסיון‬ ‫שנות‬ ‫עם‬ ‫כבר‬ ‫תהיו‬ ‫אתם‬ ,‫הלימודים‬ ‫את‬ ‫תסיימו‬ ‫שכאשר‬ ‫זה‬ ‫על‬ ‫לדבר‬ ‫שלא‬ .‫אמיתית‬
.‫מאליו‬ ‫מובן‬ ‫שלא‬ ‫דבר‬
‫את‬ ‫פעמים‬ ‫הרבה‬ ‫לשמוע‬ ‫זה‬ ‫ומתוך‬ - ‫בנרות‬ ‫עבודה‬ ‫ולחפש‬ ‫הלימודים‬ ‫את‬ ‫לסיים‬ ,‫עדיף‬ ‫מה‬
”‫“לא‬ ‫לומר‬ ‫במצב‬ ‫תהיו‬ ‫ואתם‬ ‫אחריכם‬ ‫שירדפו‬ ‫או‬ ?‫נסיון‬ ‫לכם‬ ‫שאין‬ ‫בגלל‬ ‫רק‬ ”‫“לא‬ ‫המילה‬
‫אופציות‬ ‫הרבה‬ ‫שיהיו‬ ‫לי‬ ‫תאמינו‬ ,‫תואר‬ ‫אחרי‬ ‫וגם‬ ‫בשוק‬ ‫נסיון‬ ‫עם‬ ‫גם‬ ‫תהיו‬ ‫אם‬ ?‫לחברות‬
.‫בפניכם‬ ‫פתוחות‬
?‫עבודות‬ ‫ותיק‬ ‫נסיון‬ ‫לצבור‬ ‫אפשר‬ ‫איך‬ ,‫בהתחלה‬ ‫ובמיוחד‬ ‫הראשון‬ ‫הלקוח‬ ‫לפני‬ ‫אז‬
‫נסיון‬ ‫צברו‬
‫בתחום‬ ‫לעבוד‬ ‫התחילו‬
v
‫לקחת‬ ‫אפשר‬ ,‫להתחיל‬ ‫כדי‬ ‫לקוח‬ ‫אפילו‬ ‫חייבים‬ ‫לא‬ .‫דברים‬ ‫ולעצב‬ ‫פוטשופ‬ ‫לפתוח‬ ‫ראשון‬ ‫דבר‬
.‫דברים‬ ‫שם‬ ‫עיצבו‬ ‫איך‬ ‫ללמוד‬ ‫כדי‬ ‫אותם‬ ‫לחקות‬ ‫או‬ ,‫מחדש‬ ‫אותם‬ ‫לעצב‬ ‫ולנסות‬ ‫אתרים‬
‫נסיון‬ ‫צברו‬
‫בתחום‬ ‫לעבוד‬ ‫התחילו‬
v
‫דרך‬ ‫זאת‬ .‫אליהם‬ ‫ותגיעו‬ ‫תתעדכנו‬ ,‫למעצבים‬ ‫אירועים‬ ‫מעט‬ ‫לא‬ ‫ישנם‬ ,‫אירועים‬ ‫שני‬ ‫דבר‬
.‫אחרים‬ ‫מקצוע‬ ‫ואנשי‬ ‫מעצבים‬ ‫עם‬ ‫קשרים‬ ‫ולפתח‬ ,‫נסיון‬ ‫בעלי‬ ‫של‬ ‫מהרצאות‬ ‫ללמוד‬ ‫מצויינת‬
‫נסיון‬ ‫צברו‬
‫בתחום‬ ‫לעבוד‬ ‫התחילו‬
v
‫בחום‬ ‫מומלץ‬ ‫אז‬ ,‫שווים‬ ‫פרסים‬ ‫עם‬ ‫למעצבים‬ ‫תחרויות‬ ‫מעט‬ ‫לא‬ ‫יש‬ .‫תחרויות‬ ,‫לבסוף‬
.‫עבודות‬ ‫בתיק‬ ‫כך‬ ‫אחר‬ ‫לשים‬ ‫אפשר‬ ‫לתחרויות‬ ‫שעושים‬ ‫הדברים‬ ‫את‬ ‫גם‬ .‫להשתתף‬
‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬
‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬
‫להתעסק‬ ‫אוהבים‬ ‫לא‬ ‫שאנחנו‬ ‫דברים‬ ‫ואלו‬ ,‫הראשון‬ ‫הלקוח‬ ‫לפני‬ ‫לעשות‬ ‫שצריך‬ ‫דברים‬ ‫כמה‬ ‫יש‬
.‫מאוד‬ ‫טובה‬ ‫היא‬ ‫וההרגשה‬ ‫להתחיל‬ ‫מוכנים‬ ‫אנחנו‬ ‫איתם‬ ‫שמסיימים‬ ‫ברגע‬ ‫אבל‬ ,‫איתם‬
‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬
‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬
.‫הכרחי‬ ‫אבל‬ ‫בירוקרטיה‬ ‫זאת‬ .‫מורשה‬ ‫עוסק‬ ‫או‬ ‫זעיר‬ ‫עוסק‬ ‫תפתחו‬
‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬
‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬
‫אחד‬ ‫אף‬ ‫מעניין‬ ‫לא‬ ‫זה‬ - ‫ברמנים‬ ‫קורס‬ ‫כמו‬ ‫דברים‬ ‫משם‬ ‫תעיפו‬ .‫שלכם‬ ‫החיים‬ ‫קורות‬ ‫את‬ ‫שפצו‬
‫שאתם‬ ”‫“תוכנות‬ ‫איזור‬ ‫תוסיפו‬ .‫בו‬ ‫שלמדתם‬ ‫התיכון‬ ‫את‬ ‫משם‬ ‫תורידו‬ ‫גם‬ .‫העיצוב‬ ‫בתחום‬
‫אוהבים‬ ‫לא‬ ‫אנשים‬ ,‫קריאטיבי‬ ‫קו”ח‬ ‫תעשו‬ ‫אל‬ .‫הטיפוגרפי‬ ‫בטיפול‬ ‫ותשקיעו‬ ,‫עליהם‬ ‫עובדים‬
.‫וקריאים‬ ‫נקיים‬ ‫קו”ח‬ ‫לראות‬ ‫ומעדיפים‬ ‫זה‬ ‫את‬
‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬
‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬
‫אין‬ - ‫ממשפחה‬ ‫חוץ‬ - ‫לקוחות‬ ‫עם‬ ‫בעבודה‬ .‫חשוב‬ ‫סופר‬ ‫זה‬ .‫מחיר‬ ‫להצעת‬ ‫טמפלט‬ ‫לגם‬ ‫תכינו‬
.‫חוזה‬ ‫זה‬ ‫חוזה‬ .‫לכסף‬ ‫שמגיעים‬ ‫חברים‬ ‫כזה‬ ‫דבר‬ ‫ואין‬ !‫חוזה‬ ‫בלי‬ ‫פרוייקט‬ ‫להתחיל‬ ‫כזה‬ ‫דבר‬
‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬
‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬
http://www.pixelperfect.co.il/tools-for-designers/price-quote/
‫להוריד‬ ‫מוזמנים‬ ‫אתם‬ .‫לקוחות‬ ‫עם‬ ‫איתו‬ ‫שעבדתי‬ ‫החוזה‬ ‫את‬ ‫פרפקט‬ ‫בפיקסל‬ ‫שיתפתי‬
‫מכרים‬ ,‫משפחה‬ ,‫חברים‬ ‫עם‬
‫זה‬ ‫על‬ ‫דברו‬
.‫בשכונה‬ ‫חדש‬ ‫מעצב‬ ‫שיש‬ ‫השמועה‬ ‫את‬ ‫להפיץ‬ ‫תתחילו‬
‫מכרים‬ ,‫משפחה‬ ,‫חברים‬ ‫עם‬
‫זה‬ ‫על‬ ‫דברו‬
‫את‬ ‫תציפו‬ ,‫מכר‬ ‫כל‬ ,‫שלכם‬ ‫הספר‬ ‫עם‬ ,‫חברים‬ ‫עם‬ ,‫המשפחה‬ ‫כל‬ ‫עם‬ .‫מקום‬ ‫בכל‬ ‫זה‬ ‫על‬ ‫דברו‬
‫עבודות‬ ‫לקבל‬ ‫מתחילים‬ ‫שאתם‬ ‫שלכם‬ ‫התפוצה‬ ‫רשימת‬ ‫לכל‬ ‫מייל‬ ‫ושלחו‬ ‫שלכם‬ ‫הפייסבוק‬
‫עיצוב‬ ‫ועד‬ ‫אתר‬ ‫או‬ ‫לוגו‬ ‫מעיצוב‬ ,‫תהיה‬ ‫שלא‬ ‫עבודה‬ ‫כל‬ ‫קבלו‬ ,‫באמצעים‬ ‫תבחלו‬ ‫אל‬ .‫עיצוב‬
.‫גדולה‬ ‫יותר‬ ‫לעבודה‬ ‫מדרגה‬ ‫קפיצת‬ ‫מהווה‬ ‫עבודה‬ ‫כל‬ .‫מצווה‬ ‫לבת‬ ‫הזמנה‬
.‫סטטיסטיקה‬ ‫של‬ ‫עניין‬ ‫רק‬ ‫נהיה‬ ‫כבר‬ ‫זה‬ ‫אנשים‬ ‫להרבה‬ ‫שמספרים‬ ‫ברגע‬
‫מכירים‬ ‫הם‬ ‫אם‬ ‫אותם‬ ‫שואל‬ ‫שמישהו‬ ‫הבאה‬ ‫בפעם‬ ,‫עיצוב‬ ‫עבודת‬ ‫צריכים‬ ‫לא‬ ‫הם‬ ‫אם‬ ‫גם‬
.‫אתכם‬ ‫יזכרו‬ ‫הם‬ ,‫מעצב‬
.‫שלכם‬ ‫לקוחות‬ ‫היו‬ ‫לא‬ ‫הם‬ ‫אם‬ ‫אפילו‬ ‫השם‬ ‫את‬ ‫הלאה‬ ‫יעבירו‬ ‫עליכם‬ ‫להם‬ ‫סיפרו‬ ‫שהם‬ ‫והאנשים‬
.‫לקוחות‬ ‫לקבל‬ ‫ותתחילו‬ ‫מהאנשים‬ ‫חלק‬ ‫אליכם‬ ‫יפנו‬ ‫ומתישהו‬
.‫גל‬ ‫התחלתם‬ ‫כי‬ ,‫יגיע‬ ‫זה‬ ‫אבל‬ ‫לאט‬ ‫לאט‬ ‫יזכרו‬ ‫הם‬
.‫עובד‬ ‫זה‬ ‫ככה‬ ...‫כסף‬ ‫יותר‬ ‫עם‬ ,‫גדול‬ ‫יותר‬ ‫לקוח‬ ‫אליכם‬ ‫יפנה‬ ‫מרוצה‬ ‫לקוח‬ ‫אחד‬ ‫יום‬ ‫ואולי‬
‫למצב‬ ‫שתגיעו‬ ‫לכם‬ ‫ומאחל‬
.‫האופטימלי‬
‫אפשרית‬ ‫חברה‬ ‫לכל‬
‫חיים‬ ‫קורות‬ ‫שלחו‬
‫וחברות‬ ‫לעיצוב‬ ‫חברות‬ ‫של‬ ‫מיילים‬ ‫עם‬ ‫אקסל‬ ‫רשימת‬ ‫תארגנו‬ ,‫מחקר‬ ‫ותעשו‬ ‫שעות‬ ‫כמה‬ ‫שבו‬
‫כמובן‬ ‫נסחו‬ .‫עליכם‬ ‫והסבר‬ ‫חיים‬ ‫הקורות‬ ‫עם‬ ‫מייל‬ ‫לכולם‬ ‫ושלחו‬ ,‫אליהם‬ ‫לפנות‬ ‫רוצים‬ ‫שאתם‬
.‫אישי‬ ‫ובאופן‬ ‫בנפרד‬ ‫מייל‬ ‫כל‬
‫שוב‬ ‫לפנות‬ ‫אולי‬ ‫שתוכלו‬ ‫אליכם‬ ‫חזר‬ ‫ומי‬ ‫שלחתם‬ ‫למי‬ ‫לראות‬ ‫הקסל‬ ‫טבלת‬ ‫את‬ ‫נהלו‬ ‫מכן‬ ‫לאחר‬
.”‫“לא‬ ‫התשובה‬ ‫עם‬ ‫שיענו‬ ‫וכאלו‬ ‫יענו‬ ‫שלא‬ ‫להרבה‬ ‫ותתכוננו‬ .‫הזמן‬ ‫בבוא‬ ‫שתרצו‬ ‫חברות‬ ‫אל‬
.‫לראיון‬ ‫אתכם‬ ‫להזמין‬ ‫עוד‬ ‫יכול‬ ‫מישהו‬ ‫בסוף‬ .‫סטטיסטי‬ ‫עניין‬ ‫גם‬ ‫זה‬ ‫אבל‬
.‫משתלמת‬ ‫הסבלנות‬ ‫אבל‬ .‫סבלנות‬ ‫הרבה‬ ‫צריך‬
‫לחיות‬ ‫חיים‬ ‫גם‬ ‫יש‬
‫הכל‬ ‫לא‬ ‫זה‬ ‫הלימודים/עבודה‬
!!!‫הכל‬ ‫לא‬ ‫זה‬ ‫הלימודים/עבודה‬ - ‫תזכרו‬
‫משפחה‬ ‫ועם‬ ‫חבר/ה‬ ‫עם‬ ‫לבלות‬ ‫זמן‬ ‫תמצאו‬ .‫זה‬ ‫את‬ ‫לזכור‬ ‫ממש‬ ‫וחשוב‬ ,‫מעבר‬ ‫חיים‬ ‫יש‬
‫יכולים‬ ‫בתחום‬ ‫והעבודה‬ ‫הלימודים‬ .‫מהחיים‬ ‫תהנו‬ .‫ולטיולים‬ ‫שאפשר‬ ‫מתי‬ ‫לים‬ ‫לכו‬ .‫וחברים‬
.‫בגישה‬ ‫תרגול‬ ‫של‬ ‫עניין‬ ‫זה‬ ‫אבל‬ ,‫ממנו‬ ‫לצאת‬ ‫שקשה‬ ‫הגשות‬ ‫של‬ ‫בלחץ‬ ‫אותנו‬ ‫לשים‬
‫ללא‬ ‫יבואו‬ ‫גם‬ ‫שלכם‬ ‫העבודות‬ ,‫בפרופורציות‬ ‫הכל‬ ‫את‬ ‫ותקחו‬ ‫שתשחררו‬ ‫שברגע‬ ‫תראו‬ ‫אתם‬
.‫מוצלחות‬ ‫יותר‬ ‫והרבה‬ ‫מאמץ‬ ‫הרבה‬
‫אופקים‬ ‫ולהרחיב‬ ‫בהכל‬ ‫להתנסות‬
!‫להתפרע‬
‫אתם‬ ‫אם‬ .‫דברים‬ ‫שיותר‬ ‫בכמה‬ ‫להתנסות‬ ‫זה‬ ‫חשוב‬ ‫הכי‬ ,(‫בעבודה‬ ‫גם‬ ‫)ותכלס‬ ‫בלימודים‬
‫כדי‬ ,‫ריקה‬ ‫שתהיה‬ ‫שלכם‬ ”‫הכוס‬ ‫את‬ ‫“לרוקן‬ ‫נסו‬ ‫הלימודים‬ ‫לפני‬ ‫משהו‬ ‫שידעתם‬ ‫חושבים‬
.‫הלימודים‬ ‫במהלך‬ ‫טוב‬ ‫בכל‬ ‫אותה‬ ‫למלא‬ ‫שתוכלו‬
‫נטו‬ ‫להתנסות‬ ,‫לשוק‬ ‫מוכוונים‬ ‫לא‬ ‫שהם‬ ‫דברים‬ ‫לעשות‬ ‫שלכם‬ ‫המקום‬ ‫הם‬ ‫עיצוב‬ ‫של‬ ‫הלימודים‬
‫לא‬ ‫שאתם‬ ‫דברים‬ ‫נסו‬ .‫וקומפוזיציות‬ ‫ובטיפוגרפיה‬ ,‫הומור‬ ‫בחוש‬ ‫התנסו‬ .‫וקריאטיביות‬ ‫בעיצוב‬
‫שכאשר‬ ‫תראו‬ ‫אתם‬ ,‫טוב‬ ‫לא‬ ‫ציון‬ ‫לקבל‬ ‫חוששים‬ ‫אתם‬ ‫אם‬ ‫אפילו‬ .‫לנסות‬ ‫כדי‬ ‫רק‬ ‫בהם‬ ‫טובים‬
.‫תצליחו‬ ‫מכמה‬ ‫תופתעו‬ ‫חדשים‬ ‫דברים‬ ‫תנסו‬
‫הדדית‬ ‫ועזרה‬ ‫האגו‬ ‫ביטול‬
No Ego
‫וגם‬ ‫ללימודים‬ ‫גם‬ ‫מכולם‬ ‫חשוב‬ ‫והכי‬ ‫האחרון‬ ‫הטיפ‬ ‫זה‬ ‫אבל‬ ,‫נפרדת‬ ‫שלמה‬ ‫להרצאה‬ ‫נושא‬ ‫זה‬
‫ביקורת‬ ‫לו‬ ‫תנו‬ ,‫ביקורת‬ ‫מבקש‬ ‫מישהו‬ ‫אם‬ .‫מצב‬ ‫בכל‬ ,‫לשני‬ ‫אחד‬ ‫תמיד‬ ‫עזרו‬ .‫שלכם‬ ‫לקריירה‬
‫וזה‬ ‫אגו‬ ‫מלאי‬ ‫פעמים‬ ‫הרבה‬ ‫המעצבים‬ ‫אנחנו‬ .‫לקבל‬ ‫רוצים‬ ‫אתם‬ ‫שהייתם‬ ‫כמו‬ ‫ומתחשבת‬ ‫בונה‬
‫אז‬ ,‫כמה‬ ‫פי‬ ‫חזרה‬ ‫מקבלים‬ ‫החוצה‬ ‫שנותנים‬ ‫שמה‬ ‫הוא‬ ‫החיים‬ ‫של‬ ‫הטבעי‬ ‫החוק‬ .‫בנו‬ ‫פוגע‬ ‫רק‬
,‫תמיד‬ ‫אותי‬ ‫שמנחה‬ ‫מה‬ ‫זה‬ .‫כמה‬ ‫פי‬ ‫לכם‬ ‫ישתלם‬ ‫שזה‬ ‫תראו‬ ‫אתם‬ ‫וחברים‬ ‫לעמיתים‬ ‫תעזרו‬ ‫אם‬
.‫דופן‬ ‫יוצאת‬ ‫בצורה‬ ‫ומקצועית‬ ‫אישית‬ ‫ברמה‬ ‫אותי‬ ‫קידם‬ ‫וזה‬
‫קריאה‬ ‫המשך‬
‫העיצוב‬ ‫לשוק‬ ‫לפרוץ‬ ‫כדי‬ ‫טיפים‬ 5
http://www.pixelperfect.co.il/posts/5-tips-to-start-working-as-a-designer/
‫בעיצוב‬ ‫התואר‬ ‫את‬ ‫להעביר‬ ‫לכם‬ ‫שיעזרו‬ ‫טיפים‬ 5
‫ובהצלחה‬ ‫בכיף‬
http://www.pixelperfect.co.il/posts/5-tips-for-design-students/
‫עבודות‬ ‫תיקי‬ ‫ליצירת‬ ‫חברתיות‬ ‫ורשתות‬ ‫אתרים‬
.‫למעצבים‬
http://www.pixelperfect.co.il/posts/portfolios-websites-and-networks-for-designers/
‫רבה‬ ‫תודה‬
‫שרייבר‬ ‫שגיא‬
‫מגזין‬ ‫פרפקט‬ ‫פיקסל‬
sagi@pixelperfect.co.il pixelperfect.co.il sagi-design.co.il

Weitere ähnliche Inhalte

Ähnlich wie מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013

כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת לסטודנטים במרכז הבינתחומי
כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת   לסטודנטים במרכז הבינתחומיכלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת   לסטודנטים במרכז הבינתחומי
כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת לסטודנטים במרכז הבינתחומיvardashalom
 
פרסום ושיווק באינטרנט - כליים יישומים
פרסום ושיווק באינטרנט - כליים יישומיםפרסום ושיווק באינטרנט - כליים יישומים
פרסום ושיווק באינטרנט - כליים יישומיםAssaf Hadar
 
Hashlishi store slide show
Hashlishi store slide showHashlishi store slide show
Hashlishi store slide showSean Shulman
 
3points - מצגת חברה
3points - מצגת חברה3points - מצגת חברה
3points - מצגת חברה3points ltd
 
פרויקט Web טיפים לבניית
 פרויקט Web טיפים לבניית  פרויקט Web טיפים לבניית
פרויקט Web טיפים לבניית yulia_bk
 
SEO עבר הווה ועתיד
SEO עבר הווה ועתידSEO עבר הווה ועתיד
SEO עבר הווה ועתידAlex Shpilman
 
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטל
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטלארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטל
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטלY&A
 
עשרה טיפים חשובים במיוחד לפני שבונים אתר
עשרה טיפים חשובים במיוחד לפני שבונים אתרעשרה טיפים חשובים במיוחד לפני שבונים אתר
עשרה טיפים חשובים במיוחד לפני שבונים אתרHagit Chen
 
אתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקותאתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקותItamar Serfaty
 
Hamil One Time Make Up Class July 2011
Hamil One Time Make Up Class July 2011Hamil One Time Make Up Class July 2011
Hamil One Time Make Up Class July 2011Annie Dudkiewicz
 
עשה זאת בעצמך - בניית אתר תדמית
עשה זאת בעצמך - בניית אתר תדמיתעשה זאת בעצמך - בניית אתר תדמית
עשה זאת בעצמך - בניית אתר תדמיתOfri Gonen
 
מהו קידום אתרים
 מהו קידום אתרים מהו קידום אתרים
מהו קידום אתריםYossef zilberberg
 
Dor Design Media
Dor Design MediaDor Design Media
Dor Design Mediaדור בר
 
הקמת בלוג או אתר תוכן מסחרי לשם רווח Anidor hakak
הקמת בלוג או אתר תוכן מסחרי לשם רווח   Anidor hakakהקמת בלוג או אתר תוכן מסחרי לשם רווח   Anidor hakak
הקמת בלוג או אתר תוכן מסחרי לשם רווח Anidor hakakAnidor Hakak | אנידור חקק
 
ציון איכות בגוגל אדוורדס. פרק ב'
ציון איכות בגוגל אדוורדס. פרק ב'ציון איכות בגוגל אדוורדס. פרק ב'
ציון איכות בגוגל אדוורדס. פרק ב'Y&A
 
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?Kc College
 
שיווק באינטרנט
שיווק באינטרנטשיווק באינטרנט
שיווק באינטרנטAviram i
 

Ähnlich wie מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013 (20)

כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת לסטודנטים במרכז הבינתחומי
כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת   לסטודנטים במרכז הבינתחומיכלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת   לסטודנטים במרכז הבינתחומי
כלים ושיטות לחיפוש ,הצגה וניטור מידע ברשת לסטודנטים במרכז הבינתחומי
 
כיצד לבנות אתר עובד עבורך חדש
כיצד לבנות אתר עובד עבורך  חדשכיצד לבנות אתר עובד עבורך  חדש
כיצד לבנות אתר עובד עבורך חדש
 
פרסום ושיווק באינטרנט - כליים יישומים
פרסום ושיווק באינטרנט - כליים יישומיםפרסום ושיווק באינטרנט - כליים יישומים
פרסום ושיווק באינטרנט - כליים יישומים
 
Hashlishi store slide show
Hashlishi store slide showHashlishi store slide show
Hashlishi store slide show
 
3points - מצגת חברה
3points - מצגת חברה3points - מצגת חברה
3points - מצגת חברה
 
פרסום ושיווק בפייסבוק
פרסום ושיווק בפייסבוקפרסום ושיווק בפייסבוק
פרסום ושיווק בפייסבוק
 
פרויקט Web טיפים לבניית
 פרויקט Web טיפים לבניית  פרויקט Web טיפים לבניית
פרויקט Web טיפים לבניית
 
SEO עבר הווה ועתיד
SEO עבר הווה ועתידSEO עבר הווה ועתיד
SEO עבר הווה ועתיד
 
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטל
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטלארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטל
ארגז הכלים האולטימטיבי למנהלי שיווק ודיגיטל
 
עשרה טיפים חשובים במיוחד לפני שבונים אתר
עשרה טיפים חשובים במיוחד לפני שבונים אתרעשרה טיפים חשובים במיוחד לפני שבונים אתר
עשרה טיפים חשובים במיוחד לפני שבונים אתר
 
אתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקותאתר אינטרנט ב 5 דקות
אתר אינטרנט ב 5 דקות
 
Hamil One Time Make Up Class July 2011
Hamil One Time Make Up Class July 2011Hamil One Time Make Up Class July 2011
Hamil One Time Make Up Class July 2011
 
מיתוג באינטרנט BRANDWIZ
מיתוג באינטרנט BRANDWIZמיתוג באינטרנט BRANDWIZ
מיתוג באינטרנט BRANDWIZ
 
עשה זאת בעצמך - בניית אתר תדמית
עשה זאת בעצמך - בניית אתר תדמיתעשה זאת בעצמך - בניית אתר תדמית
עשה זאת בעצמך - בניית אתר תדמית
 
מהו קידום אתרים
 מהו קידום אתרים מהו קידום אתרים
מהו קידום אתרים
 
Dor Design Media
Dor Design MediaDor Design Media
Dor Design Media
 
הקמת בלוג או אתר תוכן מסחרי לשם רווח Anidor hakak
הקמת בלוג או אתר תוכן מסחרי לשם רווח   Anidor hakakהקמת בלוג או אתר תוכן מסחרי לשם רווח   Anidor hakak
הקמת בלוג או אתר תוכן מסחרי לשם רווח Anidor hakak
 
ציון איכות בגוגל אדוורדס. פרק ב'
ציון איכות בגוגל אדוורדס. פרק ב'ציון איכות בגוגל אדוורדס. פרק ב'
ציון איכות בגוגל אדוורדס. פרק ב'
 
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?
איך לייצר לידים בתקציב נמוך בעזרת שיווק באינטרנט?
 
שיווק באינטרנט
שיווק באינטרנטשיווק באינטרנט
שיווק באינטרנט
 

Mehr von Sagi Shrieber

זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...
זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...
זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...Sagi Shrieber
 
Start working on your personal brand
Start working on your personal brandStart working on your personal brand
Start working on your personal brandSagi Shrieber
 
Scaling a Design Team: Insights from interviewing the world's top design lead...
Scaling a Design Team: Insights from interviewing the world's top design lead...Scaling a Design Team: Insights from interviewing the world's top design lead...
Scaling a Design Team: Insights from interviewing the world's top design lead...Sagi Shrieber
 
The Side Project Accelerator Micro-Workshop
The Side Project Accelerator Micro-Workshop The Side Project Accelerator Micro-Workshop
The Side Project Accelerator Micro-Workshop Sagi Shrieber
 
מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש
 מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש
מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמשSagi Shrieber
 
איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013Sagi Shrieber
 
Inkod- Rummikub presentation
Inkod- Rummikub presentationInkod- Rummikub presentation
Inkod- Rummikub presentationSagi Shrieber
 

Mehr von Sagi Shrieber (9)

זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...
זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...
זה לא ברור מאליו - מה למדתי מלראיין את מנהלי העיצוב הטובים בעולם ומלבנות צוות...
 
Start working on your personal brand
Start working on your personal brandStart working on your personal brand
Start working on your personal brand
 
Scaling a Design Team: Insights from interviewing the world's top design lead...
Scaling a Design Team: Insights from interviewing the world's top design lead...Scaling a Design Team: Insights from interviewing the world's top design lead...
Scaling a Design Team: Insights from interviewing the world's top design lead...
 
The Side Project Accelerator Micro-Workshop
The Side Project Accelerator Micro-Workshop The Side Project Accelerator Micro-Workshop
The Side Project Accelerator Micro-Workshop
 
מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש
 מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש
מבוא לעיצוב - למתכנתים, יזמים, מנהלי מוצר ומאפייני חווית משתמש
 
איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013איך חותכים עיצוב כמו נינג'ות בשנת 2013
איך חותכים עיצוב כמו נינג'ות בשנת 2013
 
Inkod- Rummikub presentation
Inkod- Rummikub presentationInkod- Rummikub presentation
Inkod- Rummikub presentation
 
Nick Hard
Nick HardNick Hard
Nick Hard
 
Matnas Interactive
Matnas InteractiveMatnas Interactive
Matnas Interactive
 

מה מרכיב את הלחם וחמאה של מעצבי המוצרים הדיגיטליים בשנת 2013

  • 1. ‫וקישורים‬ ‫כלים‬ ,‫טיפים‬ ,‫מבוא‬ ‫שרייבר‬ ‫שגיא‬ ‫מגזין‬ ‫פרפקט‬ ‫פיקסל‬ pixelperfect.co.il
  • 2. ‫בחוץ‬ ‫שם‬ ‫בשבילנו‬ ‫שם‬ ‫יש‬ ‫מה‬ 1
  • 3. ‫המיוסרים‬ ‫האמנים‬ ‫שאנחנו‬ ‫היא‬ ‫גדלנו‬ ‫שאיתה‬ ‫התפיסה‬
  • 4. ‫מגניבים‬ ‫סופר‬ ‫אנחנו‬ ‫הדיגיטלי‬ ‫בעולם‬ - ‫נכון‬ ‫לא‬ ‫ממש‬ ‫זה‬ ‫אבל‬
  • 5. ‫הדיגיטלי‬ ‫העיצוב‬ ‫בתחום‬ ‫סופית‬ ‫אין‬ ‫עבודה‬ ‫כמות‬ ‫ויש‬
  • 6. ‫לקוח‬ ‫בחוץ‬ ‫שם‬ ‫לקוחות‬ ‫המון‬ - ‫לקוחות‬ ‫לנו‬ ‫ויש‬
  • 7. ‫צורות‬ ‫מני‬ ‫בכל‬ ‫באים‬ ‫לקוחות‬
  • 11. ‫תשובות‬ ‫להם‬ ‫לתת‬ ‫לדעת‬ ‫צריכים‬ ‫אנחנו‬ ‫אלינו‬ ‫מגיעים‬ ‫הם‬ ‫וכאשר‬
  • 12. ‫אתרים‬ ?‫ולדעת‬ ‫להכיר‬ ‫צריכים‬ ‫שאנו‬ ‫מסביבם‬ ‫יש‬ ‫ומה‬ ?‫יש‬ ‫אתרים‬ ‫סוגי‬ ‫אילו‬
  • 13. ‫אלינו‬ ‫מגיע‬ ‫תכשיטים‬ ‫חנות‬ ‫בעל‬ ‫ולקוח‬ ‫נניח‬
  • 14. ‫שלו‬ ‫העסק‬ ‫את‬ ‫יציג‬ ‫שרק‬ ‫אתר‬ ,‫עמודים‬ ‫כמה‬ ‫עם‬ ‫אתר‬ ‫רוצה‬ ‫הלקוח‬
  • 15. ‫תדמיתי‬ ‫אתר‬ ,‫אודות‬ ‫דף‬ ,‫בית‬ ‫דף‬ ‫יכלול‬ ‫בד”כ‬ .‫שיש‬ ‫פשוט‬ ‫הכי‬ ‫מהסוג‬ ‫אתר‬ ‫זה‬ .‫תדמיתי‬ ‫אתר‬ ‫נקרא‬ ‫ה‬ ‫פנימיים‬ ‫דפים‬ ‫כמה‬ ‫עוד‬ ‫ואולי‬ ,‫קשר‬ ‫צור‬ ‫דף‬
  • 19. ‫קטלוגי‬ ‫אתר‬ ‫באתר‬ ‫איזור‬ ‫עם‬ ‫רק‬ ‫תדמיתי‬ ‫אתר‬ ‫זהו‬ .‫לו‬ ‫להציע‬ ‫יכולים‬ ‫שאנו‬ ‫קטלוגי‬ ‫אתר‬ ‫גם‬ ‫שנו‬ .‫למבקרים‬ ‫שלו‬ ‫המוצרים‬ ‫קטלוג‬ ‫את‬ ‫להציג‬ ‫יוכל‬ ‫הוא‬ ‫שבו‬
  • 20. ‫קטלוגי‬ ‫אתר‬ ‫ספציפי‬ ‫מוצר‬ ‫של‬ ‫תמונות‬ ‫לראות‬ ‫יכול‬ ‫הלקוח‬ ‫ושם‬ ,‫מוצר‬ ‫דף‬ ‫פריט‬ ‫לכל‬ ‫יש‬ ‫קטלוגי‬ ‫אתר‬ .‫מוצר‬ ‫אותו‬ ‫של‬ ‫מהדף‬ ‫ישר‬ ‫מיוחד‬ ‫בטופס‬ ‫קשר‬ ‫ליצור‬ ‫אפילו‬ ‫ואולי‬
  • 21. ‫הבית‬ ‫דף‬ - ‫קטלוגי‬ ‫אתר‬ ‫של‬ ‫דוגמה‬
  • 24. ‫מקוון‬ ‫סחר‬ ‫אתר‬ e-commerce ‫הבית‬ ‫דף‬ - ‫קטלוגי‬ ‫אתר‬ ‫של‬ ‫דוגמה‬ ‫באתר‬ ‫מוצרים‬ ‫לרכוש‬ ‫ואפשרות‬ ‫קניות‬ ‫עגלת‬ ‫עם‬ ‫רק‬ ‫קטלוגי‬ ‫אתר‬ ‫זהו‬ .‫מקוון‬ ‫סחר‬ ‫אתרי‬ - ‫ולסיום‬ .‫תכנות‬ ‫מבחינת‬ ‫יקר‬ ‫הכי‬ ‫יהיה‬ ‫גם‬ ‫כזה‬ ‫אתר‬ .‫עצמו‬
  • 27. ‫יפים‬ ‫אתרים‬ ‫משתפים‬ ‫אנו‬ ‫שבו‬ ”‫בשישי‬ ‫“השראה‬ ‫את‬ ‫מפרסמים‬ ‫אנו‬ ‫שישי‬ ‫מדי‬ ‫פרפקט‬ ‫בפיקסל‬ .‫שיצאו‬ ‫חדשים‬ ‫באתרים‬ ‫להתעדכן‬ ‫מומלץ‬ .‫האחרון‬ ‫בשבוע‬ ‫שמצאנו‬ cssdesignawards.com ‫מאתרים‬ ‫השראה‬ awwwards.com csswinner.com makebetterwebsites.com verynicesites.com siteinspire.com pixelperfect.co.il/inspiration
  • 29. ‫פורמטים‬ ‫סוגי‬ ‫רגיל‬ ‫אתר‬ HTML + CSS + Javascript (mostly) ‫זה‬ ‫אם‬ ‫בין‬ ‫דפדפן‬ ‫כל‬ .‫לקרוא‬ ‫יכול‬ ‫שהדפדפן‬ ‫פשוט‬ ‫מקוד‬ ‫בנויים‬ ‫רגילים‬ ‫אתרים‬ .‫השפות‬ ‫אותן‬ ‫את‬ ‫קוראים‬ ‫כולם‬ - ‫פיירפוקס‬ ‫או‬ ‫כרום‬ ‫אקספלורר‬
  • 31. 1140 ‫של‬ ‫לרוחב‬ ‫כבר‬ ‫מעצבים‬ ‫אנחנו‬ ‫היום‬ ?‫אתר‬ ‫לעצב‬ ‫שבאים‬ PSD ‫בכלל‬ ‫פותחים‬ ‫איך‬ ‫אז‬ ‫כלומר‬ ”‫ה”פולד‬ ‫מעל‬ ‫מרכזי‬ ‫הכי‬ ‫הכפתור‬ ‫את‬ ‫לשמור‬ ‫רצוי‬ ‫אבל‬ ,‫משנה‬ ‫כך‬ ‫כל‬ ‫לא‬ ‫כבר‬ ‫גובה‬ ,‫פיקסלים‬ .‫למטה‬ ‫גוללים‬ ‫שממנה‬ ‫הנקודה‬ ‫מעל‬ ‫פורמטים‬ ‫סוגי‬ ‫רגיל‬ ‫אתר‬ PSD 1280px GRID 1140px PSD ‫תבנית‬ ‫להורדת‬ ‫כאן‬ ‫לחצו‬ .‫בחינם‬ ‫לכם‬ ‫שהכנו‬
  • 32. ‫פורמטים‬ ‫סוגי‬ ‫מובייל‬ ‫אתרי‬ ‫בסמארטפונים‬ ‫לצפייה‬ ”‫“מותאמים‬ ‫אתרים‬ ‫אלו‬ .‫מובייל‬ ‫אתרי‬ ‫כמו‬ ‫אתרים‬ ‫של‬ ‫סוגים‬ ‫עוד‬ ‫ישנם‬ .‫טבלטים‬ ‫גם‬ ‫ולפעמים‬
  • 33. ‫פורמטים‬ ‫סוגי‬ ‫מובייל‬ ‫אתרי‬ Jquery mobile ‫בשם‬ Javascript ‫בספריית‬ ‫שימוש‬ ‫ידי‬ ‫על‬ ‫נעשים‬ ‫אלו‬ ‫אתרים‬ ‫לרוב‬
  • 34. .‫רגילים‬ ‫במחשבים‬ ‫שרואים‬ ‫הרשמי‬ ‫מהאתר‬ ‫לחלוטין‬ ‫שונה‬ ‫אתר‬ .‫הרכבת‬ ‫אתר‬ ‫לדוגמה‬ ‫הנה‬ .‫דוגמה‬ ‫מציג‬ ‫רק‬ .‫לעיצוב‬ ‫פה‬ ‫נכנס‬ ‫לא‬ ‫אני‬ ,‫שוב‬
  • 35. ‫פורמטים‬ ‫סוגי‬ ‫רספונסיביים‬ ‫אתרים‬ ‫קוד‬ ‫כותבים‬ ,‫אחד‬ ‫אתר‬ ,‫אחד‬ ‫עיצוב‬ .‫רספונסיביים‬ ‫אתרים‬ ‫זה‬ ‫טוב‬ ‫הכי‬ ‫שהולך‬ ‫מה‬ ‫היום‬ ‫אבל‬ .‫שונות‬ ‫ברזולוציות‬ ‫לצפייה‬ ‫מותאם‬ ‫אתר‬ ‫ויש‬ ,‫אחת‬ ‫פעם‬
  • 37. http://www.smashingmagazine.com ‫בצורה‬ ‫האתר‬ ‫את‬ ‫ובנו‬ ‫מחדש‬ ‫עיצוב‬ ‫עשו‬ ‫בעולם‬ ‫הפופלארי‬ ‫העיצוב‬ ‫בלוג‬ - ‫מגזין‬ ‫סמאשינג‬ .‫רחב‬ ‫למסך‬ ‫דוגמה‬ ‫להלן‬ .‫רספונסיבית‬
  • 38. .‫למעלה‬ ‫עבר‬ ‫הצדדי‬ ‫התפריט‬ ‫איך‬ ‫לב‬ ‫שימו‬ - ‫הדפדפן‬ ‫את‬ ‫שמקווצים‬
  • 39. .‫מסביב‬ ‫הפרסומות‬ ‫כל‬ ‫ונעלמו‬ ‫נפתח‬ ‫התפריט‬ ‫איך‬ ‫לב‬ ‫שימו‬ ,‫טאבלטים‬ ‫רזולוציית‬ ‫של‬ ‫במצב‬
  • 40. ‫זה‬ ‫במצב‬ .‫מובייל‬ ‫מצב‬ ‫מנת‬ ‫על‬ ‫גדלים‬ ‫גם‬ ‫הטקסטים‬ ‫גם‬ ‫נוחה‬ ‫קריאות‬ ‫לאפשר‬ .‫בסמארטפונים‬
  • 41. .‫שלכם‬ ‫וטבלטים‬ ‫מהסמארטפונים‬ ‫בו‬ ‫להינות‬ ‫ותוכלו‬ ‫רספונסיבי‬ ‫גם‬ ‫פרפקט‬ ‫פיקסל‬ - ‫שתדעו‬
  • 42. ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ .‫תוכן‬ ‫ניהול‬ ‫מערכת‬ ‫יש‬ ‫אתר‬ ‫כל‬ ‫שמאחורי‬ ‫לדעת‬ ‫יש‬ ,‫האתרים‬ ‫בתחום‬ ‫עוד‬ ‫באתר‬ ‫התכנים‬ ‫את‬ ‫לעדכן‬ ‫יוכל‬ ‫שלנו‬ ‫הלקוח‬ ‫שבאמצעותו‬ ‫אתר‬ ‫בעצם‬ ‫היא‬ ‫תוכן‬ ‫ניהול‬ ‫מערכת‬ .‫שלו‬ ‫האתר‬ ‫בתכני‬ ‫לו‬ ‫ששולט‬ ‫אתר‬ ‫בעצם‬ .‫שלו‬
  • 43. ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ ‫שלו‬ ‫האתר‬ ‫ניהול‬ ‫למערכת‬ ‫להיכנס‬ ‫מנת‬ ‫על‬ ‫וססמה‬ ‫משתמש‬ ‫שם‬ ‫מקבל‬ ‫הלקוח‬
  • 44. ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ .‫באתר‬ ‫שינויים‬ ‫ולבצע‬ ‫מדיה‬ ‫להעלות‬ ,‫תכנים‬ ‫לשנות‬ ‫יכול‬ ‫הוא‬ ‫הניהול‬ ‫ממערכת‬
  • 45. ‫פופולאריות‬ ‫מערכות‬ ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ ‫ומומלצת‬ ‫פופולארית‬ ‫הכי‬ ‫מעצבים‬ ‫בקרב‬ ‫ביניהן‬ ,‫תוכן‬ ‫לניהול‬ ‫פופולאריות‬ ‫מערכות‬ ‫כמה‬ ‫ישנן‬ ‫גם‬ ‫ללמוד‬ ‫יכול‬ CSS-‫ו‬ HTML ‫טיפה‬ ‫שמבין‬ ‫ומי‬ ‫להבנה‬ ‫נוחה‬ ‫ממש‬ ‫היא‬ .‫וורדפרס‬ ‫היא‬ ‫לדעתי‬ .‫וורדפרס‬ ‫באמצעות‬ ‫תוכן‬ ‫ניהול‬ ‫מערכת‬ ‫עם‬ ‫שלם‬ ‫אתר‬ ‫להרים‬ ‫איך‬ ‫ובלוגים‬ ‫אתרים‬
  • 46. ‫ובלוגים‬ ‫אתרים‬ ‫מקוון‬ ‫סחר‬ ‫פופולאריות‬ ‫מערכות‬ ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ ‫תוכן‬ ‫ניהול‬ ‫מערכות‬ ‫יש‬ ‫מקוון‬ ‫סחר‬ ‫שלאתרי‬ ‫תדעו‬ ?‫מקוון‬ ‫סחר‬ ‫אתר‬ ‫ורוצה‬ ‫לאיכם‬ ‫בא‬ ‫לקוח‬ .‫כספים‬ ‫ותזרימי‬ ‫הזמנות‬ ‫אחר‬ ‫לערקוב‬ ‫ניתן‬ ‫האלו‬ ‫במערכות‬ .‫משלהם‬
  • 47. ‫לאתר‬ ‫מסביב‬ ?‫לבקש‬ ‫יכולים‬ ‫שלקוחות‬ ‫עוד‬ ‫לנו‬ ‫יש‬ ‫מה‬ ‫אז‬
  • 48. ‫לאתר‬ ‫מסביב‬ ‫באנרים‬ ‫ולפעמים‬ JPG-‫כ‬ ‫לפעמים‬ .‫אותם‬ ‫לעצב‬ ‫צריך‬ .‫נגמרת‬ ‫לא‬ ‫שלעולם‬ ‫העבודה‬ ‫מסוג‬ ‫הם‬ ‫באנרים‬ .‫ממוקמים‬ ‫יהיו‬ ‫הבאנרים‬ ‫שבו‬ ‫והאתר‬ ‫הלקוח‬ ‫לדרישות‬ ‫בהתאם‬ .‫בפלאש‬
  • 49. ‫לאתר‬ ‫מסביב‬ ‫רי-סייזינג‬ ‫להתאים‬ ‫מנת‬ ‫על‬ ‫הבאנרים‬ ‫לגדלי‬ ‫רי-סייזינג‬ ‫עבודת‬ ‫באה‬ ‫באנר‬ ‫עיצוב‬ ‫עבודת‬ ‫כל‬ ‫עם‬ ‫בנוסף‬ .‫בהם‬ ‫יוצגו‬ ‫שהם‬ ‫השונים‬ ‫והמיקומים‬ ‫השונים‬ ‫לאתרים‬ ‫אותם‬
  • 50. ‫נחיתה‬ ‫דפי‬ ‫לאתר‬ ‫מסביב‬ ‫אלא‬ ,‫שלם‬ ‫לאתר‬ ‫לא‬ ‫זה‬ ‫כלל‬ ‫ובדרך‬ ,‫כלשהו‬ ‫לקישור‬ ‫להפנות‬ ‫צריכים‬ ‫מעצבים‬ ‫שאנו‬ ‫והבאנרים‬ .‫שיווקי‬ ‫מסר‬ ‫עם‬ ‫נחיתה‬ ‫לדף‬
  • 51. CTA (Call to action) ‫נחיתה‬ ‫דפי‬ ‫לאתר‬ ‫מסביב‬ ‫טובים‬ ‫להיות‬ ‫צריך‬ ‫טוב‬ ‫נחיתה‬ ‫דף‬ ‫לעצב‬ ‫מנת‬ ‫על‬ .‫שלמה‬ ‫תורה‬ ‫מעצמו‬ ‫הוא‬ ‫נחיתה‬ ‫דפי‬ ‫עיצוב‬ .‫השיווקי‬ ‫המסר‬ ‫להעברת‬ ‫וקופי‬ ‫גדלים‬ ‫צבעים‬ ‫בחירת‬ ‫היא‬ ‫הכוונה‬ .”‫“המרה‬ ‫מונחה‬ ‫בעיצוב‬
  • 52. ‫ווידג’טים‬ ‫לאתר‬ ‫מסביב‬ ‫בלוג‬ .‫אתרים‬ ‫לעיצוב‬ ‫מסביב‬ ‫רק‬ ‫כאן‬ ‫עליהם‬ ‫עברתי‬ ‫שלא‬ ‫רציניות‬ ‫עבודות‬ ‫הרבה‬ ‫עוד‬ ‫שיש‬ ‫וכמובן‬
  • 53. ‫אפליקציות‬ .‫בארץ‬ ‫בשוק‬ ‫פה‬ ‫הנפוצות‬ ‫הסיטואציות‬ ‫אחת‬ ‫את‬ ‫רגע‬ ‫נראה‬ ‫בואו‬ ?‫השלם‬ ‫הפיתרון‬ ‫מהו‬
  • 54. ‫לעיצוב‬ ‫והמודעות‬ .‫בארץ‬ ‫כאן‬ ‫סטארטאפים‬ ‫המון‬ ‫לנו‬ ‫יש‬ .Startup nation-‫כ‬ ‫בעולם‬ ‫ידוע‬ ‫ישראל‬ .‫כדוגמה‬ ‫כלקוח‬ ‫אלינו‬ ‫שבא‬ ‫יזם‬ ‫פה‬ ‫ניקח‬ ‫אז‬ .‫בארץ‬ ‫סטארטאפים‬ ‫בקרב‬ ‫מאוד‬ ‫גבוהה‬ ‫היא‬ ‫טוב‬
  • 55. ‫רעיון‬ ‫יש‬ ‫שליזם‬ ‫מתחיל‬ ‫הכל‬
  • 56. ‫מקרנות‬ ‫או‬ - ‫פרטיים-אנג’לים‬ ‫ממשקיעים‬ ,‫שלו‬ ‫הרעיון‬ ‫לפיתוח‬ ‫הכסף‬ ‫את‬ ‫מגייס‬ ,‫הולך‬ ‫היזם‬ .‫שלו‬ ‫הסטארטאפ‬ ‫לעיצוב‬ ‫אליכם‬ ‫פונה‬ ‫הוא‬ ‫ועכשיו‬ ,‫סיכון‬ ‫הון‬
  • 57. ‫הרבה‬ ‫ויש‬ ,‫בהן‬ ‫שלו‬ ‫האפליקציה‬ ‫את‬ ‫לפתח‬ ‫לרצות‬ ‫יכול‬ ‫שהוא‬ ‫פלטפורמות‬ ‫הרבה‬ ‫יש‬ .‫ועוד‬ ,‫ווב‬ ‫אפליקציות‬ ,‫טאבלטים‬ ,‫סמארטפונים‬ ‫לנו‬ ‫יש‬ .‫מהן‬ ‫לבחור‬ ‫פלטפורמות‬
  • 58. ,8 ‫ווינדוס‬ ,‫ווב‬ ,iOS ‫אייפון‬ ,‫אנדרויד‬ ‫לנו‬ ‫יש‬ .‫הפעלה‬ ‫כמה‬ ‫כזאת‬ ‫פלטפורמה‬ ‫לכל‬ ‫גם‬ ‫שיש‬ ‫כמובן‬ .‫ועוד‬ ,‫משלהן‬ ‫חוקים‬ ‫להן‬ ‫שיש‬ ‫פייסבוק‬ ‫אפליקציות‬
  • 59. ‫ותדמית‬ ‫לוגו‬ ...‫שלם‬ ‫פתרון‬ ‫לו‬ ‫שתתנו‬ ‫ירצה‬ ‫הוא‬ ‫אליכם‬ ‫פונה‬ ‫שלקוח‬
  • 64. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫פייסבוק‬ ‫דף‬ ‫שיווקיים‬ ‫חומרים‬ ‫אייקונים‬ ‫ותדמית‬ ‫לוגו‬
  • 65. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫לטוויטר‬ ‫רקע‬ ‫פייסבוק‬ ‫דף‬ ‫שיווקיים‬ ‫חומרים‬ ‫אייקונים‬ ‫ותדמית‬ ‫לוגו‬
  • 66. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫לטוויטר‬ ‫רקע‬ ‫פייסבוק‬ ‫דף‬ ‫יוטיוב‬ ‫ערוץ‬ ‫שיווקיים‬ ‫חומרים‬ ‫אייקונים‬ ‫ותדמית‬ ‫לוגו‬
  • 67. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫לטוויטר‬ ‫רקע‬ ‫פייסבוק‬ ‫דף‬ ‫יוטיוב‬ ‫ערוץ‬ ‫שיווקיים‬ ‫חומרים‬ ‫ותדמית‬ ‫לוגו‬ ‫אייקונים‬ ‫ביקור‬ ‫כרטיסי‬
  • 68. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫לטוויטר‬ ‫רקע‬ ‫פייסבוק‬ ‫דף‬ ‫יוטיוב‬ ‫ערוץ‬ ‫שיווקיים‬ ‫חומרים‬ ‫ותדמית‬ ‫לוגו‬ ‫אייקונים‬ ‫ביקור‬ ‫כרטיסי‬ ‫חולצות+ווסאח‬
  • 69. ‫אפליקציה‬ ‫לאפליקציה‬ ‫אתר‬ ‫לטוויטר‬ ‫רקע‬ ‫פייסבוק‬ ‫דף‬ ‫יוטיוב‬ ‫ערוץ‬ ‫שיווקיים‬ ‫חומרים‬ ‫ותדמית‬ ‫לוגו‬ ‫אייקונים‬ ‫ביקור‬ ‫כרטיסי‬ ‫חולצות+ווסאח‬ ‫פרינט‬ ‫עוד‬
  • 70. ‫עולם‬ ‫היא‬ ‫הפעלה‬ ‫מערכת‬ ‫כל‬ .‫לעיצוב‬ ‫הנחיות‬ ‫מבחינת‬ ‫שלה‬ ‫החוקים‬ ‫את‬ ‫יש‬ ‫פלטפורמה‬ ‫לכל‬ .‫וטרנדים‬ ‫טיפוגרפיה‬ ,‫בסיס‬ ‫קווי‬ ,‫עיצוביות‬ ‫נורמות‬ ,‫רזולוציות‬ ‫סוגי‬ ‫מבחינת‬ ‫חדש‬ ?‫להכל‬ ‫מקצועית‬ ‫בצורה‬ ‫מענה‬ ‫לתת‬ ‫נדע‬ ‫איך‬
  • 71. .‫חושבים‬ ‫שאתם‬ ‫ממה‬ ‫פשוטה‬ ‫יותר‬ ...‫פשוטה‬ ‫היא‬ ‫התשובה‬
  • 72. ,‫למדתם‬ ‫לא‬ ‫שעוד‬ ‫פלטפורמה‬ ‫על‬ ‫אפליקציה‬ ‫לעצב‬ ‫אליכם‬ ‫פנה‬ ‫לקוח‬ ‫אם‬ .‫הכל‬ ‫יש‬ ‫בגוגל‬ !‫גוגל‬ ‫וגם‬ ‫לפני‬ ‫לגוגל‬ ‫לכו‬ ‫פשוט‬ .‫חדשות‬ ‫פלטפורמות‬ ‫על‬ ‫תתמקצעו‬ ‫לא‬ ‫בחיים‬ ‫אז‬ ‫כי‬ .”‫“לא‬ ‫תגידו‬ ‫אל‬ ‫מה‬ ‫לפי‬ ‫ותעבדו‬ ,‫פלטפורמה‬ ‫אותה‬ ‫על‬ ‫שתוכלו‬ ‫החומר‬ ‫כל‬ ‫את‬ ‫חפשו‬ ,‫הפרוייקט‬ ‫בזמן‬ .‫לפניכם‬ ‫עליה‬ ‫וכתב‬ ‫אליה‬ ‫עיצב‬ ‫כבר‬ ‫מישהו‬ ,‫מדובר‬ ‫פלטפורמה‬ ‫באיזה‬ ‫משנה‬ ‫לא‬ .‫שלמדתם‬
  • 73. guidelines-‫ו‬ ,template, tutorial ‫המילים‬ ‫עם‬ ‫ספציפית‬ ‫בצורה‬ ‫חפשו‬ ,‫חומר‬ ‫מחפשים‬ ‫שאתם‬
  • 74. ,‫לאייפון‬ ‫טמפלטים‬ ‫וקבצי‬ ‫למקורות‬ ‫קישורים‬ ...‫ועוד‬ ‫פייסבוק‬ ,‫אנדרויד‬ pixelperfect.co.il/tools-for-designers/digital-design-intro
  • 75. ‫חינמיים‬ ‫טמפלטים‬ ‫מוציאים‬ ‫אנו‬ ‫פרפקט‬ ‫פיקסל‬ ‫של‬ ‫בניוזלטר‬ .‫להירשם‬ ‫מומלץ‬ .‫שבוע‬ ‫כל‬ ‫למעצבים‬ http://www.pixelperfect.co.il/newsletter-signup/
  • 76. ‫שלי‬ ‫האישי‬ ‫מהנסיון‬ ‫טיפים‬ 2 ‫תקופת‬ ‫ובניצול‬ ‫בתחום‬ ‫העבודה‬ ‫לתחילת‬ ‫בנוגע‬ ‫שלי‬ ‫האישי‬ ‫מהנסיון‬ ‫בטיפים‬ ‫אשתף‬ ‫זה‬ ‫בחלק‬ .‫ומהנה‬ ‫יעילה‬ ‫בצורה‬ ‫הלימודים‬
  • 77. ‫בעניינים‬ ‫להיות‬ !‫השראה‬ ‫השראה‬ ‫השראה‬ ‫בתחום‬ ‫בעניינים‬ ‫ולהשאר‬ ‫השראה‬ ‫לשאוב‬ ‫בלי‬ .‫כמעצבים‬ ‫שלכם‬ ‫במהות‬ ‫נוגע‬ ‫הזה‬ ‫הטיפ‬ .‫העבודה‬ ‫בשוק‬ ‫או‬ ‫בלימודים‬ ‫ולהצליח‬ ‫להתקדם‬ ‫תוכלו‬ ‫לא‬ ‫העיצוב‬ ‫השונות‬ ‫הטכנולוגיות‬ ‫על‬ ‫לקרוא‬ ‫צריך‬ ‫ותמיד‬ ,‫עיצובים‬ ‫ולנתח‬ ‫להסתכל‬ ‫צריך‬ ‫תמיד‬ .‫העיצוב‬ ‫בתחום‬ ‫וההתפתחויות‬ .‫מאוד‬ ‫מהר‬ ‫מאחור‬ ‫נשאר‬ ‫אנחנו‬ ‫השראה‬ ‫בו‬ ‫נשאב‬ ‫לא‬ ‫שאם‬ ‫בתחום‬ ‫נמצאים‬ ‫אנחנו‬
  • 78. ‫בעניינים‬ ‫להיות‬ !‫השראה‬ ‫השראה‬ ‫השראה‬ .‫מגזין‬ ‫וסמאשינג‬ ‫דריבל‬ :‫יומית‬ ‫בהם‬ ‫להתעדכן‬ ‫שמומלץ‬ ‫מעולים‬ ‫אתרים‬ ‫שני‬ ‫יש‬
  • 79. ‫בעניינים‬ ‫להיות‬ !‫השראה‬ ‫השראה‬ ‫השראה‬ ‫לשאוב‬ ‫שם‬ ‫להיכנס‬ ‫אפשר‬ .‫איכותיים‬ ‫למעצבים‬ ‫חברתית‬ ‫רשת‬ - dribbble.com - ‫דריבל‬ .‫הפוטושופ‬ ‫את‬ ‫שפותחים‬ ‫לפני‬ ‫מדברים‬ ‫השראה‬
  • 80. ‫בעניינים‬ ‫להיות‬ !‫השראה‬ ‫השראה‬ ‫השראה‬ ‫כל‬ ‫ומפרסם‬ ,‫בעולם‬ ‫פופולרי‬ ‫הכי‬ ‫העיצוב‬ ‫בלוג‬ - smashingmagazine.com - ‫מגזין‬ ‫סמאשינג‬ .‫ווב‬ ‫ותכנות‬ ‫המשתמש‬ ‫חווית‬ ,‫העיצוב‬ ‫עולם‬ ‫של‬ ‫החנית‬ ‫בחוד‬ ‫כתבות‬ ‫יום‬
  • 81. http://www.dribbble.com http://www.smashingmagazine.com/ http://www.noupe.com http://webdesignledger.com http://sixrevisions.com http://webdesignerwall.com/ http://www.land-of-web.com http://www.onextrapixel.com http://designinstruct.com http://line25.com/ http://www.blog.spoongraphics.co.uk/ http://the99percent.com/ http://www.developerdrive.com/ http://www.netmagazine.com/ http://designmodo.com/ http://speckyboy.com/ http://mashable.com/ http://www.webdesignerdepot.com/ http://designshack.net/ http://www.uxbooth.com/ http://thinkvitamin.com/ http://www.alistapart.com/ http://johnnyholland.org/ http://css-tricks.com/ http://dailyinspiration.nl/ http://inspirationfeed.com/ http://fribbble.com/ ‫בפיקסל‬ ‫לנו‬ ‫שיש‬ ‫מיוחדת‬ ‫בפינה‬ ‫אנחנו‬ ,‫חמישי‬ ‫יום‬ ‫כל‬ ‫פרפקט‬ ‫הכי‬ ‫האתרים‬ ‫מכל‬ ‫פוסטים‬ ‫מפרסמים‬ ‫וזה‬ ,‫העיצוב‬ ‫בעולם‬ ‫פופולארים‬ .‫בעניינים‬ ‫אתכם‬ ‫ישאיר‬ ‫בוודאות‬
  • 82. ‫נסיון‬ ‫צברו‬ ‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ ‫אתם‬ ‫אבל‬ ,‫יגידו‬ ‫מהמרצים‬ ‫שחלק‬ ‫מה‬ ‫נגד‬ ‫כנראה‬ ‫זה‬ .‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ ,‫בלימודים‬ ‫אם‬ ‫גם‬ .‫לכם‬ ‫יעזור‬ ‫זה‬ ‫כמה‬ ‫מאמינים‬ ‫לא‬ ‫של‬ ‫האולטימטיבית‬ ‫הסטודנטים‬ ‫מעבודת‬ ‫תהנו‬ ‫גם‬ ‫אתם‬ ‫הלימודים‬ ‫בזמן‬ ‫בתחום‬ ‫תעבדו‬ ‫אם‬ ‫בעבודה‬ ‫בלימודים‬ ‫שלמדתם‬ ‫דברים‬ ‫ליישם‬ ‫להתחיל‬ ‫תוכלו‬ ‫וגם‬ ,‫שרוצים‬ ‫ומתי‬ ‫מהבית‬ ‫לעבוד‬ ...‫נסיון‬ ‫שנות‬ ‫עם‬ ‫כבר‬ ‫תהיו‬ ‫אתם‬ ,‫הלימודים‬ ‫את‬ ‫תסיימו‬ ‫שכאשר‬ ‫זה‬ ‫על‬ ‫לדבר‬ ‫שלא‬ .‫אמיתית‬ .‫מאליו‬ ‫מובן‬ ‫שלא‬ ‫דבר‬ ‫את‬ ‫פעמים‬ ‫הרבה‬ ‫לשמוע‬ ‫זה‬ ‫ומתוך‬ - ‫בנרות‬ ‫עבודה‬ ‫ולחפש‬ ‫הלימודים‬ ‫את‬ ‫לסיים‬ ,‫עדיף‬ ‫מה‬ ”‫“לא‬ ‫לומר‬ ‫במצב‬ ‫תהיו‬ ‫ואתם‬ ‫אחריכם‬ ‫שירדפו‬ ‫או‬ ?‫נסיון‬ ‫לכם‬ ‫שאין‬ ‫בגלל‬ ‫רק‬ ”‫“לא‬ ‫המילה‬ ‫אופציות‬ ‫הרבה‬ ‫שיהיו‬ ‫לי‬ ‫תאמינו‬ ,‫תואר‬ ‫אחרי‬ ‫וגם‬ ‫בשוק‬ ‫נסיון‬ ‫עם‬ ‫גם‬ ‫תהיו‬ ‫אם‬ ?‫לחברות‬ .‫בפניכם‬ ‫פתוחות‬ ?‫עבודות‬ ‫ותיק‬ ‫נסיון‬ ‫לצבור‬ ‫אפשר‬ ‫איך‬ ,‫בהתחלה‬ ‫ובמיוחד‬ ‫הראשון‬ ‫הלקוח‬ ‫לפני‬ ‫אז‬
  • 83. ‫נסיון‬ ‫צברו‬ ‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ v ‫לקחת‬ ‫אפשר‬ ,‫להתחיל‬ ‫כדי‬ ‫לקוח‬ ‫אפילו‬ ‫חייבים‬ ‫לא‬ .‫דברים‬ ‫ולעצב‬ ‫פוטשופ‬ ‫לפתוח‬ ‫ראשון‬ ‫דבר‬ .‫דברים‬ ‫שם‬ ‫עיצבו‬ ‫איך‬ ‫ללמוד‬ ‫כדי‬ ‫אותם‬ ‫לחקות‬ ‫או‬ ,‫מחדש‬ ‫אותם‬ ‫לעצב‬ ‫ולנסות‬ ‫אתרים‬
  • 84. ‫נסיון‬ ‫צברו‬ ‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ v ‫דרך‬ ‫זאת‬ .‫אליהם‬ ‫ותגיעו‬ ‫תתעדכנו‬ ,‫למעצבים‬ ‫אירועים‬ ‫מעט‬ ‫לא‬ ‫ישנם‬ ,‫אירועים‬ ‫שני‬ ‫דבר‬ .‫אחרים‬ ‫מקצוע‬ ‫ואנשי‬ ‫מעצבים‬ ‫עם‬ ‫קשרים‬ ‫ולפתח‬ ,‫נסיון‬ ‫בעלי‬ ‫של‬ ‫מהרצאות‬ ‫ללמוד‬ ‫מצויינת‬
  • 85. ‫נסיון‬ ‫צברו‬ ‫בתחום‬ ‫לעבוד‬ ‫התחילו‬ v ‫בחום‬ ‫מומלץ‬ ‫אז‬ ,‫שווים‬ ‫פרסים‬ ‫עם‬ ‫למעצבים‬ ‫תחרויות‬ ‫מעט‬ ‫לא‬ ‫יש‬ .‫תחרויות‬ ,‫לבסוף‬ .‫עבודות‬ ‫בתיק‬ ‫כך‬ ‫אחר‬ ‫לשים‬ ‫אפשר‬ ‫לתחרויות‬ ‫שעושים‬ ‫הדברים‬ ‫את‬ ‫גם‬ .‫להשתתף‬
  • 86. ‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬ ‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬ ‫להתעסק‬ ‫אוהבים‬ ‫לא‬ ‫שאנחנו‬ ‫דברים‬ ‫ואלו‬ ,‫הראשון‬ ‫הלקוח‬ ‫לפני‬ ‫לעשות‬ ‫שצריך‬ ‫דברים‬ ‫כמה‬ ‫יש‬ .‫מאוד‬ ‫טובה‬ ‫היא‬ ‫וההרגשה‬ ‫להתחיל‬ ‫מוכנים‬ ‫אנחנו‬ ‫איתם‬ ‫שמסיימים‬ ‫ברגע‬ ‫אבל‬ ,‫איתם‬
  • 87. ‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬ ‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬ .‫הכרחי‬ ‫אבל‬ ‫בירוקרטיה‬ ‫זאת‬ .‫מורשה‬ ‫עוסק‬ ‫או‬ ‫זעיר‬ ‫עוסק‬ ‫תפתחו‬
  • 88. ‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬ ‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬ ‫אחד‬ ‫אף‬ ‫מעניין‬ ‫לא‬ ‫זה‬ - ‫ברמנים‬ ‫קורס‬ ‫כמו‬ ‫דברים‬ ‫משם‬ ‫תעיפו‬ .‫שלכם‬ ‫החיים‬ ‫קורות‬ ‫את‬ ‫שפצו‬ ‫שאתם‬ ”‫“תוכנות‬ ‫איזור‬ ‫תוסיפו‬ .‫בו‬ ‫שלמדתם‬ ‫התיכון‬ ‫את‬ ‫משם‬ ‫תורידו‬ ‫גם‬ .‫העיצוב‬ ‫בתחום‬ ‫אוהבים‬ ‫לא‬ ‫אנשים‬ ,‫קריאטיבי‬ ‫קו”ח‬ ‫תעשו‬ ‫אל‬ .‫הטיפוגרפי‬ ‫בטיפול‬ ‫ותשקיעו‬ ,‫עליהם‬ ‫עובדים‬ .‫וקריאים‬ ‫נקיים‬ ‫קו”ח‬ ‫לראות‬ ‫ומעדיפים‬ ‫זה‬ ‫את‬
  • 89. ‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬ ‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬ ‫אין‬ - ‫ממשפחה‬ ‫חוץ‬ - ‫לקוחות‬ ‫עם‬ ‫בעבודה‬ .‫חשוב‬ ‫סופר‬ ‫זה‬ .‫מחיר‬ ‫להצעת‬ ‫טמפלט‬ ‫לגם‬ ‫תכינו‬ .‫חוזה‬ ‫זה‬ ‫חוזה‬ .‫לכסף‬ ‫שמגיעים‬ ‫חברים‬ ‫כזה‬ ‫דבר‬ ‫ואין‬ !‫חוזה‬ ‫בלי‬ ‫פרוייקט‬ ‫להתחיל‬ ‫כזה‬ ‫דבר‬
  • 90. ‫הדרך‬ ‫מחצי‬ ‫יותר‬ ‫הם‬ ‫הטכניים‬ ‫הדברים‬ ‫לעבודה‬ ‫הקרקע‬ ‫את‬ ‫הכינו‬ http://www.pixelperfect.co.il/tools-for-designers/price-quote/ ‫להוריד‬ ‫מוזמנים‬ ‫אתם‬ .‫לקוחות‬ ‫עם‬ ‫איתו‬ ‫שעבדתי‬ ‫החוזה‬ ‫את‬ ‫פרפקט‬ ‫בפיקסל‬ ‫שיתפתי‬
  • 91. ‫מכרים‬ ,‫משפחה‬ ,‫חברים‬ ‫עם‬ ‫זה‬ ‫על‬ ‫דברו‬ .‫בשכונה‬ ‫חדש‬ ‫מעצב‬ ‫שיש‬ ‫השמועה‬ ‫את‬ ‫להפיץ‬ ‫תתחילו‬
  • 92. ‫מכרים‬ ,‫משפחה‬ ,‫חברים‬ ‫עם‬ ‫זה‬ ‫על‬ ‫דברו‬ ‫את‬ ‫תציפו‬ ,‫מכר‬ ‫כל‬ ,‫שלכם‬ ‫הספר‬ ‫עם‬ ,‫חברים‬ ‫עם‬ ,‫המשפחה‬ ‫כל‬ ‫עם‬ .‫מקום‬ ‫בכל‬ ‫זה‬ ‫על‬ ‫דברו‬ ‫עבודות‬ ‫לקבל‬ ‫מתחילים‬ ‫שאתם‬ ‫שלכם‬ ‫התפוצה‬ ‫רשימת‬ ‫לכל‬ ‫מייל‬ ‫ושלחו‬ ‫שלכם‬ ‫הפייסבוק‬ ‫עיצוב‬ ‫ועד‬ ‫אתר‬ ‫או‬ ‫לוגו‬ ‫מעיצוב‬ ,‫תהיה‬ ‫שלא‬ ‫עבודה‬ ‫כל‬ ‫קבלו‬ ,‫באמצעים‬ ‫תבחלו‬ ‫אל‬ .‫עיצוב‬ .‫גדולה‬ ‫יותר‬ ‫לעבודה‬ ‫מדרגה‬ ‫קפיצת‬ ‫מהווה‬ ‫עבודה‬ ‫כל‬ .‫מצווה‬ ‫לבת‬ ‫הזמנה‬
  • 93. .‫סטטיסטיקה‬ ‫של‬ ‫עניין‬ ‫רק‬ ‫נהיה‬ ‫כבר‬ ‫זה‬ ‫אנשים‬ ‫להרבה‬ ‫שמספרים‬ ‫ברגע‬
  • 94. ‫מכירים‬ ‫הם‬ ‫אם‬ ‫אותם‬ ‫שואל‬ ‫שמישהו‬ ‫הבאה‬ ‫בפעם‬ ,‫עיצוב‬ ‫עבודת‬ ‫צריכים‬ ‫לא‬ ‫הם‬ ‫אם‬ ‫גם‬ .‫אתכם‬ ‫יזכרו‬ ‫הם‬ ,‫מעצב‬
  • 95. .‫שלכם‬ ‫לקוחות‬ ‫היו‬ ‫לא‬ ‫הם‬ ‫אם‬ ‫אפילו‬ ‫השם‬ ‫את‬ ‫הלאה‬ ‫יעבירו‬ ‫עליכם‬ ‫להם‬ ‫סיפרו‬ ‫שהם‬ ‫והאנשים‬
  • 96. .‫לקוחות‬ ‫לקבל‬ ‫ותתחילו‬ ‫מהאנשים‬ ‫חלק‬ ‫אליכם‬ ‫יפנו‬ ‫ומתישהו‬
  • 97. .‫גל‬ ‫התחלתם‬ ‫כי‬ ,‫יגיע‬ ‫זה‬ ‫אבל‬ ‫לאט‬ ‫לאט‬ ‫יזכרו‬ ‫הם‬
  • 98. .‫עובד‬ ‫זה‬ ‫ככה‬ ...‫כסף‬ ‫יותר‬ ‫עם‬ ,‫גדול‬ ‫יותר‬ ‫לקוח‬ ‫אליכם‬ ‫יפנה‬ ‫מרוצה‬ ‫לקוח‬ ‫אחד‬ ‫יום‬ ‫ואולי‬
  • 99. ‫למצב‬ ‫שתגיעו‬ ‫לכם‬ ‫ומאחל‬ .‫האופטימלי‬
  • 100. ‫אפשרית‬ ‫חברה‬ ‫לכל‬ ‫חיים‬ ‫קורות‬ ‫שלחו‬ ‫וחברות‬ ‫לעיצוב‬ ‫חברות‬ ‫של‬ ‫מיילים‬ ‫עם‬ ‫אקסל‬ ‫רשימת‬ ‫תארגנו‬ ,‫מחקר‬ ‫ותעשו‬ ‫שעות‬ ‫כמה‬ ‫שבו‬ ‫כמובן‬ ‫נסחו‬ .‫עליכם‬ ‫והסבר‬ ‫חיים‬ ‫הקורות‬ ‫עם‬ ‫מייל‬ ‫לכולם‬ ‫ושלחו‬ ,‫אליהם‬ ‫לפנות‬ ‫רוצים‬ ‫שאתם‬ .‫אישי‬ ‫ובאופן‬ ‫בנפרד‬ ‫מייל‬ ‫כל‬ ‫שוב‬ ‫לפנות‬ ‫אולי‬ ‫שתוכלו‬ ‫אליכם‬ ‫חזר‬ ‫ומי‬ ‫שלחתם‬ ‫למי‬ ‫לראות‬ ‫הקסל‬ ‫טבלת‬ ‫את‬ ‫נהלו‬ ‫מכן‬ ‫לאחר‬ .”‫“לא‬ ‫התשובה‬ ‫עם‬ ‫שיענו‬ ‫וכאלו‬ ‫יענו‬ ‫שלא‬ ‫להרבה‬ ‫ותתכוננו‬ .‫הזמן‬ ‫בבוא‬ ‫שתרצו‬ ‫חברות‬ ‫אל‬ .‫לראיון‬ ‫אתכם‬ ‫להזמין‬ ‫עוד‬ ‫יכול‬ ‫מישהו‬ ‫בסוף‬ .‫סטטיסטי‬ ‫עניין‬ ‫גם‬ ‫זה‬ ‫אבל‬ .‫משתלמת‬ ‫הסבלנות‬ ‫אבל‬ .‫סבלנות‬ ‫הרבה‬ ‫צריך‬
  • 101. ‫לחיות‬ ‫חיים‬ ‫גם‬ ‫יש‬ ‫הכל‬ ‫לא‬ ‫זה‬ ‫הלימודים/עבודה‬ !!!‫הכל‬ ‫לא‬ ‫זה‬ ‫הלימודים/עבודה‬ - ‫תזכרו‬ ‫משפחה‬ ‫ועם‬ ‫חבר/ה‬ ‫עם‬ ‫לבלות‬ ‫זמן‬ ‫תמצאו‬ .‫זה‬ ‫את‬ ‫לזכור‬ ‫ממש‬ ‫וחשוב‬ ,‫מעבר‬ ‫חיים‬ ‫יש‬ ‫יכולים‬ ‫בתחום‬ ‫והעבודה‬ ‫הלימודים‬ .‫מהחיים‬ ‫תהנו‬ .‫ולטיולים‬ ‫שאפשר‬ ‫מתי‬ ‫לים‬ ‫לכו‬ .‫וחברים‬ .‫בגישה‬ ‫תרגול‬ ‫של‬ ‫עניין‬ ‫זה‬ ‫אבל‬ ,‫ממנו‬ ‫לצאת‬ ‫שקשה‬ ‫הגשות‬ ‫של‬ ‫בלחץ‬ ‫אותנו‬ ‫לשים‬ ‫ללא‬ ‫יבואו‬ ‫גם‬ ‫שלכם‬ ‫העבודות‬ ,‫בפרופורציות‬ ‫הכל‬ ‫את‬ ‫ותקחו‬ ‫שתשחררו‬ ‫שברגע‬ ‫תראו‬ ‫אתם‬ .‫מוצלחות‬ ‫יותר‬ ‫והרבה‬ ‫מאמץ‬ ‫הרבה‬
  • 102. ‫אופקים‬ ‫ולהרחיב‬ ‫בהכל‬ ‫להתנסות‬ !‫להתפרע‬ ‫אתם‬ ‫אם‬ .‫דברים‬ ‫שיותר‬ ‫בכמה‬ ‫להתנסות‬ ‫זה‬ ‫חשוב‬ ‫הכי‬ ,(‫בעבודה‬ ‫גם‬ ‫)ותכלס‬ ‫בלימודים‬ ‫כדי‬ ,‫ריקה‬ ‫שתהיה‬ ‫שלכם‬ ”‫הכוס‬ ‫את‬ ‫“לרוקן‬ ‫נסו‬ ‫הלימודים‬ ‫לפני‬ ‫משהו‬ ‫שידעתם‬ ‫חושבים‬ .‫הלימודים‬ ‫במהלך‬ ‫טוב‬ ‫בכל‬ ‫אותה‬ ‫למלא‬ ‫שתוכלו‬ ‫נטו‬ ‫להתנסות‬ ,‫לשוק‬ ‫מוכוונים‬ ‫לא‬ ‫שהם‬ ‫דברים‬ ‫לעשות‬ ‫שלכם‬ ‫המקום‬ ‫הם‬ ‫עיצוב‬ ‫של‬ ‫הלימודים‬ ‫לא‬ ‫שאתם‬ ‫דברים‬ ‫נסו‬ .‫וקומפוזיציות‬ ‫ובטיפוגרפיה‬ ,‫הומור‬ ‫בחוש‬ ‫התנסו‬ .‫וקריאטיביות‬ ‫בעיצוב‬ ‫שכאשר‬ ‫תראו‬ ‫אתם‬ ,‫טוב‬ ‫לא‬ ‫ציון‬ ‫לקבל‬ ‫חוששים‬ ‫אתם‬ ‫אם‬ ‫אפילו‬ .‫לנסות‬ ‫כדי‬ ‫רק‬ ‫בהם‬ ‫טובים‬ .‫תצליחו‬ ‫מכמה‬ ‫תופתעו‬ ‫חדשים‬ ‫דברים‬ ‫תנסו‬
  • 103. ‫הדדית‬ ‫ועזרה‬ ‫האגו‬ ‫ביטול‬ No Ego ‫וגם‬ ‫ללימודים‬ ‫גם‬ ‫מכולם‬ ‫חשוב‬ ‫והכי‬ ‫האחרון‬ ‫הטיפ‬ ‫זה‬ ‫אבל‬ ,‫נפרדת‬ ‫שלמה‬ ‫להרצאה‬ ‫נושא‬ ‫זה‬ ‫ביקורת‬ ‫לו‬ ‫תנו‬ ,‫ביקורת‬ ‫מבקש‬ ‫מישהו‬ ‫אם‬ .‫מצב‬ ‫בכל‬ ,‫לשני‬ ‫אחד‬ ‫תמיד‬ ‫עזרו‬ .‫שלכם‬ ‫לקריירה‬ ‫וזה‬ ‫אגו‬ ‫מלאי‬ ‫פעמים‬ ‫הרבה‬ ‫המעצבים‬ ‫אנחנו‬ .‫לקבל‬ ‫רוצים‬ ‫אתם‬ ‫שהייתם‬ ‫כמו‬ ‫ומתחשבת‬ ‫בונה‬ ‫אז‬ ,‫כמה‬ ‫פי‬ ‫חזרה‬ ‫מקבלים‬ ‫החוצה‬ ‫שנותנים‬ ‫שמה‬ ‫הוא‬ ‫החיים‬ ‫של‬ ‫הטבעי‬ ‫החוק‬ .‫בנו‬ ‫פוגע‬ ‫רק‬ ,‫תמיד‬ ‫אותי‬ ‫שמנחה‬ ‫מה‬ ‫זה‬ .‫כמה‬ ‫פי‬ ‫לכם‬ ‫ישתלם‬ ‫שזה‬ ‫תראו‬ ‫אתם‬ ‫וחברים‬ ‫לעמיתים‬ ‫תעזרו‬ ‫אם‬ .‫דופן‬ ‫יוצאת‬ ‫בצורה‬ ‫ומקצועית‬ ‫אישית‬ ‫ברמה‬ ‫אותי‬ ‫קידם‬ ‫וזה‬
  • 104. ‫קריאה‬ ‫המשך‬ ‫העיצוב‬ ‫לשוק‬ ‫לפרוץ‬ ‫כדי‬ ‫טיפים‬ 5 http://www.pixelperfect.co.il/posts/5-tips-to-start-working-as-a-designer/ ‫בעיצוב‬ ‫התואר‬ ‫את‬ ‫להעביר‬ ‫לכם‬ ‫שיעזרו‬ ‫טיפים‬ 5 ‫ובהצלחה‬ ‫בכיף‬ http://www.pixelperfect.co.il/posts/5-tips-for-design-students/ ‫עבודות‬ ‫תיקי‬ ‫ליצירת‬ ‫חברתיות‬ ‫ורשתות‬ ‫אתרים‬ .‫למעצבים‬ http://www.pixelperfect.co.il/posts/portfolios-websites-and-networks-for-designers/
  • 105. ‫רבה‬ ‫תודה‬ ‫שרייבר‬ ‫שגיא‬ ‫מגזין‬ ‫פרפקט‬ ‫פיקסל‬ sagi@pixelperfect.co.il pixelperfect.co.il sagi-design.co.il