一、淺色的主體

　　首先，交互設(shè)計(jì)師輸出的是流程圖，給開(kāi)發(fā)以及產(chǎn)品經(jīng)理溝通之用，所以有時(shí)候?yàn)榱送怀鼋缑娴膶哟魏蛥^(qū)域，有必要通過(guò)深淺灰色來(lái)進(jìn)行區(qū)分，在我制圖的過(guò)程中，基本上界面上70%都是白色為主，一個(gè)是為了看起來(lái)更加干凈，再一個(gè)是如果有必要打印溝通，當(dāng)然白色是比較好的。

　　二、性感的線條

　　在設(shè)計(jì)圖中有很多線條，線條的粗細(xì)、虛實(shí)程度以及構(gòu)成都有不同的意義，靈活的運(yùn)用這些線條可以幫助自己的文檔提高一個(gè)檔chi。

　　下面說(shuō)一說(shuō)我的一點(diǎn)小經(jīng)驗(yàn)供大家借鑒。

　　首先說(shuō)線條怎么畫(huà)出來(lái)，很多設(shè)計(jì)師通常使用矩形工具來(lái)為自己的界面提供線條，這樣用起來(lái)最方便，但是如果在界面內(nèi)的區(qū)域劃分、條目列舉等等情況下，眾多矩形看起來(lái)會(huì)非常的沒(méi)有重點(diǎn)，同時(shí)在兩個(gè)矩形重疊處也非常不好處理，所以再界面內(nèi)的區(qū)域劃分這種情況使用適當(dāng)?shù)倪B接線工具還是非常好的，既避免的重疊的問(wèn)題，又更好調(diào)節(jié)哪些是重點(diǎn)，哪些不是重點(diǎn)。

　　然后是線條的虛實(shí)，線條的虛實(shí)是配合上一條來(lái)使用，在頁(yè)面內(nèi)劃分時(shí)候虛線配連接線會(huì)讓界面更有層次。同時(shí)我喜歡用線條的粗細(xì)來(lái)做背景內(nèi)容和界面內(nèi)容的區(qū)別。

　　上面說(shuō)的只是線條的幾個(gè)維度，運(yùn)用好可以做出非常性感的線條，同時(shí)也不會(huì)增加工作量。

　　三、敏感的顏色

　　適當(dāng)?shù)念伾梢詭椭换ジ玫陌l(fā)揮功效。

　　首先，適當(dāng)?shù)念伾梢愿玫倪_(dá)到黑白灰無(wú)法達(dá)到的效果，但是這個(gè)顏色不要太艷，所以在使用顏色時(shí)應(yīng)該盡量使用純度不高的顏色，同時(shí)可以適當(dāng)調(diào)節(jié)一下透明度，目的就是不搶視覺(jué)，同時(shí)還能表達(dá)清楚我們的意思。

　　我們來(lái)看一下下面這個(gè)例子，對(duì)于刪除這種操作，我選擇使用20%透明度的紅色來(lái)著色，首先它沒(méi)有搶視覺(jué)，其次除了設(shè)計(jì)師本身之外，開(kāi)發(fā)和PM都能很好的理解這是一個(gè)”紅色”的操作。但是你想想，如果用黑白灰此處你應(yīng)該如何表現(xiàn)呢?

　　與此同時(shí)，對(duì)于和自己公司的產(chǎn)品經(jīng)理和開(kāi)發(fā)者有著長(zhǎng)期合作的設(shè)計(jì)師來(lái)說(shuō)，給顏色賦予性格也是非常重要的一件事，紅色代表刪除，黃色代表選中，綠線代表前進(jìn)，紅線代表后退，等等諸如此類的顏色定義，在長(zhǎng)期的使用和溝通中可以培養(yǎng)其他人員對(duì)你顏色的敏感，同時(shí)，除了線型，色塊等等，你又多了一種表達(dá)含義的一種方式—-顏色。

　　其實(shí)交互文檔可以更精致，可以更有”格調(diào)”，對(duì)吧?

　　還有，如果你連邏輯都沒(méi)想好就來(lái)想如何把交互圖畫(huà)的牛逼，那你就錯(cuò)了，對(duì)于思維清晰的同學(xué)來(lái)講，這個(gè)是裝逼利器，對(duì)于想都沒(méi)想明白的同學(xué)來(lái)講，充其量算花拳繡腿。

　　百度招人咯，想跟作者成為同事的童鞋可以去試一下：