文章內(nèi)容

做交互應(yīng)該知道的視覺(jué)幾件事

發(fā)布時(shí)間: 2012/8/24 10:58:23

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

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

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

通過(guò)字體表達(dá)產(chǎn)品風(fēng)格

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

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

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

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

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

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

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

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

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

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