經(jīng)由過程配色展示產(chǎn)物定位
偶然會聽到產(chǎn)物司理和交互設(shè)計埋怨，視覺設(shè)計稿和最初規(guī)劃分歧太年夜，我自己也碰著過近似狀況。究其原因，年夜多仍是溝通中呈現(xiàn)了問題。
有用溝通，信息的對等是很主要的。這個對等，既搜羅讓視覺設(shè)計盡早體味產(chǎn)物需求，獲得與其他人員對等的信息;也搜羅交流雙方常識規(guī)模的對等，彼此多體味對方規(guī)模內(nèi)容，才能更好地溝通。
對于交互設(shè)計師來說，視覺設(shè)計是合作最多的一環(huán)，交互原型終歸要以視覺的形式呈此刻用戶面前。是以，懂些視覺設(shè)計，更易于將交互方案傳遞給用戶。同時，交互設(shè)計作為多學(xué)科交匯的職位，懂些視覺更是自己能力的提高。諸葛亮有句話說的好，什么都略懂一點，糊口會多彩一些。
切入正題，一一貫列位介紹一些視覺原則，為了更好理解，我都舉微博的例子。
經(jīng)由過程字體表達產(chǎn)物氣概
視覺設(shè)計中，字體的選擇對于產(chǎn)物氣概的默示是浸染較著的，統(tǒng)一段文字，用分歧字體寫出，感受確實千差萬別。
微博中最常用的發(fā)布框，上方“有什么新奇事想告訴巨匠”采用了華康娃娃體，浮現(xiàn)出微博隨時隨地發(fā)布，很輕松的產(chǎn)物感受。如不美觀把字體換成“華文新魏體”和“微軟雅黑體”，不是感受像人平易近網(wǎng)，就是完全沒有氣概，體驗就差多了。
勛章館首頁這段煽情的文字經(jīng)由過程手寫體(FZJingLeiS-R-GB)，以日志的形式，表達出勛章記實糊口、記實成長的產(chǎn)物感受，若換成一般字體，感受也就沒了。
經(jīng)由過程配色來展示產(chǎn)物定位，也是設(shè)計師必用的體例。視覺設(shè)計前期調(diào)研階段，經(jīng)常經(jīng)由過程情感版提煉適合方針用戶的顏色，形成一整套的配色方案。
紫色，關(guān)頭詞：優(yōu)雅、高尚、女性、持重、神圣、成熟、深度、神秘、時尚。微音樂作為音樂首發(fā)平臺的定位，紫色加倍彰顯時尚魅力。
紅色，關(guān)頭詞：藝術(shù)、強烈熱鬧、開放、激情、積極、活力、喜慶、生命、成熟。微直播要浮現(xiàn)直播的盛況，布滿激情的紅色就很是適合。
藍色，關(guān)頭詞：理智、知性、合理、商務(wù)、科技、嚴(yán)酷、詳盡、嚴(yán)謹(jǐn)、公式化。投票的合理性，以及微數(shù)據(jù)的理性、嚴(yán)謹(jǐn)，注定產(chǎn)物要以藍色為主色調(diào)。
橙色，關(guān)頭詞：陽光、輝煌、勾當(dāng)、暖和、記憶、家庭、健康、歡愉。微勾當(dāng)?shù)慕槿敫小L(fēng)云榜的輝煌，當(dāng)然也少不了橙色調(diào)的陪襯。
綠色，關(guān)頭詞：成長、樸質(zhì)、公益、生命、平安、新奇、和平、春天、年夜自然。微博達人是面向草根用戶的一款產(chǎn)物，他們經(jīng)由過程在微博上的行為，一點點成為某個規(guī)模的草根明星，綠色的配色很合適這種成長的感受，微公益就不多說了，必定綠色最適合啦。
營造統(tǒng)一的品牌形象
品牌形象是一個很年夜規(guī)領(lǐng)域，具體到某個微博產(chǎn)物的品牌感，更多的仍是經(jīng)由過程視覺形象來傳達。這就需要視覺設(shè)計師擬定一套系統(tǒng)的視覺系統(tǒng)，讓用戶看一眼，就能清楚地識別。
群的品級，用星球上的樹木來浮現(xiàn)，品級越高，樹木越強大。
微群的品牌形象很受巨匠認(rèn)可，項目規(guī)劃時，但愿能默示人與群、人與人的關(guān)系，以及群的歸屬感。視覺設(shè)計師采用了星球、飛船和人的視覺元素，講述了“每個群都是一個星球，巨匠有著配合快樂喜愛”的故事。整個網(wǎng)站以深藍為主色調(diào)，營造星空的感受，當(dāng)用戶看到了這種配色和元素，就知道自己來到了微群的頁面。
內(nèi)測時啟動了這套系統(tǒng)，飛船上的人發(fā)現(xiàn)了適合自己的星球，馬上就要下降了。
新手指導(dǎo)中，也巧妙地將這種元素融入進來，既形象，又增強了品牌感。
輔佐頁、小我頁、發(fā)布頁等等… 就紛歧一介紹了，總之巨匠自己不雅察看，就會發(fā)現(xiàn)微群處處都有浮現(xiàn)。
造型讓產(chǎn)物更有沖擊力
視覺設(shè)計中，磕張的造型對用戶的沖擊力很是年夜，很輕易一下抓住用戶，這種設(shè)計常呈此刻專題頁面和個性皮膚中。
《帶著微博去旅行》這個專題，設(shè)計師在頭圖設(shè)計賭暌姑了斜線措置，就連部門按鍵也是傾斜的，這就和下面規(guī)整的模塊形成了對比。我們交互設(shè)計的原型稿，結(jié)構(gòu)上往往是橫平豎直的，有時視覺默示上打破這種軌則，會起到絕佳的效不美觀。
推薦閱讀
昨日，蒲江招大引強戰(zhàn)略再創(chuàng)佳績，14個投資總額逾50億元的重大產(chǎn)業(yè)化項目簽約落戶蒲江。此次簽約包括國際、國內(nèi)兩家世界500強企業(yè)，以德國博世集團電動工具為代表的現(xiàn)代生態(tài)工業(yè)項目；以聯(lián)想集團獼猴桃種植示范園為代>>>詳細(xì)閱讀
本文標(biāo)題：<b>網(wǎng)站用戶體驗：做交互應(yīng)該知道的視覺幾件事</b>
地址：http://www.zcgs360.cn/a/22/20120615/68325.html
網(wǎng)友點評
精彩導(dǎo)讀
科技快報
品牌展示