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