עיצוב למובייל - כמה גדלים צריך להכין?

[תמנתי ווב דיזיין]

אם לקוח רוצה עיצוב למובייל, כמה סוגים צריך לעצב ולהכין ומה המידות שלהם?

והאם יש איזה שהוא אתר או משהו כזה שמראה בצורה ברורה איך לכתוב קוד רספונסיבי?

תודה מראש

 

[יאלילי]

http://www.prog.co.il/showthread.php?t=146046
http://www.prog.co.il/showthread.php?p=1119192

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


בהצלחה רבה.

 

[תמנתי ווב דיזיין]

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

נתבקשתי לעצב [וגם לבנות] אתר רספונסיבי לכל סוגי המובייל

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

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

 

[יהודהלה]

הקונספט שאת צריכה לעבודה הוא MOBILE FIRST - שיטה שמפתחים מהמסך הכי קטן וגודלים בהתאם לרוחב.
מצגת נחמדה : http://www.slideshare.net/lukebrooker/responsive-design-mobile-first

 

[תמנתי ווב דיזיין]

יהודהלה, מצגת חמודה בהחלט. למדתי ממנה כמה דברים

 

[Shia]

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

יש עוד כמה גרידים ריספונסיביים:
http://responsive.gs/
http://gridpak.com/
http://purecss.io/grids/

ועוד כמה מפורטים בפוסט הזה:
http://designinstruct.com/web-design/responsive-css-grid/

 

[תמנתי ווב דיזיין]

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

 

[תמנתי ווב דיזיין]

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

 

[Shia]

הלקוח מצפה לקבל ממך מראש אפיון של תצוגת מובייל?

 

[תמנתי ווב דיזיין]

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

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