淄博阎囤工贸有限公司

移動(dòng)互聯(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)營推廣，移動(dòng)端扁平化設(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í)，會(huì)出現(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的需求文檔，我會(huì)先讀一遍，整理出整個(gè)文檔的架構(gòu)、要點(diǎn)、功能點(diǎn)等。記錄過程中不理解的內(nèi)容，羅列問題清單，找PM溝通。溝通的效率也很重要，我會(huì)先聽PM講完，然后用自己的話闡述一遍，助于理解。

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

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

寫在前面：

我以前是學(xué)空間設(shè)計(jì)的，所以對引導(dǎo)性的感知比其他學(xué)設(shè)計(jì)的要更早。其實(shí)，設(shè)計(jì)總就還是一個(gè)“萬法歸宗”的東西?！拔薄耙龑?dǎo)”——“持續(xù)”——“欲罷不能”用用戶的這種思維去檢驗(yàn)自己的作品（交互/UI）是比較客觀的。那個(gè)步奏出了問題，喪失了用戶，那個(gè)點(diǎn)就是你的失敗點(diǎn)。

很多設(shè)計(jì)師的很多新想法和新的操作邏輯很有意思，或者說新推出的商業(yè)企劃很有吸引力，但問題是如何讓用戶最樂意的去接受，而且不過分增加界面和程序壓力這才是我們需要考慮的。否則——套用有些老板的話：要你干嘛？

早在 2004 年，我才剛開始工作的時(shí)候，sIFR 非常火。sIFR 是由 Shaun Inman 開發(fā)、可以電影短片中嵌入定制字體的一種技術(shù)，它能被 JavaScript 和 CSS 調(diào)用。當(dāng)時(shí)，sIFR 基本上是唯一一種能在 Firefox 或 Safari 瀏覽器中使用定制字體的技術(shù)。隨著 2007 年 iPhone（不需要 flash）的推出，基于 Flash 格式的這種技術(shù)很快就過時(shí)了。

在界面上通過下列方式來控制出錯(cuò)幾率，會(huì)大大減少系統(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)行的操作也會(huì)因沒有存盤而全部丟失。那么在軟件界面設(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.布局要合理，不宜過于密集，也不能過于空曠，合理的利用空間。