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