說起app，現(xiàn)在可能沒有人不知道吧，在大家的手機里用得最多的操作軟件就是這些app了。但是在使用app的時候有沒有注意到ui界面呢？今天就讓小編為大家介紹app ui設計需要考慮哪幾個方面的問題及app ui設計原則。

　　app ui設計需要考慮這幾個方面的問題

　　一、品牌篇

　　品牌色從大的方面來說是VI(視覺識別)需要優(yōu)先考慮的，考慮點如下：

　　1、品牌色與行業(yè)屬性之間的關系

　　相對來說，不同行業(yè)是有其固有的品牌色的，比如機械行業(yè)，通常給人的第一意向就是明黃，而科技、互聯(lián)網(wǎng)企業(yè)給人的第一印象就是科技藍等。在對于品牌色的決策過程中，行業(yè)屬性是其重要決策部分。

　　2、品牌與競品之間的差異化

　　通常在市場上我們會看到多個產(chǎn)品同時在滿足用戶同一需求，但是由于其品牌色的不同，會對用戶App下載決策有影響。作為幾乎同期同需求的產(chǎn)品，會因為品牌色的不同導致下載量差異巨大。

　　3、品牌色的應用范圍

　　有一些產(chǎn)品最開始是從線上產(chǎn)生的，相對來說對于線下物料、VI的思考不足，同一顏色在不同屏幕存在色差。因而會容易產(chǎn)生線下物料印刷等與線上視覺之間有較大色差，線上視覺形象線下實際應用較難等問題。因而在最初考慮線上品牌的同時，也需要從VI的角度考慮產(chǎn)品后期的品牌營銷傳播等問題。記得張小龍曾經(jīng)說最后悔微信用綠色，因為在不同的Android手機上，綠色差異非常大。

　　4、牌色與用戶習慣認知之間的印象和策略

　　相對來說，用戶對于不同的顏色本身會有一個第一印象的直觀理解，因而我們在考慮品牌色時，需要考慮到用戶認知心理，并運用此心理來傳達品牌訴求。在考慮用色的時候，我們要時常提醒自己，需要傳達給用戶如何的品牌印象，這樣的印象是否和產(chǎn)品策略是相符合的，這樣的用色策略是否會和用戶慣常認知是有差異的等等。

app ui設計（圖片來自網(wǎng)絡）

　　二、排版篇

　　1、格式塔心理學在排版中的應用

　　相似：距離相近的各部分趨于組成整體。當我們需要組織、分割信息的時候，運用格式塔心理學的方式，可以很好地梳理信息布局。在信息以列表形式重復出現(xiàn)時，我們可以盡量使用相同顏色、大小、形狀的圖形或者文字盡量以重復的形式呈現(xiàn)。

　　相近：不同的元素當其距離相近的時候，用戶從視覺上趨向于將其歸于一個整體。

　　當行間距較大時，其本身可以作為分割內(nèi)容的一種方式。

　　連續(xù)：一個圖形的某些部分可以被看作是連接在一起的，這些部分會被我們知覺為一個整體。這樣我們可以在界面空間有限的情況下，引導用戶的視覺流。

　　2、文字

　　通常在中文app中一般都以一種中文字體作為默認字體，因此在此不討論不同字體搭配對于app中視覺效果的影響。

　　文字大?。涸谝欢▍^(qū)域內(nèi)，不同功能的文字大小的不同會直接影響用戶瀏覽接受信息的程度。通常選用28px~34px之間的字體大小比較合適閱讀。相對來說，文字越小，其被接收程度越低。相同大小的文字在相近區(qū)域，用戶瀏覽更容易理解為同一功能。

　　文字顏色：明度的對比：在一個app中顏色的深淺除了受到底色的影響，同時也受到周圍其他文本顏色對比的影響。當不同信息優(yōu)先層級的文字用統(tǒng)一顏色時，瀏覽者在理解上容易增大其關聯(lián)度，從而容易造成信息理解混亂。

　　色相的對比：在黑白灰的顏色區(qū)域中，如果有局部顏色相對來說都會更容易吸引用戶注意。

　　文字和背景：文字和背景只有在高對比度下才能友好地被用戶閱讀，在應用不同顏色的文字和背景配比時，建議參考以下評估結論:

　　3、間距

　　圖文與屏幕邊距是否符合產(chǎn)品訴求。通常來說，在圖片和屏幕邊距之間保留一定的像素邊距可以更好地引導用戶豎向往下閱讀。

　　而當圖片與屏幕邊距為0的時候，用戶更容易將注意力集中在每個圖文內(nèi)容本身，其視覺流線在往下瀏覽時，因為沒有留白的引導，被圖片直接割裂，造成在圖片上的停留時間更長。

　　對比，當圖片不留邊距時，用戶更加聚焦在每個圖文本身，而非被留白引導往下翻閱

　　行間距是否適合用戶閱讀，在內(nèi)容型文本中，文本行間距太窄會容易造成閱讀困難。通常的經(jīng)驗值，行間距大約是字體間距的1.2~1.5倍之間，總體閱讀會比較舒服。

app ui設計

（圖片來自網(wǎng)絡）

　　三、微場景篇

　　1、空白頁

　　空白頁通常是因為新注冊用戶尚未在預定信息區(qū)域產(chǎn)生相關信息，因而當期瀏覽時，頁面信息內(nèi)容為空。在設計時應從兩方面來考慮：情景與內(nèi)容的相關程度；不同空白頁之間的設計風格關聯(lián)。

　　通常一個app內(nèi)會有多個空白頁，不同空白頁之間相對獨立，但是從一致性的角度來說，用戶在瀏覽不同頁面的時候，其空白頁插畫設計風格應該是一致的。

　　2、提示頁

　　提示頁和空白頁的不同在于其引導性更強，通常會通過阻斷式彈層引導用戶按照設計的行為進行操作，因而相較于空白頁更需要氣氛的營造。同時彈層與彈層之間的尺寸大小、風格等也需要考慮一致性的問題。

　　app ui設計原則

　　1、手機軟件的界面設計要吸引用戶注意

　　所有美的事物總能在第一時間獲取人們的注意力，所以在設計手機App時也一樣，設計師要針對App軟件的圖標來將其設計得更加的精美，務必要吸引用戶的注意力。更何況現(xiàn)在市面上的App應用商店的軟件數(shù)量也達到億位，所以要想在眾多的App軟件當中脫穎而出，那么在手機App圖標上就要多費心思，爭取引起用戶的興趣。

　　2、App軟件不要讓用戶思考

　　你要知道，Don’t let User think是App軟件UI設計的最基本原則，你的手機App開發(fā)出來就是要為用戶提供方便的。如果在App軟件設計上不能很好的適應于用戶的使用習慣，要讓用戶產(chǎn)生更多的思考還不能熟悉操作這款手機APP應用的話，那么你的App應用軟件也就只有被用戶拋棄的下場。作為一名優(yōu)秀的App軟件UI設計師，要了解用戶的習慣，為用戶設計出更易于操作的手機App應用。

　　3、讓用戶掌控手機App應用

　　多數(shù)用戶都會在自己掌控的環(huán)境中擁有較高的安全感和舒適性，因此手機App應用的設計師在進行App軟件設計時可以通過梳理App的功能狀態(tài)并描述因果關系，在用戶使用的時候在每一個步驟都給出提示，讓手機App使用者感覺自己在掌控在手機軟件的每一步，并從中獲得較高的舒適度，提升手機軟件應用的用戶體驗。

　　以上就是小編為大家介紹的關于app ui設計的相關內(nèi)容。ui設計可以在很多方面體現(xiàn)，而app無疑是大家使用操作最多的地方，因此考慮上述幾個方面的問題和掌握app ui設計的原則非常重要。