iOS界面設計規(guī)范須知
武漢/設計愛好者/7年前/2210瀏覽
版權(quán)
iOS界面設計規(guī)范須知
今天想跟大家分享一下我自己整理的iOS界面設計規(guī)范,希望對大家有幫助!
相信大家也看過不少的類似規(guī)范的這種文檔。都特別長、說的特別細...在平時的工作中,我們能用到的規(guī)范尺寸其實并不多,尤其是現(xiàn)在APP以及H5給我們自己發(fā)揮的空間其實特別大。所以像間距、顏色什么的如果都給定死了,其實特別沒必要,畢竟規(guī)范是死的,設計是活的。

說明:設計稿一般采用750×1334px,因為它的調(diào)整幅度最小,方便適配。


說明:下面放了一個設計稿 (750×1334px) 的組件示意圖。



iOS英文字體:SF UI
iOS中文字體:蘋方
為了確保字體在不同尺寸下的所有類型都具備可讀性。
建議字號都不應該小于22px,內(nèi)容樣式使用34px的字號作為最大尺寸,(特殊情況除外,如標簽欄圖標的文字為20px;如彈窗按鈕文字為36px等),字體必須為偶數(shù)。


說明:一般圖標切圖就切兩套就可以的(@2×、@3×)
命名:模塊_功能_控件_狀態(tài)@2x.png
模塊_功能_控件_狀態(tài)@3x.png


27
95
分享
評論你的想法~
表情
喜歡TA的作品嗎?喜歡就快來夸夸TA吧!
你可能喜歡
登錄注冊
27登錄即可同步推薦記錄哦
95登錄即可加入我的收藏
評論登錄即可評論想法
分享分享





































