移動互聯(lián)網(wǎng)時(shí)代的到來讓眾多的手機(jī)APP不斷地涌現(xiàn)出來，應(yīng)運(yùn)而生的APP軟件界面設(shè)計(jì)需求也越來越多。APP的UI設(shè)計(jì)直接關(guān)系到APP開發(fā)以后的運(yùn)營推廣，移動端扁平化設(shè)計(jì)的發(fā)展，使得色塊、圖標(biāo)以及系統(tǒng)字體的組合變得越發(fā)枯燥，UI設(shè)計(jì)師開始著重于細(xì)節(jié)的處理來提升整個(gè)品牌的UI視覺體驗(yàn)，那么手機(jī)APP開發(fā)的UI設(shè)計(jì)需要注意哪些細(xì)節(jié)，才能吸引用戶的眼球呢？

我們在進(jìn)行用戶體驗(yàn)設(shè)計(jì)時(shí)，常常想的是如何讓這個(gè)產(chǎn)品的功能變的更易于用戶使用。但實(shí)際上，功能只是一個(gè)產(chǎn)品中很小的一部分。它們只是產(chǎn)品想解決的眾多用戶問題中的眾多解決方案之一。在產(chǎn)品中思考意味著不僅在某個(gè)用戶的問題中思考，還要在產(chǎn)品目標(biāo)，收益中思考。

用戶體驗(yàn)的核心并不是一個(gè)產(chǎn)品功能的集合體，而是：用戶雇傭這個(gè)產(chǎn)品為他解決問題。例如，uber的用戶體驗(yàn)是讓用戶在任何時(shí)候能簡單的打到的士。當(dāng)?shù)氖靠斓竭_(dá)用戶所在地時(shí)，會出現(xiàn)倒數(shù)，這是一個(gè)很好的提高用戶體驗(yàn)的功能。這個(gè)功能不能離開產(chǎn)品存活，因此功能對于產(chǎn)品有一個(gè)單方面的關(guān)系：就是功能不能離開產(chǎn)品存活。所以這也是為什么設(shè)計(jì)師最好先從產(chǎn)品層面開始思考。

文字排版不只是從下拉選單選擇字型和點(diǎn)數(shù)而已，文字排版是一項(xiàng)流傳數(shù)世紀(jì)的技藝，自木制和金屬的活版印刷便開始，而且它不只歷史悠久，還很實(shí)用，大部分的人只要掌握一些實(shí)用的訣竅，就可以將之活用在諸如履歷表、電子報(bào)或名片等日常設(shè)計(jì)項(xiàng)目上。下邊就教你幾個(gè)排版技巧，幫你輕松搞定UI設(shè)計(jì)。

（1）將要表達(dá)的訊息配上適當(dāng)?shù)母杏X。每種字型都散發(fā)獨(dú)特的情感或個(gè)性，也許是友善、新潮、嚴(yán)肅或傻里傻氣，但大部分的字型并不是萬用的，所以你要判斷一個(gè)字型對你來說是怎么樣的感覺，還有它適不適合放在這個(gè)設(shè)計(jì)里面。方法之一就是列出你希望設(shè)計(jì)呈現(xiàn)哪些特質(zhì)，如果能先確定內(nèi)容更好，這樣就能直接挑選字型來配合建立好的內(nèi)文調(diào)性。

交互設(shè)計(jì)是UI設(shè)計(jì)中的必不可少的一個(gè)過程，交互設(shè)計(jì)也要遵循一定的步驟，總體來說要經(jīng)歷三個(gè)階段，那么具體是哪三個(gè)階段呢？下邊是以為資深老鳥為我們帶來的他的交互經(jīng)驗(yàn)，希望對設(shè)計(jì)師們起到一定的幫助。

（1）讀文檔，明需求，多溝通，擅闡述。需求文檔類型多種多樣，無論哪種，首要任務(wù)是讀懂需求的內(nèi)容，透徹理解范圍層的含義，及相關(guān)的業(yè)務(wù)形態(tài)。把自己當(dāng)用戶代入思考，如何讓使用者快速上手，減少學(xué)習(xí)成本。一般情況下，拿到PM的需求文檔，我會先讀一遍，整理出整個(gè)文檔的架構(gòu)、要點(diǎn)、功能點(diǎn)等。記錄過程中不理解的內(nèi)容，羅列問題清單，找PM溝通。溝通的效率也很重要，我會先聽PM講完，然后用自己的話闡述一遍，助于理解。

人人都喜歡有成就感，這種感覺是對自己的肯定和支持，也是對自己最大的鼓勵(lì)。設(shè)計(jì)師也是如此。設(shè)計(jì)出來的作品不斷地得到客戶的肯定，這就是設(shè)計(jì)師最想要的成就感，但是，成就感不是說來就來的，成就感是需要付出努力和一定的代價(jià)的，這種代價(jià)可能是時(shí)間，可能是金錢，也有可能是精力。那么今天我們就來分享一下如何讓設(shè)計(jì)師能更好的獲得成就感。

（1）、作為一個(gè)設(shè)計(jì)師要多去總結(jié)。每一個(gè)項(xiàng)目完成的背后肯定付出的很多汗水，把問題收集并且記錄下來，成為你后續(xù)分享的重要途徑，千萬不要覺得這是多余的，默默無聞的做只會埋沒你自己，設(shè)計(jì)師不能只是關(guān)注設(shè)計(jì)，有時(shí)間多去吸收相關(guān)領(lǐng)域的知識，不單單只是為設(shè)計(jì)而設(shè)計(jì)。

在界面上通過下列方式來控制出錯(cuò)幾率，會大大減少系統(tǒng)因用戶人為的錯(cuò)誤引起的破壞。開發(fā)者應(yīng)當(dāng)盡量周全地考慮到各種可能發(fā)生的問題，使出錯(cuò)的可能降至最小。如應(yīng)用出現(xiàn)保護(hù)性錯(cuò)誤而退出系統(tǒng)，這種錯(cuò)誤最容易使用戶對軟件失去信心。因?yàn)檫@意味著用戶要中斷思路，并費(fèi)時(shí)費(fèi)力地重新登錄，而且已進(jìn)行的操作也會因沒有存盤而全部丟失。那么在軟件界面設(shè)計(jì)過程中，關(guān)于安全性，都有哪些詳細(xì)的規(guī)則呢？下邊我們就來分享下安全性的詳細(xì)細(xì)則：

菜單是界面上最重要的元素，菜單的位置應(yīng)該按照功能來組織。通常菜單設(shè)置需要把握的一些細(xì)則如下：

1.菜單通常采用“常用--主要--次要--工具--幫助”的位置排列，符合流行的Windows風(fēng)格。
2.常用的菜單有“文件”、“編輯”，“查看”等，幾乎每個(gè)系統(tǒng)都有這些選項(xiàng)，要根據(jù)不同的系統(tǒng)有所取舍。
3.下拉菜單要根據(jù)菜單選項(xiàng)的含義進(jìn)行分組，并且按照一定的規(guī)則進(jìn)行排列，用橫線隔開。

界面設(shè)計(jì)的風(fēng)格，色彩應(yīng)基于公司的VI手冊，形成自己獨(dú)特的品牌風(fēng)格；另外，頁面元素應(yīng)該大小適合美學(xué)觀點(diǎn)，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶的注意力。那么美觀性和協(xié)調(diào)性的細(xì)則有哪些呢？

1.長寬接近黃金點(diǎn)比例，切忌長寬比例失調(diào)。
2.布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。

UI設(shè)計(jì)的整個(gè)過程中，有很多需要衡量和把握的一些原則和規(guī)范，幫助設(shè)施和合理性就是其中經(jīng)常要審視和把握的兩點(diǎn)。那么幫助設(shè)施和合理性都有哪些細(xì)則呢？

幫助設(shè)施的細(xì)則主要包括：

在上一篇的分享文章中，我們分享了軟件界面設(shè)計(jì)中的易用性細(xì)則，今天我們來分享下軟件界面設(shè)計(jì)中的規(guī)范性細(xì)則。通常界面設(shè)計(jì)都按Windows界面的規(guī)范來設(shè)計(jì)，即包含“菜單條、工具欄、工具箱、狀態(tài)欄、滾動條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式，可以說：界面遵循規(guī)范化的程度越高，則易用性相應(yīng)的就越好。那么，具體到規(guī)范性的一些細(xì)則都有哪些呢？