軟件界面設(shè)計(jì)不同于其他設(shè)計(jì)，它的科學(xué)元素居多，軟件界面設(shè)計(jì)其實(shí)是一個(gè)非?？茖W(xué)的推導(dǎo)公式，它既需要一個(gè)設(shè)計(jì)師美工繪畫(huà)能力的要求，又需要對(duì)藝術(shù)的理解感悟。所以在整個(gè)設(shè)計(jì)過(guò)程中需要好多工作的每一步。一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：需求階段、分析設(shè)計(jì)階段、調(diào)研驗(yàn)證階段、方案改進(jìn)階段、用戶驗(yàn)證反饋階段。

很多剛接觸Sketch 的同學(xué)驚嘆它的好用強(qiáng)大，不過(guò)它還有很多鮮為人知的實(shí)用功能，今天我們將一一為你說(shuō)明這些特別好用的技巧，幫你加快設(shè)計(jì)流程 >>>

等一等，什么是 Sketch？

至去年 Sketch 第2版新舔的顏色設(shè)定后，越來(lái)越多的設(shè)計(jì)師已經(jīng)切換用 Sketch 了。它的簡(jiǎn)單的界面和性能使它比 Photoshop 更好用（不要忘了，Photoshop 最初是專為編輯和處理圖像以設(shè)計(jì)的），而其繪圖工具也很適用在向量圖形（vector） 上。Sketch 不是位圖影像（bitmap） 編輯工具。它配備了一個(gè)像素（pixel） 預(yù)覽，讓你更容易設(shè)計(jì)界面和圖標(biāo)。

無(wú)論是軟件界面設(shè)計(jì)還是平常的平面設(shè)計(jì)，亦或者宣傳頁(yè)、手機(jī)APP界面的設(shè)計(jì)，都離不開(kāi)色彩的搭配，由此可見(jiàn)，色彩搭配工作在設(shè)計(jì)過(guò)程中的重要性。今天就以軟件界面設(shè)計(jì)為例來(lái)分享一下在具體設(shè)計(jì)過(guò)程中的要把握好的一些色彩搭配技巧。

技巧第一點(diǎn)：顏色使用最好不要超過(guò)三種。經(jīng)常在網(wǎng)上看到有很多的大神都在說(shuō)在設(shè)計(jì)工作中，配色最好不要超過(guò)三種顏色。如果設(shè)計(jì)的界面顏色太多了，難免會(huì)給人一種界面很亂的感覺(jué)，界面設(shè)計(jì)很重要的一點(diǎn)就是最終的結(jié)果要給人一種良好的體驗(yàn)，如果界面太亂，用戶體驗(yàn)也就無(wú)從談起了。因此，在用色時(shí)，顏色越少越好，但要保證正確的傳達(dá)出需要表現(xiàn)的功能和元素為前提。在我們每添加一種顏色的時(shí)候都需要好好的考慮一下，有沒(méi)有必要。因?yàn)樵購(gòu)?fù)雜的設(shè)計(jì)，也不會(huì)多個(gè)三種主色彩。

隨著大家對(duì)于扁平化設(shè)計(jì)的反思和優(yōu)化，近兩年的整個(gè)設(shè)計(jì)風(fēng)向顯得理智而合理了許多。更加平衡而合乎情理的新的扁平化設(shè)計(jì)誕生了。這個(gè)新的方案得到了絕大多數(shù)的設(shè)計(jì)師的認(rèn)可，這種“近乎扁平”的設(shè)計(jì)更多被大家稱為“扁平化設(shè)計(jì)2.0”。扁平化2.0 整體上依然是扁平的，但是其中的諸多設(shè)計(jì)元素沿用了微妙的陰影、高光和層級(jí)來(lái)打造有深度的UI。

目前在國(guó)內(nèi)UI還是一個(gè)相對(duì)陌生的詞，即便是一些設(shè)計(jì)人員也對(duì)這個(gè)詞不太了解。我們經(jīng)?？吹揭恍┱衅笍V告寫(xiě)著：招聘界面美工、界面美術(shù)設(shè)計(jì)師等等。這表明在國(guó)內(nèi)對(duì)UI的理解還停留在美術(shù)設(shè)計(jì)方面，認(rèn)為UI的工作只是描邊畫(huà)線，缺乏對(duì)用戶交互的重要性的理解;另一方面在軟件開(kāi)發(fā)過(guò)程中還存在重技術(shù)而不重應(yīng)用的現(xiàn)象。許多商家認(rèn)為軟件產(chǎn)品的核心是技術(shù)，而UI僅僅是次要的輔助，這點(diǎn)在人員的比例與待遇上可以表現(xiàn)出來(lái)。 但這不是UI設(shè)計(jì)真正的價(jià)值體現(xiàn)，只是UI設(shè)計(jì)發(fā)展的一個(gè)必經(jīng)過(guò)程。我們以物質(zhì)產(chǎn)品手機(jī)行業(yè)為例，當(dāng)手機(jī)剛剛進(jìn)入市場(chǎng)的時(shí)候不但價(jià)格貴的驚人，而且除了通話以外沒(méi)有什么其他功能。由于當(dāng)時(shí)的主導(dǎo)是技術(shù)，所以大家都把精力放在信號(hào)、待機(jī)時(shí)間、壽命等方面，對(duì)于產(chǎn)品的造型，使用的合理性很少關(guān)心。事過(guò)境遷，如今技術(shù)已經(jīng)完全的達(dá)到用戶的需求，于是商家為了創(chuàng)造賣點(diǎn)，提高爭(zhēng)力，非常重視產(chǎn)品的外觀設(shè)計(jì)，除此之外還頻頻推出短信,彩屏，和鉉，彩信,攝像頭等等。這樣一來(lái)產(chǎn)品的美觀、個(gè)性、易用、易學(xué)、人性化等等都成了產(chǎn)品的賣點(diǎn)。軟件產(chǎn)品與物質(zhì)產(chǎn)品的發(fā)展是相同的。過(guò)去由于計(jì)算機(jī)硬件的限制，編碼設(shè)計(jì)成為軟件開(kāi)發(fā)的代名詞，美觀親和的圖形化界面與合理易用的交互方式都沒(méi)有得到充分的重視，實(shí)際上這個(gè)時(shí)期的軟件叫作軟件程序，而不是軟件產(chǎn)品。

如果你是一個(gè)APP狂熱分子，你會(huì)花大量的時(shí)間在各種APP的嘗鮮中，你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語(yǔ)言，來(lái)標(biāo)榜自己的獨(dú)特之處，行成自己的設(shè)計(jì)風(fēng)格，甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布，APP明顯都開(kāi)始嘗試扁平化的設(shè)計(jì)語(yǔ)言了，除此之外，還有哪些顯性化的設(shè)計(jì)語(yǔ)言嶄露頭角呢？

為什么我們要定義一個(gè)界面多種顏色？?jī)H僅用一個(gè)主色調(diào)，是不是就能夠很好的表達(dá)界面層次、重要信息，并且能展現(xiàn)良好的視覺(jué)效果？事實(shí)上也正是如此，隨著iOS7的發(fā)布，我們看到越來(lái)越多唯一主色調(diào)風(fēng)格的設(shè)計(jì)，會(huì)采用簡(jiǎn)單的色階，配套灰階來(lái)展現(xiàn)信息層次，但是絕不采用更多的顏色。

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ò)合理的反饋告知用戶當(dāng)前正在發(fā)生的事情，所處的狀態(tài)。”這也就意味著界面需要通過(guò)反饋?zhàn)層脩裘靼装l(fā)生了什么，而無(wú)需用戶猜測(cè)。而帶有動(dòng)效的微交互正是以提供視覺(jué)反饋而聞名。

很多時(shí)候視覺(jué)設(shè)計(jì)師會(huì)糾結(jié)于文字對(duì)齊、線條、高斯模糊等視覺(jué)表現(xiàn)，甚至沉醉于 icon 的轉(zhuǎn)角角度。面對(duì)于需求方或工程師的質(zhì)疑只能說(shuō)「這樣更好看、這樣更合適…」之類的話，這些理由在以顯性數(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ì)似乎在一夜之間成為大家街談巷議的話題，那么UI設(shè)計(jì)到底做什么，這要從UI設(shè)計(jì)的工作流程說(shuō)起——產(chǎn)品/交互/設(shè)計(jì)。也就是說(shuō)一般我們接到的是交互稿。

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

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

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

3.用戶人群是哪一類？

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

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

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

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

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