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

　　手機銀行界面設計規則

　　一、邊距和間距

　　在設計移動端頁面時，頁面中元素邊距和間距的設計規范都是非常的重要的，一個頁面是否美觀、簡潔、是否通透和邊距間距的設計規范緊密相連，所以說我們是很有必要對它們進行了解清楚。

　　1、全局邊距

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

　　手機銀行界面設計

　　2、卡片間距

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

　　3、內容間距

　　一款APP除了各種欄（狀態欄、導航欄、標簽欄、工具欄）和控件icon就是內容了，內容的布局形式多種多樣，這里不去探討內容具體應該如何去布局，我們來說一說內容的間距設置問題。

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

　　二、內容布局

　　在APP的設計中內容的布局形式多種多樣，這里介紹最常用的兩種布局形式，列表式布局和卡片式布局。

　　1、列表式布局

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

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

　　2、卡片式布局

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

　　三、界面圖片設計比例

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

　　手機銀行界面設計

　　四、APP版式設計規范

　　1、對齊

　　對齊是貫穿版式設計的最基礎，最重要的原則之一，它能建立起一種整齊劃一的外觀，帶給用戶有序一致的瀏覽體驗。

　　2、對稱

　　對稱是宇宙間的設計哲學，是對立統一規律的本質屬性，呈現出一種和諧自然的美，在應用界面的設計中，引導頁設計、注冊登錄輸入框和按鈕等無一不是對稱的設計。

　　3、分組

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

　　手機銀行界面設計規范有哪些？通過上文faceui所給出的解答之后，各位網友們都清晰的了解到手機銀行界面設計也是有一定的相關規范，最重要的是要做好視覺上的設計，不然的話，會影響到用戶體驗。