智能手機的應用帶動了APP的研發和推廣，手機的ui設計也跟著不斷加深。作為移動端的主要代表，手機的ui設計內容有哪些呢？今天就讓faceui為大家介紹移動ui設計的工作內容有哪些，移動ui設計的內容布局。

　　關于移動ui設計

　　移動端的UI設計，是區別于PC端UI設計的一種叫法。移動UI設計師是從事對軟件的人機交互、操作邏輯、界面美觀的整體設計工作的人。

　　設計從工作內容上來說分為3大類別，即研究工具，研究人與界面的關系，研究人。 與之相應， UI設計師的職能大體包括三方面：

　　1、圖形設計，即傳統意義上的“美工”。當然，實際上他們承擔的不是單純意義上美術工人的工作，而是軟件產品的產品“外形”設計。

　　2、交互設計，主要在于設計軟件的操作流程、樹狀結構、操作規范等。一個軟件產品在編碼之前需要做的就是交互設計，并且確立交互模型，交互規范。

　　圖片來源于網絡

　　3、用戶測試/研究，這里所謂的“測試”，其目標恰在于測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量UI設計的合理性。如果沒有這方面的測試研究，UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判，這樣就會給企業帶來極大的風險。

　　移動ui設計的內容布局

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

　　1、列表式布局

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

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

　　圖片來源于網絡

　　2. 卡片式布局

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

　　在使用卡片式布局的時候要注意卡片本身一般是白色的，而卡片之間的間距顏色一般是淺灰色，當然不同產品風格顏色可能不一樣，有些是淺灰色偏藍等。

　　雙欄卡片的布局形式，比較常見于以圖片信息為主導的App。例如一些商城的商品陳列頁面。這種形式與卡片式類似，但它能在一屏里顯示更多的內容，至少4張卡片。同時，由于分開左右兩欄的顯示，用戶可以更加方便地對比左右兩欄卡片的內容。

　　以上就是faceui為大家介紹的關于移動ui設計的相關內容。移動端的ui設計，其設計的頁面布局跟PC端有很大的不同，要充分考慮用戶的使用習慣，進行合理的設計。