איך חותכים עיצוב כמו נינג'ות בשנת 2013

‫את‬ ‫מעצב‬ ‫אני‬ ‫שם‬ ‫טאפדוג‬ ‫בשם‬ ‫סטרטאפ‬ ‫גם‬ ‫לי‬ ‫יש‬ ‫יודע‬ ‫שלא‬ ‫למי‬ ‫אבל‬ ,‫מגזין‬ ‫פרפקט‬ ‫מפיקסל‬ ‫אותי‬ ‫מכירים‬ ‫חלקכם‬ .‫שגיא‬ ‫אני‬ ,‫היי‬
.‫שלנו‬ ‫למתכנתים‬ ‫בצמוד‬ ‫ועובד‬ ‫האפליקציה‬ ‫של‬ ‫המשתמש‬ ‫חווית‬
http://www.flickr.com/photos/jonathanbeard/3323527515/
pixelperfect.co.iltapdog.co

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

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

.‫מסויימות‬ ‫משימות‬ ‫של‬ ‫ביצוע‬ ‫לצורך‬ ‫בחוץ‬ ‫שם‬ ‫כלים‬ ‫הרבה‬ ‫ישנם‬

.‫בהם‬ ‫משתמש‬ ‫שאני‬ ‫הכלים‬ ‫את‬ ‫אציג‬ ‫פה‬ ‫ואני‬ ,‫שלו‬ ‫הכלים‬ ‫את‬ ‫יש‬ ‫מקצוען‬ ‫לכל‬ ‫אבל‬
.‫לכם‬ ‫ונוח‬ ‫מתאים‬ ‫הכי‬ ‫מה‬ ‫תמצאו‬ ‫בסוף‬ .‫בכולם‬ ‫תתנסו‬ - ‫שלי‬ ‫ההמלצה‬

.‫העיצוב‬ ‫חיתוך‬ - ‫שלנו‬ ‫הנושא‬ ‫על‬ ‫קצת‬ ‫נדבר‬ ‫בואו‬ ‫אז‬
.‫השתנתה‬ ‫עיצובים‬ ‫לחיתוך‬ ‫הפורמולה‬ ‫האחרונות‬ ‫בשנים‬
The formula
has changed!

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

.‫לטובתינו‬ ‫זה‬ ‫את‬ ‫לנצל‬ ‫יכולים‬ ‫ואנו‬ .‫פעם‬ ‫אפשריים‬ ‫היו‬ ‫שלא‬ ‫דברים‬ ,‫קוד‬ ‫עם‬ ‫מדהימים‬ ‫דברים‬ ‫לעשות‬ ‫ניתן‬ ‫היום‬ ,‫בנוסף‬
The Evolution of code

?‫לחתוך‬ ‫לדעת‬ ‫צריכים‬ ‫אנחנו‬ ‫למה‬ ‫אז‬
Why?

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

.‫עצמו‬ ‫העיצוב‬ ‫בתהליך‬ ‫עוד‬ ‫החיתוכים‬ ‫את‬ ‫לתכנן‬ ‫יש‬ ‫כיום‬
.‫העיצוב‬ ‫בתהליך‬ ‫ידינו‬ ‫על‬ ‫עוד‬ ‫מתקבלות‬ ‫האתר‬ ‫בבניית‬ ‫המתכנתים‬ ‫ישתמשו‬ ‫בה‬ ‫הטכנולוגיה‬ ‫לגבי‬ ‫החלטות‬
We need to
plan ahead

‫הידע‬ ‫בגדר‬ ‫או‬ ‫העבודה‬ ‫בסביבת‬ ‫לא‬ .‫לתפעל‬ ‫יודעים‬ ‫שאנו‬ ‫ואילוסטרייטור‬ ‫פוטושופ‬ ‫בתוכנות‬ ‫אצלינו‬ ‫נמצאים‬ ‫לחיתוך‬ ‫הכלים‬ ‫רוב‬
.‫המתכנתים‬ ‫של‬ ‫והנסיון‬
We need to
plan ahead
We have
the tools

.‫העיקרית‬ ‫הסיבה‬ ‫זאת‬ .‫שליטה‬
.‫שלנו‬ ‫בעיצובים‬ ‫שליטה‬ ‫רוצים‬ ‫אנחנו‬
.‫אפליקציה‬ /‫באתר‬ ‫ויופיעו‬ ‫יחתכו‬ ‫שלנו‬ ‫העיצובים‬ ‫איך‬ ‫שנכתיב‬ ‫אלו‬ ‫נהיה‬ ‫שאנחנו‬ ‫חשוב‬
We need to
plan ahead
We have
the tools
We want to
have control

‫לכל‬ ‫ערך‬ ‫ושווה‬ ‫מיומנות‬ ‫ודורש‬ ‫זמן‬ ‫שלוקח‬ ‫ארוך‬ ‫תהליך‬ ‫זה‬ .‫כסף‬ ‫זה‬ ‫על‬ ‫לקחת‬ ‫תשכחו‬ ‫שלא‬ .‫הכסף‬ ‫זה‬ ‫לחתוך‬ ‫לדעת‬ ‫של‬ ‫יתרון‬ ‫עוד‬
.‫תכנותי‬ ‫או‬ ‫קריאייטיבי‬ ‫תהליך‬

.‫מפוטושופ‬ ‫שלנו‬ ‫מהעיצובים‬ ‫מייצאים‬ ‫אנחנו‬ ‫שאותם‬ ‫לווב‬ ‫פורמטים‬ ‫של‬ ‫סוגים‬ 3 ‫ישנן‬
3 main ways to slice

)‫(תמונות‬ Pics ‫כמו‬ ,PCS
PCS

.‫אנדרויד‬ ‫או‬ ‫אייפון‬ ‫מכשיר‬ ‫או‬ ‫דפדפן‬ ‫כל‬ ‫ידי‬ ‫על‬ ‫נקרא‬ ‫גם‬ ‫הוא‬ .‫הידוע‬ ‫הפורמט‬ ‫הוא‬ JPG ‫או‬ PNG ‫של‬ ‫פורמט‬
2 ‫כפול‬ ‫וגם‬ ,‫שלו‬ ‫הרגיל‬ ‫בגודל‬ ‫גם‬ ‫להשמר‬ ‫צריך‬ ‫שנעשה‬ ‫עיצוב‬ ‫כל‬ ‫כיום‬ .‫רטינה‬ ‫במסכי‬ ‫שתומכים‬ ‫לקבצים‬ ‫שנותנים‬ ‫הסיומת‬ ‫זה‬ @2x
.‫רטינה‬ ‫במסכי‬ ‫לתמוך‬ ‫מנת‬ ‫על‬ ‫בגדול‬
‫אנחנו‬ ‫אם‬ .2 .‫שלנו‬ ‫מהאתר‬ ‫להינות‬ ‫יוכלו‬ ‫החדשים‬ ‫המקים‬ ‫עם‬ ‫שאנשים‬ ‫רוצים‬ ‫אנחנו‬ ‫אם‬ .1 ?‫ברטינה‬ ‫בתמיכה‬ ‫נשתמש‬ ‫מתי‬
‫אייפון‬ ‫אפליקציות‬ ‫עיצוב‬ .3 .‫שלנו‬ ‫מהאתר‬ ‫להינות‬ ‫יוכלו‬ ‫ומעלה‬ 4 ‫אייפון‬ ‫עם‬ ‫שאנשים‬ ‫ורוצים‬ ‫רספונסיבי‬ ‫אתר‬ ‫מעצבים‬
Png
also JPG
cross-browser
@2x & script*
* Links to scripts can be seen in the post at Pixel Perfect

.‫דשינסקי‬ ‫ארטיום‬ ‫הישראלי‬ ‫המעצבים‬ ‫מאת‬ Retinize it ‫המצויין‬ ‫האקשנים‬ ‫סט‬ ‫הוא‬ ‫עליו‬ ‫לדבר‬ ‫רוצה‬ ‫שאני‬ ‫הראשון‬ ‫הכלי‬
Retinize it
Artiom Dashinsky
‫ההדרכה‬ ‫בסרטון‬ ‫לצפיה‬

‫העיצוב‬ ‫את‬ ‫מגדיל‬ ‫(כלומר‬ ‫לרטינה‬ ‫גם‬ ‫לחתוך‬ ‫או‬ ‫רגיל‬ ‫לחתוך‬ ‫בין‬ ‫שם‬ ‫לבחור‬ ‫אפשר‬ .‫מצויין‬ ‫שזה‬ ‫חינמי‬ ‫הוא‬ ‫אקשנים‬ ‫הסט‬ ‫ראשון‬ ‫דבר‬
.‫דרך‬ ‫קיצור‬ ‫מקש‬ ‫לו‬ ‫לתת‬ ‫בפוטושופ‬ ‫אקשן‬ ‫כל‬ ‫כמו‬ ‫אפשר‬ ‫גם‬ .)100%‫ב‬
.‫בעיצוב‬ ‫החיתוכים‬ ‫כל‬ ‫על‬ ‫האקשן‬ ‫את‬ ‫להריץ‬ ‫אפשר‬ ‫ואי‬ ‫בנפרד‬ ‫שכבה‬ ‫לכל‬ ‫זה‬ ‫את‬ ‫לעשות‬ ‫שצריך‬ ‫הוא‬ ‫החסרון‬
FREE!!!
Super easy - PS Action
Choose: Slice or Retinize
Can define hotkey
Can't "batch" retinize
Retinize it
Artiom Dashinsky

Cut & Slice Me
.‫ואנדרויד‬ ‫לאייפון‬ ‫לחיתוכים‬ ‫יעיל‬ ‫ממש‬ .‫לפוטושופ‬ ‫מעולה‬ ‫תוסף‬

‫לקבוצות‬ ‫קראתם‬ ‫אם‬ ‫אחת‬ ‫בבת‬ ‫הכל‬ ‫לחתוך‬ ‫או‬ ‫מסויימת‬ ‫קבוצה‬ ‫לחתוך‬ ‫אפשרויות‬ ‫בו‬ ‫יש‬ .‫חינמי‬ ‫תוסף‬ ‫שזה‬ ‫ראשון‬ ‫דבר‬ ‫הם‬ ‫היתרונות‬
‫גם‬ ‫והוא‬ ,‫מצויין‬ ‫שזה‬ ‫לאנדרויד‬ ‫בחיתוך‬ ‫תומך‬ ‫הוא‬ .)‫לחתוך‬ ‫שתרצו‬ ‫קבוצה‬ ‫כל‬ ‫של‬ ‫השם‬ ‫אחרי‬ @ ‫הוספתם‬ ‫(אם‬ ‫שצריך‬ ‫כמו‬ ‫שלכם‬
.‫לשמור‬ ‫ואיפה‬ ‫חדשות‬ ‫תקיות‬ ‫להגדיר‬ ‫נתחיל‬ ‫שלא‬ ‫כדי‬ ‫אוטומטית‬ ‫בצורה‬ ‫לחיתוכים‬ ‫תקיה‬ ‫לנו‬ ‫פותח‬
‫לא‬ ‫הוא‬ ‫ובנוסף‬ ,)downscale only( ‫רגיל‬ ‫לגודל‬ ‫מרטינה‬ ‫מכווץ‬ ‫אלא‬ ,‫לרטינה‬ ‫בגודל‬ 2 ‫כפול‬ ‫שומר‬ ‫לא‬ ‫שהוא‬ ‫בעיקר‬ ‫הן‬ ‫החסרונות‬
.‫התוסף‬ ‫עם‬ ‫לעבוד‬ ‫בשביל‬ ‫רק‬ ‫תקיה‬ ‫בתוך‬ ‫שרוצים‬ ‫השכבות‬ ‫כל‬ ‫את‬ ‫לשים‬ ‫מעצבן‬ ‫טיפה‬ ‫וזה‬ ‫קבוצות‬ ‫רק‬ ,‫בודדות‬ ‫שכבות‬ ‫חותך‬
FREE!!!
Slice some/ all/ single group
Cuts fast
Android/iphone/screen
Opens folder automatically
@2x --> 1x only
Groups only
Opens folder automatically
Cut & Slice Me

.‫המון‬ ‫בה‬ ‫משתמש‬ ‫אישית‬ ‫אני‬ !‫מדהימה‬ ‫אפליקציה‬ ‫זאת‬
.‫אליכם‬ ‫רלונטי‬ ‫לא‬ ‫זה‬ ‫אבל‬ ‫מצטער‬ - PC ‫משתמשי‬ ‫אז‬ ,‫מק‬ ‫אפליקציית‬ ‫הינה‬ Slicy
Slicy

‫מאזינה‬ ‫היא‬ ‫וגם‬ ,‫נבחרים‬ ‫חלקים‬ ‫רק‬ ‫או‬ ‫הכל‬ ‫אוטומטית‬ ‫לכווץ‬ ‫או‬ ‫להגדיל‬ ‫יכולה‬ ‫שהיא‬ ‫בעיקר‬ .‫יתרונות‬ ‫המון‬ ‫הזאת‬ ‫לאפליקציה‬ ‫יש‬
.)‫נרצה‬ ‫(אם‬ ‫משתנה‬ ‫שהעיצוב‬ ‫ברגע‬ ‫שלנו‬ ‫העיצוב‬ ‫את‬ ‫מחדש‬ ‫ותחתוך‬ ‫למסמך‬
.‫המסמך‬ ‫כל‬ ‫את‬ ‫פעם‬ ‫כל‬ ‫עושה‬ ‫סלייסי‬ .‫בלבד‬ ‫אחת‬ ‫שכבה‬ ‫איתה‬ ‫לייצא‬ ‫אפשר‬ ‫שאי‬ ‫היא‬ )PC ‫למשתמשי‬ ‫(מלבד‬ ‫הגדול‬ ‫החסרון‬
1x --> @2x or @2x--> 1x
Can choose only some layers
for export as @2x
Auto track and update slices
Choose any folder
Useful and fun UX and UI
Mac Only
Application and not a plugin
Only batch slicing
Slicy

.‫מהיר‬ ‫לחיתוך‬ ‫וגם‬ ‫שלנו‬ ‫העיצובים‬ ‫של‬ ‫לייצוא‬ ‫ויעיל‬ ‫מעולה‬ ‫תוסף‬
Enigma64

‫הקנבס‬ ‫כל‬ ‫את‬ ‫לחתוך‬ ‫אם‬ ‫בין‬ ‫בתוכו‬ ‫לבחור‬ ‫ניתן‬ ‫גם‬ .‫מהיר‬ Save for Web ‫כמו‬ .‫ונוחה‬ ‫מהירה‬ ‫בצורה‬ ‫לנו‬ ‫מייצא‬ "64‫"אניגמה‬ ‫התוסף‬
.)Copy Merged ‫(כמו‬ ‫העיצוב‬ ‫מתוך‬ ‫בחירה‬ ‫רק‬ ‫אפילו‬ ‫או‬ ,‫קבוצה‬ ‫או‬ ‫שכבה‬ ‫רק‬ ‫או‬ ,‫כתמונה‬
‫הוא‬ ‫גם‬ .‫לשמור‬ ‫איפה‬ ‫לו‬ ‫להגדיר‬ ‫מחדש‬ ‫פעם‬ ‫כל‬ ‫צריך‬ ‫אז‬ ‫מסמך‬ ‫לכל‬ ‫בהתאם‬ ‫שומר‬ ‫הוא‬ ‫איפה‬ ‫זוכר‬ ‫אינו‬ ‫שהתוסף‬ ‫הוא‬ ‫שלו‬ ‫החסרון‬
.‫לרטינה‬ ‫חותך‬ ‫אינו‬
Great useful UI
A one button "Save for Web"
Choose between selection/
entire doc/ specific layer or
selected layers
Base64 support
Doesn't remember per file so you
have to choose each time where
to save according to what file
Doesn't slice @2x
Enigma64

‫תמונה‬ ‫להעלות‬ ‫צריך‬ ‫לא‬ ‫הדפדפן‬ ‫כי‬ ‫קליל‬ ‫יותר‬ ‫פעמים‬ ‫הרבה‬ ‫גם‬ ‫זה‬ .‫בלבד‬ CSS-‫ב‬ ‫אנימציה‬ ‫או‬ ‫אלמנט‬ ‫כל‬ ‫כמעט‬ ‫לעשות‬ ‫אפשר‬ ‫היום‬
.‫מהקוד‬ ‫חלק‬ ‫להיות‬ ‫יכול‬ ‫שלנו‬ ‫והעיצוב‬ ‫שתופיע‬
CSS
cross-browser
liter than ever

CSS Hat
.‫מתכנת‬ ‫או‬ ‫מעצב‬ ‫לכל‬ ‫חובה‬ ‫פשוט‬ .‫חובה‬ ‫הוא‬ ‫הזה‬ ‫התוסף‬

.‫ממטר‬ ‫פוטושופ‬ ‫של‬ ‫החדש‬ ‫הפיצ'ר‬ ‫את‬ ‫רואה‬ ‫ולא‬ ,‫מושלם‬ ‫תוסף‬ .‫פה‬ ‫לפרט‬ ‫מה‬ ‫לי‬ ‫אין‬
Great useful UI
Lightning fast
CSS/ SCSS/ SASS/ LESS/ Stylus
Super clean CSS - even cleaner
than Photoshop CC
None!
CSS Hat

.SVG ‫לקרוא‬ ‫הצליחו‬ ‫לא‬ ‫דפדפנים‬ ‫מזמן‬ ‫לא‬ ‫עד‬ ‫כי‬ ‫חדש‬ ‫ממש‬ ‫הוא‬ ‫אתרים‬ ‫בבניית‬ ‫בו‬ ‫השימוש‬ ‫אבל‬ ‫ישן‬ ‫הוא‬ SVG ‫של‬ ‫הפורמט‬
.‫ומטה‬ ie8-‫מ‬ ‫חוץ‬ ‫הדפדפנים‬ ‫בכל‬ ‫קריא‬ ‫זה‬ ‫כיום‬
.‫ועוד‬ ‫אנימציות‬ ,‫צבע‬ ,‫שונה‬ ‫גודל‬ ‫כמו‬ CSS ‫של‬ ‫חוקים‬ ‫עליו‬ ‫ליישם‬ ‫שאפשר‬ ,‫לחלטין‬ ‫וקטורי‬ ‫קובץ‬ ‫הוא‬ SVG
SVG
Vector
Editable by CSS
Small file size
icon fonts
‫הדרכה‬ ‫בסרטון‬ ‫לצפיה‬

.‫שלנו‬ ‫לאתר‬ icon fonts ‫לבנות‬ ‫אפשר‬ SVGs ‫באמצעות‬
‫לפונט‬ ‫כולם‬ ‫את‬ ‫ולהפוך‬ ‫באתר‬ ‫האייקונים‬ ‫את‬ ‫לקחת‬ ‫של‬ ‫בתהליך‬ ‫מדובר‬ .‫האתר‬ ‫ביצועי‬ ‫לשיפור‬ ‫יעיל‬ ‫הוא‬ ‫פונט‬ ‫באייקון‬ ‫השימוש‬
.‫באתר‬ ‫שמוטמע‬
Icon Fonts
improve your site's performance

.‫בו‬ ‫להשתמש‬ ‫קל‬ ‫וממש‬ ‫פונטס‬ ‫אייקון‬ ‫ליצירת‬ ‫חינמי‬ ‫שירות‬ ‫זה‬ ‫איקומון‬
icoMoon
fontastic - another cool service

‫אתר‬ ‫על‬ ‫ביצוים‬ ‫משפר‬ ‫זה‬ .‫הזה‬ ‫הפונט‬ ‫את‬ ‫לערוך‬ ‫זה‬ ‫ואחרי‬ ,‫משלכם‬ ‫פונטס‬ ‫אייקון‬ ‫בו‬ ‫להרכיב‬ ‫אפשר‬ ‫בקלות‬ ‫כי‬ ,‫טוב‬ ‫הוא‬ ‫הזה‬ ‫השירות‬
.‫טעינה‬ ‫וזמני‬ ‫רספונסיביות‬ ‫מבחינת‬
.‫בעיה‬ ‫להיות‬ ‫אמורה‬ ‫לא‬ ‫זאת‬ ‫למתכנתים‬ ‫אבל‬ ,‫כמעצבים‬ ‫לנו‬ ‫מסובך‬ ‫טיפה‬ ‫זה‬ ‫טובה‬ ‫בצורה‬ ‫פונטס‬ ‫אייקון‬ ‫שלהטמיע‬ ‫היא‬ ‫הבעיה‬
Boosts site speed
Easy to manage and add fonts
of your own
Implementation in the code is a
bit complex.
icoMoon

Sagi Shrieber
pixelperfect.co.il
dribbble.com/sagishrieber
): ‫רבה‬ ‫תודה‬
.‫ההרצאה‬ ‫את‬ ‫שמסכם‬ ‫פרפקט‬ ‫בפיקסל‬ ‫בפוסט‬ ‫למצוא‬ ‫תוכלו‬ ‫יעיל‬ ‫חומר‬ ‫המון‬ ‫ועוד‬ ‫הסרטונים‬ ,‫הקישורים‬ ‫כל‬ ‫את‬
Thank You!
Sagi Shrieber
pixelperfect.co.il
dribbble.com/sagishrieber
http://pixelperfect.co.il/posts/slicing
‫ההרצאה‬ ‫סיכום‬ ‫לפוסט‬
http://pixelperfect.co.il/posts/slicing

איך חותכים עיצוב כמו נינג'ות בשנת 2013

More Related Content

Similar to איך חותכים עיצוב כמו נינג'ות בשנת 2013 (20)

More from Sagi Shrieber (10)

איך חותכים עיצוב כמו נינג'ות בשנת 2013