מהן המידות בעיצוב לסמארטפון?

[חיה12]

אני צריכה להתאים אתר לסמארטפון ואיני מצליחה למצא את המידות המקובלות.

 

[רמה פלוס]

רק תבחרי - http://www.zap.co.il/models.aspx?sog=e-cellphone&filter=398331

 

[חיה12]

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

 

[רמה פלוס]

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

אף פעם לא עיצבתי אתר לסמארטפון,
אבל לא חושב שיש כזה דבר 'מקובל', כי S2 הוא "4.3, והנקסוס הוא "4.7, והS4 הוא "5, והG2 הוא "5.2, והNOTE3 הוא "5.7, וברזולוצייה ההבדלים עצומים!

 

[maor700]

סמארטפונים: 320px רוחב , 480px גובה.
טאבלטים: לאורך – 768px, לרוחב – 1024px.
דסקטופ + ניידים: 1024px ומעלה.

http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

 

[רמה פלוס]

סמארטפונים: 320px רוחב , 480px גובה.
טאבלטים: לאורך – 768px, לרוחב – 1024px.
דסקטופ + ניידים: 1024px ומעלה.

http://www.javascriptkit.com/dhtmltutors/cssmediaqueries2.shtml

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

 

[יאלילי]

והG2 הוא "5.2,

מה זה המכשיר הזה?
אשמח לדעת..

 

[רמה פלוס]

מה זה המכשיר הזה?
אשמח לדעת..

מכשיר הדגל של LG [שאגב, גוגל בחרו להוציא את הנקסוס בשיתוף איתם ולא עם סמסונג..],
מכשיר זה בולע את הS4 [לכל הגירסאות-i9500, i9505, i9295] ללא מלח.

 

[חיה12]

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

 

[שוצי]

מעצבים בכל הגדלים עד כמה שידוע לי
זה מעצבן אבל זה המצב

 

[Shia]

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

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

אולם המגמה העקבית היא עליה ברזולוציית המסך.
רוב מוחלט של המכשירים היום הם בעלי רזולוציה של לפחות 480×800.
משנת 2011, התחלנו לראות מכשירים בעלי רזולוציה של 540×960.
החל משנת 2012, אנחנו רואים בשוק יותר ויותר מכשירים עם רזולוציה של 1280×720...

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

 

[רמה פלוס]

אני חושב שהקישור היותר נכון מהקישור שהעליתי בהודעה מס' 2,
הוא הקישור הזה - http://www.zap.co.il/models.aspx?sog=e-cellphone&filter=174219



הדבר בהחלט נתון לשינוי בין מכשיר למכשיר.

לדעתי רזולוצייה של 480X800 היא רזולוצייה שקיימת רק במכשירים ישנים [כן, S1 וS2 הם מכשירים מאודדד ישנים], כך שקהל היעד שיוכל להנות מהאתר יהיה קטן מאוד.
לכן צריך לבדוק מהו קהל היעד הגדול העדכני, והוא בעלי הS3 והS4, הG2 והנקסוס וקצת הnote3.
הרזולוציות הם 720X1280 ,768X1280 ,1080X1920.

בהצלחה.

 

[wmw]

http://beta.screenqueri.es/

 

[Shia]

אני חושב שהקישור היותר נכון מהקישור שהעליתי בהודעה מס' 2,
הוא הקישור הזה - http://www.zap.co.il/models.aspx?sog=e-cellphone&filter=174219



הדבר בהחלט נתון לשינוי בין מכשיר למכשיר.

לדעתי רזולוצייה של 480X800 היא רזולוצייה שקיימת רק במכשירים ישנים [כן, S1 וS2 הם מכשירים מאודדד ישנים], כך שקהל היעד שיוכל להנות מהאתר יהיה קטן מאוד.
לכן צריך לבדוק מהו קהל היעד הגדול העדכני, והוא בעלי הS3 והS4, הG2 והנקסוס וקצת הnote3.
הרזולוציות הם 720X1280 ,768X1280 ,1080X1920.

בהצלחה.

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

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

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

להלן רשימת הרזולוציות הסטנדרטיות הנהוגות במכשירים ניידים (כולל פאבלטים וטאבלטים) ושמות הקוד שלהן:

QVGA (240×320)
HVGA (320X480)
WVGA (480×800)
qHD (540×960)
HD (1280×720)
XGA (1024×768)
FHD (1920×1080)
WXGA (1280×800)
WQXGA (2560×1600)
​

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

אם היית מתמצאת בבניית אתרים ובעיצוב רספונסיבי, היית מבינה שהטווח שמעניין אותנו כשאנחנו מתאימים אתר לסמארטפון, הוא פשוט מאוד הטווח שבין 480x800 ל-1280×720. וזו התשובה היחידה שרלבנטית לפותחת האשכול.

 

[wmw]

גלקסי מיני - 240*320
גלקסי ג'יו - 320*480

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

[אחד מהם למשל נפוץ מאד בקרב מי שרוצים מספר כשר + רגיל, כי יש דגם שלו עם 2 כרטיסי סים פיזיים]

 

[mat]

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

אני חושב שזה לא נכון בכלל להתעסק עם פיקסלים.

בגלל הנתון הזה.

צפה בקובץ המצורף 174994

זהו סטיסטיקה עולמית של כל המכשירים .
http://gs.statcounter.com/#mobile_resolution-ww-monthly-201209-201309

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

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

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

 

[Shia]

mat עשית פעם עבודת פיתוח פרונט בתחום התאמה רספונסיבית למובייל?

 

[mat]

http://www.creativebloq.com/css3/master-css-pixels-retina-displays-8122955

 

[mat]

mat עשית פעם עבודת פיתוח פרונט בתחום התאמה רספונסיבית למובייל?

אין לזה קשר אם עשיתי או לא עשיתי אם יש לך טיעון אחר נגד מה שאמרתי מאשר הטיעון שעשתי או לא עשיתי אני אשמח לשמוע.

 

[יאלילי]

גלקסי מיני - 240*320
גלקסי ג'יו - 320*480

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

[אחד מהם למשל נפוץ מאד בקרב מי שרוצים מספר כשר + רגיל, כי יש דגם שלו עם 2 כרטיסי סים פיזיים]

בלי להכנס לוויכוח,
אבל במחילה גלקסי ג'יאו ומיני אלו שני סמרטוטים לא שני סמארטפונים..
אני לא חושב שמי שבונה אתר כיום מפנה את כיוונו לעבר שני מכשירים אלו ודומיהם... הם לא סוחבים בעליות.
בקושי את המיני 2 רואים, בואו לא נדבר על גלקסי ACE שהוא הרבה יותר טוב מהמיני [הרגיל] והג'יאו, וגם אותו כבר לא רואים.