? 這幾天找了幾個(gè)平臺(tái)的規(guī)范,并且搜索了一些對(duì)規(guī)范總結(jié)的谓罗。把比較好的幾個(gè)歸納下來剃毒,分享到簡書。沒有找android的和watch 洁闰,因?yàn)楦杏X現(xiàn)階段我主要的方向大概就是ios的吧歉甚,ios先熟絡(luò)了,那android和watch的應(yīng)該入手也不難(主要是現(xiàn)在超想趕緊過完一遍然后做app扑眉。纸泄。)白羊座就是很急性子。腰素。
?認(rèn)真的把這些規(guī)范琢磨了好幾遍過去聘裁,大概做到心里稍微有數(shù)吧,從前兩天起的ui100day的頁面就努力開始按照規(guī)范做圖弓千。but 頁面上的線性icon不是自己畫的衡便,心不夠沉著。這是很大的毛病洋访。镣陕。
如我所愿的吧,姻政,開始part3. 接觸交互和ae
感覺自己進(jìn)度太快了呆抑,watch和android沒做還是很虛,但是結(jié)果會(huì)好的汁展,想自己做出作品
要這幾個(gè)平臺(tái)規(guī)范的可以私信我鹊碍,我郵箱分享給你們。
iphone 界面尺寸
iphone圖標(biāo)尺寸
1.導(dǎo)航欄的圖標(biāo)高度為44px食绿,標(biāo)簽欄的圖標(biāo)高度為50X50px侈咕,最大為96X64px。
2.導(dǎo)航欄的文字大小最大值是34-36px器紧,標(biāo)簽欄的圖標(biāo)下方文字大小為20px耀销。
3.iphone6的設(shè)計(jì)稿尺寸是@2x,做原型圖的時(shí)候品洛,可以做成@2x(750X1334px)树姨,也可以做成@1x的(375X667px)
4.線框圖常用的黑白灰數(shù)值
文字黑色#282828
文字深灰色#656565
文字淺灰色#989898
邊框淺灰色#c3c3c3
背景淡灰色#f2f2f2
按鈕背景純白色#ffffff
?5.常用的可點(diǎn)擊高度摩桶,在iPhone6的原型圖賞,統(tǒng)一88px帽揪。這是一個(gè)常用的設(shè)計(jì)尺寸硝清。
6.搜索欄的高度,統(tǒng)一成58px转晰。
7.界面元素之間常用距離芦拿,親密距離:20px; 疏遠(yuǎn)距離:30px查邢。
YY語音規(guī)范
8.布局設(shè)計(jì)時(shí)最小的尺寸單位為8px蔗崎。
?保證在雙平臺(tái)上大部分機(jī)型開發(fā)中不會(huì)出現(xiàn)模糊變形的問題,并且只需設(shè)置一套設(shè)計(jì)稿扰藕,減少設(shè)計(jì)師工作量缓苛。
優(yōu)酷視頻規(guī)范
?
?網(wǎng)易云音樂規(guī)范
?
約派app規(guī)范