גודל של מסגרות המסך עבור iPhone

ממדי המסך

ה- iPhone המקורי הושק עם מסך בגודל 3.5 אינץ '(8.89 ס"מ), 480x320 פיקסלים ורזולוציה של 163 פיקסלים לאינץ' (ppi). הגודל הפיזי של המסך של iPhone לא השתנה עד 4S, אבל עם כניסתה של מסך הרשתית, את המסכים של iPhone 4 ו 4S יש רזולוציה של 326 ppi ואת הממדים שלהם הם 960x640 פיקסלים. בשני המודלים, ממדי המסך הם 2.94 x 1.96 אינץ '(7.47 x 4.98 ס"מ) לרדיוס של 1.5 עד 1. ה- iPod Touch משתמש באותו מסך כמו ה- iPhone המקורי עד לדור השלישי, התצוגה הרשתית הוצגה עד הדור הרביעי.

מסגרות עבור iPhone

אם אתה חושב על יצירת עיצובים מסגרת משלך, אתה צריך להשתמש ברדיוס של 1.5-1 כדי לעצב את האלמנטים של ממשק המשתמש שלך עם הגודל היחסי המתאים. אם אתה מעצב עבור אתר אינטרנט או יישום תואם iPhone, אלמנטים UI המשמש דפדפן Safari יכול להפחית את גודל שמיש של המסך. Apple מציעה ממשק API שמסתיר את ממשק המשתמש של Safari ומאפשר ליישום האינטרנט להפעיל מסך מלא, כך שתוכל להגדיר את תצוגות התצוגה עבור סולם אופטימלי עבור אתרי האינטרנט שלך ב- Safari.

כלים עבור המסגרת

יישומים עבור צד שלישי מסגרות כגון FlairBuilder או Axure RP, או כל תוכנית נפוצה אחרת כדי ליצור עיצובים, כגון PhotoShop או OmniGraffle, יכול לעזור לך לעצב את היישום במהירות רבה יותר. רבים עיצוב צד שלישי מוצרים מציעים אלמנטים סטנדרטיים בממשקים כי אתה רק צריך לגרור ולשחרר, כמו גם תכונות אחרות שיעזרו לך לעקוב אחר המלצות העיצוב של אפל.

הטכניקות הטובות ביותר

Apple ממליצה לעצב את היישום שלך ל- iPhone באמצעות נקודות במקום פיקסלים עבור מדידות עבור מימד עקבי יותר של אלמנטים עבור ממשק המשתמש שלך בדגמים שונים. לדוגמה, הגודל המינימלי המומלץ עבור אלמנט של ממשק המשתמש הוא 44x44 נקודות, זה הופך 44 פיקסלים על המסך המקורי של ה- iPhone ו -88 פיקסלים על המסך Retina. Apple גם מציע כי אתה יכול לעצב את ממשק המשתמש עבור שני הכיוונים של המסך, היישום שלך צריך להתחיל בכיוון כמו דיוקן, כי המסך הבית של iPhone זמין רק בכיוון זה. ניתן למצוא מדריכים נוספים בכתובת developer.apple.com