Design הגשת עיצוב אתר למפתח

[Yoda]

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

 

[אובי]

אתה יכול להעלות קובץ PSD לזפלין

Zeplin

Document designs, map user flows, track version changes — deliver with confidence without changing how you design.

zeplin.io

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

 

[Yoda]

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

אתה יכול להעלות קובץ PSD לזפלין

Zeplin

Document designs, map user flows, track version changes — deliver with confidence without changing how you design.

zeplin.io

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

 

[אובי]

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

 

[YBYY]

יש את FIGMA זה גם כלי שאפשר לראות בו ויש אפשרויות של שיתוף רק לצפיה או לעריכה תלוי מה אתה עושה
וכן זה גם חינם

 

[Yoda]

יש את FIGMA זה גם כלי שאפשר לראות בו ויש אפשרויות של שיתוף רק לצפיה או לעריכה תלוי מה אתה עושה
וכן זה גם חינם

אשמח אבל להבין מה התהליך עבודה מול המתכנת מה הציפיות בדרך כלל

 

[Yoda]

יש את FIGMA זה גם כלי שאפשר לראות בו ויש אפשרויות של שיתוף רק לצפיה או לעריכה תלוי מה אתה עושה
וכן זה גם חינם

אשמח אבל להבין מה התהליך עבודה מול המתכנת מה הציפיות בדרך כלל

 

[kaduri]

כמתכנת:
הציפיה היא שהמעצב יעצב בצורה ברורה את כל העסק ויתן הערה על כל פקד
החל מאיזה corner-radius הוא נתן לכפתור, מה עובי ה-border ומה ה-font שבו הוא משתמש
מה ה-margin וה-padding המדויק שהוא תיכנן
ואם זה לאתר/אפליקציה רספונסיבית אז גם בהתאם את העיצוב עבור המכשירים השונים

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

 

[Yoda]

כמתכנת:
הציפיה היא שהמעצב יעצב בצורה ברורה את כל העסק ויתן הערה על כל פקד
החל מאיזה corner-radius הוא נתן לכפתור, מה עובי ה-border ומה ה-font שבו הוא משתמש
מה ה-margin וה-padding המדויק שהוא תיכנן
ואם זה לאתר/אפליקציה רספונסיבית אז גם בהתאם את העיצוב עבור המכשירים השונים

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

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