偶爾會聽到產(chǎn)品經(jīng)理和交互設(shè)計抱怨，視覺設(shè)計稿和最初規(guī)劃差別太大，我自己也遇到過類似狀況。究其原因，大多還是溝通中出現(xiàn)了問題。

有效溝通，信息的對等是很重要的。這個對等，既包括讓視覺設(shè)計盡早了解產(chǎn)品需求，獲得與其他人員對等的信息；也包括交流雙方知識領(lǐng)域的對等，彼此多了解對方領(lǐng)域內(nèi)容，才能更好地溝通。

對于交互設(shè)計師來說，視覺設(shè)計是合作最多的一環(huán)，交互原型終歸要以視覺的形式呈現(xiàn)在用戶眼前。因此，懂些視覺設(shè)計，更易于將交互方案傳遞給用戶。同時，交互設(shè)計作為多學科交匯的職位，懂些視覺更是自己能力的提高。諸葛亮有句話說的好，什么都略懂一點，生活會多彩一些。 

切入正題，逐一向各位介紹一些視覺原則，為了更好理解，我都舉微博的例子。

通過字體表達產(chǎn)品風格

視覺設(shè)計中，字體的選擇對于產(chǎn)品風格的表現(xiàn)是作用明顯的，同一段文字，用不同字體寫出，感覺確實千差萬別。

微博中最常用的發(fā)布框，上方"有什么新鮮事想告訴大家"采用了華康娃娃體，體現(xiàn)出微博隨時隨地發(fā)布，很輕松的產(chǎn)品感覺。如果把字體換成"華文新魏體"和"微軟雅黑體"，不是感覺像人民網(wǎng)，就是完全沒有風格，體驗就差多了。

勛章館首頁這段煽情的文字通過手寫體（FZJingLeiS-R-GB），以日記的形式，表達出勛章記錄生活、記錄成長的產(chǎn)品感覺，若換成一般字體，感覺也就沒了。

通過配色展示產(chǎn)品定位

通過配色來展示產(chǎn)品定位，也是設(shè)計師必用的方法。視覺設(shè)計前期調(diào)研階段，常常通過情緒版提煉適合目標用戶的顏色，形成一整套的配色方案。

紫色，關(guān)鍵詞：優(yōu)雅、高貴、女性、莊重、神圣、成熟、深度、神秘、時尚。微音樂作為音樂首發(fā)平臺的定位，紫色更加彰顯時尚魅力。

紅色，關(guān)鍵詞：藝術(shù)、熱烈、開放、激情、積極、活力、喜慶、生命、成熟。微直播要體現(xiàn)直播的盛況，充滿激情的紅色就非常適合。

藍色，關(guān)鍵詞：理智、知性、公正、商務、科技、嚴格、細致、嚴謹、公式化。投票的公正性，以及微數(shù)據(jù)的理性、嚴謹，注定產(chǎn)品要以藍色為主色調(diào)。

橙色，關(guān)鍵詞：陽光、輝煌、活動、溫暖、記憶、家庭、健康、快樂。微活動的參與感、風云榜的輝煌，當然也少不了橙色調(diào)的烘托。

綠色，關(guān)鍵詞：成長、樸素、公益、生命、安全、新鮮、和平、春天、大自然。微博達人是面向草根用戶的一款產(chǎn)品，他們通過在微博上的行為，一點點成為某個領(lǐng)域的草根明星，綠色的配色很符合這種成長的感覺，微公益就不多說了，肯定綠色最適合啦。

標簽： 交互設(shè)計 視覺設(shè)計 柵格設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。