什么是ui 設(shè)計(jì) 規(guī)范UI設(shè)計(jì)規(guī)范作用:明確規(guī)定了UI設(shè)計(jì)在各個(gè)環(huán)節(jié)的職責(zé)和要求,以確保每個(gè)環(huán)節(jié)的工作質(zhì)量;使UI設(shè)計(jì)的流程規(guī)范化,確保UI設(shè)計(jì)流程的可操作性。UI設(shè)計(jì)規(guī)范總體原則:
1.以用戶為中心。設(shè)計(jì)由用戶控制的界面,而不是界面控制用戶。2. 清楚一致的設(shè)計(jì)。所有界面的風(fēng)格保持一致,所有具有相同含義的術(shù)語(yǔ)保持一致,且易于理解 。3.擁有良好的直覺(jué)特征。以用戶所熟悉的現(xiàn)實(shí)世界事務(wù)的抽象來(lái)給用戶暗示和隱喻,來(lái)幫助用戶能迅速學(xué)會(huì)軟件的使用。4.較快的響應(yīng)速度。5.簡(jiǎn)單且美觀。
ui設(shè)計(jì) 規(guī)范是固定的嗎什么是ui設(shè)計(jì)規(guī)范_ui設(shè)計(jì)規(guī)范是固定的嗎,做產(chǎn)品一定要有UI規(guī)范,做一個(gè)詳細(xì)的UI規(guī)范有很多的意義:1、對(duì)于同一家公司的多個(gè)產(chǎn)品線來(lái)說(shuō),有一個(gè)統(tǒng)一UI規(guī)范,可以對(duì)多個(gè)產(chǎn)品在圖標(biāo)、主題色彩等方面進(jìn)行規(guī)范,使得產(chǎn)品統(tǒng)一;
2、多個(gè)UI設(shè)計(jì)師共同合作時(shí),有一個(gè)既定的規(guī)則大家可以遵守,省得大家各做各的,做出來(lái)的東西不像一個(gè)產(chǎn)品;3、有時(shí)UI規(guī)范也可以對(duì)研發(fā)和測(cè)試童鞋們的工作予以指導(dǎo)。沒(méi)有規(guī)范與原則的時(shí)候,就會(huì)花大量的時(shí)間去糾結(jié),從而浪費(fèi)人力物力,如果定下規(guī)范,后期的很多內(nèi)容都是水到渠成的事情,所以不管是項(xiàng)目本身還是你自己都要有一套基礎(chǔ)實(shí)用的設(shè)計(jì)規(guī)范/體系。而這套規(guī)范/體系的來(lái)源就在于經(jīng)驗(yàn)+總結(jié)!
ui設(shè)計(jì)尺寸規(guī)范IOS:尺寸及分辨率.iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)設(shè)計(jì)圖單位:像素72dpi。在設(shè)計(jì)的時(shí)候并不是每個(gè)尺寸都要做一套,尺寸按自己的手機(jī)來(lái)設(shè)計(jì),比較方便預(yù)覽效果,一般用640*960或者640*1136的尺寸來(lái)設(shè)計(jì),現(xiàn)在iphone6和plus出來(lái)后有很多人會(huì)使用6的設(shè)計(jì)效果。ANDROID:尺寸及分辨率.Android界面尺寸:480*800、720*1280、1080*1920Android比iPhone的寸尺多了很多套,建議取用720*1280這個(gè)尺寸,這個(gè)尺寸720*1280中顯示完美,在1080*1920中看起來(lái)比較清晰,切圖后的圖片文件大小也適中,應(yīng)用的內(nèi)存消耗也不會(huì)過(guò)高。
ui設(shè)計(jì)規(guī)范包括什么一、軸軸在UI設(shè)計(jì)中是基本、常見(jiàn)的概念,也是用來(lái)組織界面結(jié)構(gòu)的重要核心。簡(jiǎn)單說(shuō)來(lái),軸是在設(shè)計(jì)的時(shí)候組織一系列元素的假象線,在下面的設(shè)計(jì)圖中,軸以虛線的方式被標(biāo)注出來(lái)。1、對(duì)齊2、強(qiáng)化3、運(yùn)動(dòng) 4、連續(xù)性二、對(duì)稱當(dāng)元素被均勻地放置在軸線的兩側(cè)之時(shí),他們構(gòu)成了對(duì)稱的關(guān)系。當(dāng)元素被精準(zhǔn)地在軸線兩側(cè)一一對(duì)應(yīng)之時(shí),它們就形成了完美對(duì)稱。1、平衡 2、不對(duì)稱三、層級(jí)當(dāng)某個(gè)元素出現(xiàn)在比其他元素更重要的位置的時(shí)候,層級(jí)就出現(xiàn)了。1、尺寸2、形狀3、位置四、韻律UI設(shè)計(jì)和建筑設(shè)計(jì)同樣有著韻律之美,重復(fù)的模式會(huì)營(yíng)造出獨(dú)特的節(jié)奏之美。1、模式 2、間斷
android ui設(shè)計(jì)規(guī)范1.布局規(guī)范基本的一些控件尺寸的大小規(guī)范,比如狀態(tài)欄、導(dǎo)航欄、和菜單欄,這些都是比較死的數(shù)據(jù),多去看幾次就記了,當(dāng)然數(shù)據(jù)還是挺多的,你也可以用MDPI的尺寸標(biāo)準(zhǔn)看成DP然后再去適配其它的尺寸,這樣做的話需要記住的數(shù)據(jù)就少了很多了,這就是DP的法,比如,MDPI的狀態(tài)欄高度是25px,你就把它等同成25dp,然后再去進(jìn)行相應(yīng)的轉(zhuǎn)換。哪些基礎(chǔ)控件的大小就不說(shuō)了,記住就行,寬度的話是滿屏,接下來(lái)看一下細(xì)畫(huà)筆大小,指的是一些分割線,或者一些線性圖標(biāo),這些我們要確保做出來(lái)之后,用戶去使用的時(shí)候可以看的清楚。2.圖標(biāo)尺寸在一個(gè)分辨率里,一張界面圖上有太多的圖標(biāo),不可能每一個(gè)圖標(biāo)的大小都是一樣的,所有圖標(biāo)會(huì)根據(jù)所處的位置的不同,用處的不同,圖標(biāo)的大小也會(huì)不一樣,圖標(biāo)的大小也不是我們想給多大就給多大,安卓系統(tǒng)有一套自己的規(guī)范。3.字體規(guī)范字體的大小安卓里面也有相應(yīng)的規(guī)范,比如小字體是多大,文本是多大,按照規(guī)范來(lái)設(shè)計(jì)的話就可以確保我們的界面圖整體看起來(lái)更加的美觀,而且在使用的字體方面,也是有一個(gè)嚴(yán)格的規(guī)定,英文在安卓里面使用的是Roboto,中文字體使用的是droid sans fallback,當(dāng)然現(xiàn)在隨著安卓手機(jī)分辨率的增加, 中文,字體的選擇也多了幾種,比如中文也可以使用思源黑體等。