UI設(shè)計(jì)的細(xì)節(jié)很重要，它不僅僅體現(xiàn)在靜態(tài)的元素上，動(dòng)效和微交互也是如今UI和UX設(shè)計(jì)中最重要的細(xì)節(jié)。想要打造優(yōu)秀的移動(dòng)端UI設(shè)計(jì)，微交互和動(dòng)效設(shè)計(jì)是繞不開(kāi)的問(wèn)題，今天的文章我們來(lái)聊聊這個(gè)~

呈現(xiàn)系統(tǒng)狀態(tài)

        對(duì)于UI的狀態(tài)設(shè)計(jì)，“系統(tǒng)應(yīng)當(dāng)始終通過(guò)合理的反饋告知用戶(hù)當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。”這也就意味著界面需要通過(guò)反饋?zhàn)層脩?hù)明白發(fā)生了什么，而無(wú)需用戶(hù)猜測(cè)。而帶有動(dòng)效的微交互正是以提供視覺(jué)反饋而聞名。

很多時(shí)候視覺(jué)設(shè)計(jì)師會(huì)糾結(jié)于文字對(duì)齊、線(xiàn)條、高斯模糊等視覺(jué)表現(xiàn)，甚至沉醉于 icon 的轉(zhuǎn)角角度。面對(duì)于需求方或工程師的質(zhì)疑只能說(shuō)「這樣更好看、這樣更合適…」之類(lèi)的話(huà)，這些理由在以顯性數(shù)字指標(biāo)為衡量標(biāo)準(zhǔn)的團(tuán)隊(duì)中則顯得蒼白無(wú)力。

坦白講，想要講清楚這些的確是一件不容易的事情。今天在大多數(shù)互聯(lián)網(wǎng)公司，設(shè)計(jì)師不需要“搞藝術(shù)”，需要的是解決問(wèn)題，而純粹的從感性角度出發(fā)很難證明它能解決問(wèn)題。隨著移動(dòng)端對(duì)于視覺(jué)表現(xiàn)力要求的“降低”，視覺(jué)設(shè)計(jì)師需要更加理性的分析問(wèn)題，而視覺(jué)表現(xiàn)只是解決問(wèn)題的一種手段。這種環(huán)境的變化也勢(shì)必要求視覺(jué)設(shè)計(jì)師主動(dòng)“進(jìn)化”，而對(duì)于那些還在以視覺(jué)表現(xiàn)力謀生的設(shè)計(jì)師處境將會(huì)變得越來(lái)越難。這也是為什么我在周刊中總是不斷強(qiáng)調(diào)設(shè)計(jì)思路的原因。

UI交互設(shè)計(jì)似乎在一夜之間成為大家街談巷議的話(huà)題，那么UI設(shè)計(jì)到底做什么，這要從UI設(shè)計(jì)的工作流程說(shuō)起——產(chǎn)品/交互/設(shè)計(jì)。也就是說(shuō)一般我們接到的是交互稿。

這時(shí)候，UI設(shè)計(jì)師看到交互稿，需要考慮的是：

1.信息的排布是否合理？

2.信息重點(diǎn)在哪里？

3.用戶(hù)人群是哪一類(lèi)？

最近看了一些文章報(bào)道，關(guān)于UI行業(yè)發(fā)展的情況，然而在這個(gè)市場(chǎng)發(fā)展超快的同時(shí)，很多設(shè)計(jì)行業(yè)的人都不太了解，其他領(lǐng)域的更加難以想象。下面的這一小段對(duì)話(huà)是看過(guò)類(lèi)似最多出現(xiàn)的：

有人問(wèn)”你是做哪一行的?“ 回答說(shuō)”電商設(shè)計(jì)“ ;他說(shuō)”原來(lái)是美工“，這一刻真心塞了:dizzy:。

是淘寶美工這個(gè)觀(guān)念對(duì)現(xiàn)代人影響得太多，還是他們根本就看不到UI設(shè)計(jì)這個(gè)市場(chǎng)呢?

今天從這幾年的電商歷史發(fā)展情況讓大家感受一下UI設(shè)計(jì)未來(lái)會(huì)有多火!!

下面的一張圖是中國(guó)幾個(gè)巨頭的愛(ài)恨情愁啊，多么激烈。

一套完整的UI設(shè)計(jì)其實(shí)是比較復(fù)雜的，從需求分析到市場(chǎng)定位，從草稿到擬方案，從創(chuàng)意元素的組合到想法沉淀，從設(shè)計(jì)規(guī)范到突破傳統(tǒng)，從紙上到電腦上，從個(gè)人到團(tuán)隊(duì)，或者從團(tuán)隊(duì)到個(gè)人，從素材收集到素材處理，從0思路到偶然等等，但是不要把一個(gè)作品的好壞完全依賴(lài)于別人的評(píng)價(jià)，也不要依賴(lài)于自我評(píng)價(jià)。當(dāng)然，好壞還是有一些基本前提的，有了這些前提，作品是好還是壞，蘿卜各有所愛(ài)罷了。

干任何一件事情都要遵循一定的規(guī)則，規(guī)則的存在就是為了要規(guī)范行為，最終達(dá)成一個(gè)好的結(jié)果。當(dāng)然，不懂規(guī)則的才會(huì)去打破規(guī)則，但打破規(guī)則卻是要承擔(dān)一定的后果。今天就來(lái)簡(jiǎn)單學(xué)習(xí)了解下在移動(dòng)應(yīng)用界面設(shè)計(jì)里的7宗罪。

一宗罪：使用古怪的導(dǎo)航模式。想讓用戶(hù)可以快速熟悉你的應(yīng)用？那就不要以自己獨(dú)特的方式來(lái)組織導(dǎo)航。Apple的人機(jī)交互規(guī)范和Google的設(shè)計(jì)指南就是最好的參照標(biāo)準(zhǔn)。導(dǎo)航設(shè)計(jì)方面別引入爭(zhēng)議，從而給潛在用戶(hù)一個(gè)卸載應(yīng)用的理由。

軟件界面的設(shè)計(jì)效果，直接決定著使用者對(duì)這款軟件的第一印象，直接決定著使用者對(duì)其的青睞與否。說(shuō)道第一印象，大家再清楚不過(guò)了。打個(gè)簡(jiǎn)單的比方，把蒼老師和鳳姐放在一塊，你更愿意多看誰(shuí)一眼呢？就算鳳姐再有才藝和內(nèi)涵，又有什么用呢？這就是第一印象的作用。換言之，軟件界面設(shè)計(jì)也是如此。

界面設(shè)計(jì)是為了滿(mǎn)足軟件專(zhuān)業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動(dòng)條及狀態(tài)欄設(shè)計(jì)，安裝過(guò)程設(shè)計(jì)，包裝及商品化。在整個(gè)設(shè)計(jì)的過(guò)程中有較多的注意事項(xiàng)，一下列出幾點(diǎn)：

互聯(lián)網(wǎng)時(shí)代的到來(lái)，催生了好多的技術(shù)和產(chǎn)品，比如手機(jī)，電腦，掌上終端等產(chǎn)品，而這些產(chǎn)品更多的是滿(mǎn)足消費(fèi)者的精神層面上的需求，當(dāng)然也包括視覺(jué)、心理上的感受以及情感體驗(yàn)等等。所以，這類(lèi)產(chǎn)品的設(shè)計(jì)就要針對(duì)用戶(hù)本身的體驗(yàn)特點(diǎn)來(lái)進(jìn)行。那么，要想做好一個(gè)號(hào)的軟件界面，有哪些要求呢？我們總結(jié)了四點(diǎn)小小的要求：

智能時(shí)代的到來(lái)讓人們對(duì)于軟件界面有了重新的認(rèn)識(shí)和思考。這也是大勢(shì)所趨，眾所周知，現(xiàn)在的人們離不開(kāi)手機(jī)，手機(jī)里面都是各種各樣的軟件信息，用戶(hù)使用一個(gè)軟件，接觸到的就是軟件界面。第一印象是至關(guān)重要的，所以，一個(gè)軟件能否被用戶(hù)所接受，就看軟件界面設(shè)計(jì)了，而那些好的軟件界面往往都有一些共性，今天我們就來(lái)分析下那些好的軟件界面的共性。