蘋果567(775乘1334px) 主流設計尺寸 一般設計以這個為標準
如果要轉為三倍圖 乘以1.5等比例縮放形成自適應
1.介面設計包括佈局層,圖文排版層,圖示層。
2. iPhone介面佈局講究8px原則。所有間距和標準尺寸都是應該是8px的倍數。如iPhone678的狀態列40px,導航欄88px,標籤欄98px。除此以外,其他規範導航欄下導航高度80px,列表卡片高度88px,按鈕高度88px,小標題欄高度64px,標籤欄98px,都是 8的倍數,最小距離也是8px。除開狀態列導航欄標籤欄內容區域1108px。
3. ios最小點選區域尺寸為88x88px。切圖注意,沒有也要用這個尺寸。
4.導航欄工具欄標籤欄佈局中的圖示大小都是44乘44px。在標籤欄中4個圖示各佔標籤欄比例寬度188,186,186,186px。圖示和下方的字型最好是8px距離,字型大小一般為20px。注意pt等於2px。5.頁邊距30px,一般是整數偶數。
6.字型大小都在20-36px之間。一般為偶數呈現,導航欄字型36px。內容區域字型24-28px。輔助性文字20-24px。常規按鈕32-36px。工具欄20px。
7.字型正文是pingfang sc light light,標題是pingfang sc bold bold。(加粗)
8.不要為字型間大小搭配煩惱了。字型大小之間搭配原則:(原則6和8的剃度,自己隨意搭配)如一般列表32px搭配26px詳情文字。(字型大小6px差距,一般都是這個6px)帶頭像30搭配22輔助文字。(8px大小差距),用得少,這個情況用。
9.詳情頁標題文字與詳情文字間距是8的倍數。常用間距24,32,40px。
10.桌面圖示512x512px,圓角64px。內容不能超過448x448px的大圓區域。設計在大圓內進行。
11.系統圖標44x44px。分別有圓形,方形,豎長形,橫長形等。做好了可以等比例擴大,展示也是呈現3倍放大。
蘋果567(775乘1334px) 主流設計尺寸 一般設計以這個為標準
如果要轉為三倍圖 乘以1.5等比例縮放形成自適應
1.介面設計包括佈局層,圖文排版層,圖示層。
2. iPhone介面佈局講究8px原則。所有間距和標準尺寸都是應該是8px的倍數。如iPhone678的狀態列40px,導航欄88px,標籤欄98px。除此以外,其他規範導航欄下導航高度80px,列表卡片高度88px,按鈕高度88px,小標題欄高度64px,標籤欄98px,都是 8的倍數,最小距離也是8px。除開狀態列導航欄標籤欄內容區域1108px。
3. ios最小點選區域尺寸為88x88px。切圖注意,沒有也要用這個尺寸。
4.導航欄工具欄標籤欄佈局中的圖示大小都是44乘44px。在標籤欄中4個圖示各佔標籤欄比例寬度188,186,186,186px。圖示和下方的字型最好是8px距離,字型大小一般為20px。注意pt等於2px。5.頁邊距30px,一般是整數偶數。
6.字型大小都在20-36px之間。一般為偶數呈現,導航欄字型36px。內容區域字型24-28px。輔助性文字20-24px。常規按鈕32-36px。工具欄20px。
7.字型正文是pingfang sc light light,標題是pingfang sc bold bold。(加粗)
8.不要為字型間大小搭配煩惱了。字型大小之間搭配原則:(原則6和8的剃度,自己隨意搭配)如一般列表32px搭配26px詳情文字。(字型大小6px差距,一般都是這個6px)帶頭像30搭配22輔助文字。(8px大小差距),用得少,這個情況用。
9.詳情頁標題文字與詳情文字間距是8的倍數。常用間距24,32,40px。
10.桌面圖示512x512px,圓角64px。內容不能超過448x448px的大圓區域。設計在大圓內進行。
11.系統圖標44x44px。分別有圓形,方形,豎長形,橫長形等。做好了可以等比例擴大,展示也是呈現3倍放大。