界面設(shè)計(jì)是這幾年新穎行業(yè)，畢竟現(xiàn)在很多的智能設(shè)備都是需要接觸到這方面的領(lǐng)域，手機(jī)就是其中的一個(gè)，手機(jī)在做軟件界面設(shè)計(jì)都是有相關(guān)的規(guī)定，這樣才能設(shè)計(jì)出一款優(yōu)秀的軟件，銀行軟件也是不列外，那么手機(jī)銀行界面設(shè)計(jì)有哪些的設(shè)計(jì)規(guī)范呢？今天就讓faceui來給大家普及一下關(guān)于手機(jī)銀行軟件界面設(shè)計(jì)的基本常識(shí)。

　　手機(jī)銀行界面設(shè)計(jì)規(guī)則

　　一、邊距和間距

　　在設(shè)計(jì)移動(dòng)端頁面時(shí)，頁面中元素邊距和間距的設(shè)計(jì)規(guī)范都是非常的重要的，一個(gè)頁面是否美觀、簡潔、是否通透和邊距間距的設(shè)計(jì)規(guī)范緊密相連，所以說我們是很有必要對(duì)它們進(jìn)行了解清楚。

　　1、全局邊距

　　全局邊距是指頁面內(nèi)容到屏幕邊緣的距離，整個(gè)應(yīng)用的界面都應(yīng)該按照這一點(diǎn)進(jìn)行規(guī)范，以達(dá)到頁面整體視覺效果的統(tǒng)一。全局邊距的設(shè)置最好能夠引導(dǎo)用戶豎向向下閱讀。在實(shí)際應(yīng)用中應(yīng)該根據(jù)不同的產(chǎn)品的特點(diǎn)來進(jìn)行采用不同的邊距，讓邊距成為界面的一種設(shè)計(jì)語言，常用的全局邊距有32px、30px、24px、20px等等，有一個(gè)特點(diǎn)就是數(shù)值全是偶數(shù)。通常左右邊距最小為20px，這樣的距離可以展示更多的內(nèi)容，不建議比20還小，否則就會(huì)使界面內(nèi)容過于擁擠，給用戶的瀏覽帶來視覺負(fù)擔(dān)。30px是非常舒服的距離，是絕大多數(shù)應(yīng)用的首選邊距。

　　手機(jī)銀行界面設(shè)計(jì)

　　2、卡片間距

　　在移動(dòng)端頁面設(shè)計(jì)中卡片式布局是非常常見的布局方式，至于卡片和卡片之間的距離的設(shè)置需要根據(jù)界面的風(fēng)格以及卡片承載信息的多少來界定，通常最小不低于16px，使用最多的間距是20px、24px、30px、40px，當(dāng)然間距也不宜過大，過大的間距會(huì)使界面變得松散，間距的顏色設(shè)置可以與分割線一致，也可以更淺一些。

　　3、內(nèi)容間距

　　一款A(yù)PP除了各種欄（狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄、工具欄）和控件icon就是內(nèi)容了，內(nèi)容的布局形式多種多樣，這里不去探討內(nèi)容具體應(yīng)該如何去布局，我們來說一說內(nèi)容的間距設(shè)置問題。

　　格式塔原則中的一個(gè)重要的原則就是鄰近性，格式塔鄰近性原則認(rèn)為：單個(gè)元素之間的相對(duì)距離會(huì)影響我們感知它是否以及如何組織在一起，，互相靠近的元素看起來屬于一組，而那些距離較遠(yuǎn)的則自動(dòng)劃分組外，距離近的關(guān)系緊密。

　　二、內(nèi)容布局

　　在APP的設(shè)計(jì)中內(nèi)容的布局形式多種多樣，這里介紹最常用的兩種布局形式，列表式布局和卡片式布局。

　　1、列表式布局

　　列表式布局方式是最普遍的，我們隨便打開一個(gè)APP來看，這些APP基本都存在這種布局方式，其布局形式的特點(diǎn)在于能夠在較小的屏幕中顯示多條信息，用戶可以通過上下滑動(dòng)的手勢就可以獲得大量的信息反饋。而列表也是一種非常容易理解的展示形式。

　　以我們最常用的微信和QQ為例，其“信息”頁面都是采用的列表式布局，在采用這種布局形式的時(shí)候要注意列表舒適體驗(yàn)的最小高度是80px，最大的高度要視內(nèi)容的多少而定。

　　2、卡片式布局

　　形式非常靈活。其特點(diǎn)在于，每張卡片的內(nèi)容和形式都可以相互獨(dú)立，互不干擾，所以可以在同一個(gè)頁面中出現(xiàn)不同的卡片承載不同的內(nèi)容。而由于每張卡片都是獨(dú)立存在的，其信息量可以相對(duì)列表更加豐富。

　　三、界面圖片設(shè)計(jì)比例

　　在UI設(shè)計(jì)中，對(duì)于圖片的尺寸和比例沒有嚴(yán)格的規(guī)范，設(shè)計(jì)師往往憑借經(jīng)驗(yàn)和感覺設(shè)置一個(gè)看起來不錯(cuò)的尺寸，但事實(shí)上我們是有章可循的。運(yùn)用科學(xué)的手段設(shè)置圖片的尺寸，可以獲得最優(yōu)的方案，常見的圖片尺寸有16:9、4:3、3:2、1:1和1:0.618（黃金比例）等。這些比例不無根據(jù)，它們都和圖片尺寸有關(guān)。16:9 是根據(jù)人體工程學(xué)的研究，發(fā)現(xiàn)人的兩只眼睛的視野范圍是一個(gè)長寬比例為16:9的長方形，4:3 是勾三股四弦五，在攝影中非常常見……

　　手機(jī)銀行界面設(shè)計(jì)

　　四、APP版式設(shè)計(jì)規(guī)范

　　1、對(duì)齊

　　對(duì)齊是貫穿版式設(shè)計(jì)的最基礎(chǔ)，最重要的原則之一，它能建立起一種整齊劃一的外觀，帶給用戶有序一致的瀏覽體驗(yàn)。

　　2、對(duì)稱

　　對(duì)稱是宇宙間的設(shè)計(jì)哲學(xué)，是對(duì)立統(tǒng)一規(guī)律的本質(zhì)屬性，呈現(xiàn)出一種和諧自然的美，在應(yīng)用界面的設(shè)計(jì)中，引導(dǎo)頁設(shè)計(jì)、注冊登錄輸入框和按鈕等無一不是對(duì)稱的設(shè)計(jì)。

　　3、分組

　　物以類聚，人以群分。分組是將同類別的信息組合在一起，直觀的呈現(xiàn)在用戶的面前，這樣的設(shè)計(jì)能夠減少用戶的認(rèn)知負(fù)擔(dān)，在移動(dòng)端界面的設(shè)計(jì)中最常見的分組方式就是卡片，為用戶選擇提供專注而又明確的瀏覽體驗(yàn)。

　　手機(jī)銀行界面設(shè)計(jì)規(guī)范有哪些？通過上文faceui所給出的解答之后，各位網(wǎng)友們都清晰的了解到手機(jī)銀行界面設(shè)計(jì)也是有一定的相關(guān)規(guī)范，最重要的是要做好視覺上的設(shè)計(jì)，不然的話，會(huì)影響到用戶體驗(yàn)。