【iOS 平臺適配規範】+配色網站推薦

時間 2019-11-17

原文原文鏈接

隨着iphone6和6plus的上市，ios分辨率也呈現出碎片化趨勢，適配成爲了設計師最頭痛的問題。html

6plus的設計尺寸是1242*2208（效果圖按這個尺寸），物理尺寸1920*1080（硬件尺寸和設計無關），放大版1125*2001這3個有什麼區別？最初應該設計哪個？目前比較流行的作法是先按iphone6的分辨率750*1334（儘可能使用矢量元素），完成後標註好座標，而後再將750*1134除2乘3，輸出放大版1125*2001，在放大版上切圖後輸出資源給程序，而後讓程序本身去適配各個尺寸，這是個偷懶的作法，基本能適配不少屏幕，偶爾會有控件拉伸及顯示不全的問題，只能讓程序微調了，固然有條件的話，每一個分辨率都出對應的資源最好。ios

蘋果的開發規範請參考 developer.apple.com/web

iOS Design Themes 詳見 developer.apple.com/design/huma…windows

IPAD HIG PDF https://www.hung-truong.com/blog/wp-content/uploads/2010/06/iPadHIG.pdfapp

另外，蘋果命名要注意普通屏和視網膜屏，通常視網膜屏的像素會比普通的大兩倍。因此，設計iOS效果圖的時候，儘可能使像素爲偶數。iphone

例如，正常屏命名爲icon.png，視網膜屏爲icon@2x.png，如今多數用三倍圖icon@3x.png。ide

官方的IOS7 圖標模板 Icon Template IOS7，這是蘋果公佈的出來的ios7官方模板。工具

官方關於iOS平臺的圖標文檔請參見如下頁面：字體

developer.apple.com/library/arc…
網站

iOS圖標規範以下。

上傳到App Store須要512px*512px的圖片。
在iPhone Retina顯示屏960px*640px分辨率中，圖標顯示尺寸爲114px*114px，20像素的圓角，4像素的90度黑色投影，2像素的90度白色內投影，默認自帶高光。
在iPhone 480px*320px分辨率中。圖標顯示尺寸爲57px*57px，10像素的圓角，2像素的90度黑色投影，1像素的90度白色內投影，默認自帶高光。
在iPad 1024px*768px分辨率中。圖標尺寸顯示爲120px*120px，27像素的圓角。
蘋果字體規格說明。

導航欄標題：medium 34px
按鈕和表頭：light 34px
表格標籤：Regular 28px
Tab頁圖標標籤：Regular 20px

可點擊對象的區域：尺寸不要小於44px*44px。（接上面的第5點）
iOS的圖標其實不用切成圓的，直接給一個正方形的，系統會本身給i圖標作圓角蒙版和高光。命名爲ICON.PNG，ICON@2X.PNG，ICON@3X.PNG。
iOS8規範以下：iphone六、七、8屏幕1334px*750px，iphone 六、七、8plus屏幕2208px*1242px。
iphone X 屏幕1125*2436，關於iphone X的設計我看過一篇文章，感受總結的已經很全了，我就直接上連接了www.ui.cn/detail/2839…

Surface的物理特性如圖所示：

微軟的開發參考文檔爲 developer.microsoft.com/en-us/windo…

===========================這是華麗麗的分割線~~=========================

最後分享幾個配色網站，網站本人親測過，圖片是本人親自截圖的，不是copy的，你們能夠參考下，都是不錯的配色網站：

1. zhongguose.com

超美的中國風配色，網站號稱收集了最全的中國色，還有中英文互譯，很是貼心，五星好評。