[ 平面理論教程 ] 淺談交互設計師必讀之精細設計三要素- 其他教程 - 骨子愛創意

教學主題: 淺談交互設計師必讀之精細設計三要素

大家好!! 小編今天來和大家分享關於 其他教程中的平面理論教程教學

今天的這個教學主題是: 淺談交互設計師必讀之精細設計三要素

這教學的重點為這幾點 [ 設計,要素,精細,必讀,設計師,交互,線條,顏色,可以,使用 ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

很多交互設計師朋友可能覺得交互作品既沒有視覺作品高大上，又沒有用研報告高科技，總是感覺不那麼好看。其實不然，交互文檔也是可以有檔次的。這次我們就來解決這個問題。

很多交互設計師朋友可能覺得交互作品既沒有視覺作品高大上，又沒有用研報告高科技，總是感覺不那麼好看。其實不然，交互文檔也是可以有檔次的。這次我們就來解決這個問題。

作者個人博客：tamic.cc

既然聊精細原型，我們就暫時拋開最基本的柵格化等設計要素不談，我們這次只是從原型本身的精細化來聊聊。

下面說說個人覺得影響原型精細化的幾個維度，不一定對，隨便看看就好：

一、淺色的主體

首先，交互設計師輸出的是流程圖，給開發以及產品經理溝通之用，所以有時候為了突出界面的層次和區域，有必要通過深淺灰色來進行區分，在我製圖的過程中，基本上界面上70%都是白色為主，一個是為了看起來更加乾淨，再一個是如果有必要打印溝通，當然白色是比較好的。

二、性感的線條

在設計圖中有很多線條，線條的粗細、虛實程度以及構成都有不同的意義，靈活的運用這些線條可以幫助自己的文檔提高一個檔chi。

下面說一說我的一點小經驗供大家借鑒。

首先說線條怎麼畫出來，很多設計師通常使用矩形工具來為自己的界面提供線條，這樣用起來最方便，但是如果在界面內的區域劃分、條目列舉等等情況下，眾多矩形看起來會非常的沒有重點，同時在兩個矩形重疊處也非常不好處理，所以再界面內的區域劃分這種情況使用適當的連接線工具還是非常好的，既避免的重疊的問題，又更好調節哪些是重點，哪些不是重點。

然後是線條的虛實，線條的虛實是配合上一條來使用，在頁面內劃分時候虛線配連接線會讓界面更有層次。同時我喜歡用線條的粗細來做背景內容和界面內容的區別。

上面說的只是線條的幾個維度，運用好可以做出非常性感的線條，同時也不會增加工作量。

三、敏感的顏色

適當的顏色可以幫助交互更好的發揮功效。

首先，適當的顏色可以更好的達到黑白灰無法達到的效果，但是這個顏色不要太艷，所以在使用顏色時應該盡量使用純度不高的顏色，同時可以適當調節一下透明度，目的就是不搶視覺，同時還能表達清楚我們的意思。

我們來看一下下面這個例子，對於刪除這種操作，我選擇使用20%透明度的紅色來着色，首先它沒有搶視覺，其次除了設計師本身之外，開發和PM都能很好的理解這是一個”紅色”的操作。但是你想想，如果用黑白灰此處你應該如何表現呢?

與此同時，對於和自己公司的產品經理和開發者有着長期合作的設計師來說，給顏色賦予性格也是非常重要的一件事，紅色代表刪除，黃色代表選中，綠線代表前進，紅線代表後退，等等諸如此類的顏色定義，在長期的使用和溝通中可以培養其他人員對你顏色的敏感，同時，除了線型，色塊等等，你又多了一種表達含義的一種方式—-顏色。

其實交互文檔可以更精緻，可以更有”格調”，對吧?

還有，如果你連邏輯都沒想好就來想如何把交互圖畫的牛逼，那你就錯了，對於思維清晰的同學來講，這個是裝逼利器，對於想都沒想明白的同學來講，充其量算花拳繡腿。

看完小編分享的教學之後 是不是對平面理論教程中的其他教程教學更熟悉了呢?

希望我們所介紹的 淺談交互設計師必讀之精細設計三要素 這教學會喜歡

文章標題: 骨子愛創意- 淺談交互設計師必讀之精細設計三要素–轉載請註明來源處

本教學分類為平面理論教程中的 其他教程相關教學

文章相關關鍵字為: 設計,要素,精細,必讀,設計師,交互,線條,顏色,可以,使用

本文永久連結 :淺談交互設計師必讀之精細設計三要素

本文轉載自 :VIA