資源描述：
《做到這8個(gè)點(diǎn),有效地整合你的視覺(jué)設(shè)計(jì)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、做到這8個(gè)點(diǎn)，有效地整合你的視覺(jué)設(shè)計(jì)在視覺(jué)界面設(shè)計(jì)中，不同于藝術(shù)作品傳達(dá)的是設(shè)計(jì)者自身的情感和寄托，這里關(guān)注的重點(diǎn)是傳達(dá)的行為和信息，也就是目標(biāo)。而在視覺(jué)設(shè)計(jì)元素中，重點(diǎn)關(guān)注的有：顏色文字大小形狀紋理情景位置動(dòng)效可以通過(guò)以下關(guān)系來(lái)表達(dá)如何整合視覺(jué)設(shè)計(jì)：整體+單體——目標(biāo)整體代表的是層級(jí)，而單體表達(dá)的是單個(gè)個(gè)體所要傳達(dá)的信息，將單個(gè)個(gè)體所要傳達(dá)的信息和層級(jí)相整合，共同來(lái)達(dá)成最終的目標(biāo)。同時(shí)可以把上面提到的重點(diǎn)進(jìn)行分類，將顏色、文字、大小、形狀、紋理放入單元中來(lái)思考，而把情景、位置、動(dòng)效、信息層級(jí)列入整體。先從單體的角度，來(lái)討論一下：顏色顏色的選擇是一件十分重要
2、的事情，因?yàn)橛捎谒母叻直嫘?，它?duì)于界面的影響比形狀、大小等要高，處于人的視覺(jué)關(guān)注區(qū)的上層。就好比我們?cè)谝欢颜叫蔚陌追孔又姓乙蛔叫蔚募t房子，比在一堆正方形的白房子中找圓形的白房子要容易的多。利用顏色，要把用戶的目標(biāo)、環(huán)境、內(nèi)容和品牌放在優(yōu)先的位置，其次才是去考慮這個(gè)顏色本身。就比如為什么快餐店如此鐘愛(ài)紅色和黃色，并不是說(shuō)紅色和黃色好看，而是因?yàn)樗砘鹧?，火焰?zhèn)鬟_(dá)的是一種熱烈而緊迫的感覺(jué)，使得消費(fèi)者沒(méi)辦法靜下心慢慢享受，而是更加快速的消費(fèi)然后走人。在很多商務(wù)類的應(yīng)用中，大多選擇藍(lán)色作為主色調(diào)，因?yàn)樗{(lán)色傳達(dá)的是一種可信賴與沉穩(wěn)的感覺(jué)。在界面設(shè)計(jì)中，單個(gè)元
3、素的顏色選擇不僅在于元素自身所要傳達(dá)的信息，更在于它在整個(gè)層級(jí)中所處的地位。像下圖是IOS中的日歷，除了日歷本身以外的部分，都是操作控件，這些單個(gè)控件，被賦予了紅色以后，在白底背景上顯得格外突出，傳達(dá)給用戶的是，這都是可以點(diǎn)擊的，另外一方面，紅色的利用使這些控件所代表的控制層的層級(jí)得到提高，可以和內(nèi)容層產(chǎn)生明顯的區(qū)分。顏色的使用要避免多而雜，將顏色按主色調(diào)、輔助色等做好區(qū)分，這里不做進(jìn)一步擴(kuò)展，以后再深入探討。文字文字的屬性包括字體、字號(hào)、字的顏色。對(duì)于字體，主要考慮的是可讀性要強(qiáng)，所以對(duì)于大部分移動(dòng)端應(yīng)用而言，IOS常選擇華文黑體或者冬青黑體，尤其是冬青黑
4、體效果最好，Android常選擇Noto或則微軟雅黑做為中文字體。因?yàn)檫@幾種字體在移動(dòng)端的顯示效果較好，改變字體的大小不會(huì)對(duì)文字的識(shí)別造成太大的影響。當(dāng)然有一些風(fēng)格比較特別的應(yīng)用，比如澎湃新聞APP使用的就是宋體，傳達(dá)出一種嚴(yán)謹(jǐn)、莊嚴(yán)的感覺(jué)，因?yàn)檫@是一款專注政治新聞的APP。字號(hào)的選擇也十分重要，它本身就帶有有序的特征，不同大小的字號(hào)體現(xiàn)了不同的層級(jí)。大小大小這個(gè)屬性是一個(gè)有序并且可以量化的參量，不同大小的元素排布在一起，大的顯然有更強(qiáng)的吸引力，比如ios的gamecenter，最重要的”游戲”被中間那個(gè)最大的圓所表示，而與游戲相關(guān)的”挑戰(zhàn)”處于第二大的圓中
5、，其他幾個(gè)則處于第三大的圓中。而量化的例子，比如wifi信號(hào)、電池電量這種小icon，大小這一屬性被量化，并和所要代表的含義緊密相連。但大小的錯(cuò)誤運(yùn)用，會(huì)降低其他屬性的作用，比如元素太小的時(shí)候，該元素的形狀屬性在用戶眼里就發(fā)揮不了太大的作用。形狀形狀相比前面所提到的大小、顏色，需要用戶更高一級(jí)的分辨能力，簡(jiǎn)單的形狀多用于分割，將所要表達(dá)的部分和其他的部分相區(qū)隔，比如一個(gè)按鈕的邊框，它為了告訴用戶，這是一個(gè)可以進(jìn)行交互的控件，吸引用戶點(diǎn)擊；比如MD設(shè)計(jì)中常用的卡片式設(shè)計(jì)，用一個(gè)卡片的形狀來(lái)包裹特定的內(nèi)容，保證了卡片內(nèi)容的整體性，也保證了整體頁(yè)面的層級(jí)，讓用戶在
6、操作時(shí)更容易理解內(nèi)在的邏輯關(guān)系。而復(fù)雜的形狀本身就帶有傳達(dá)含義的作用，像一個(gè)人像形狀的ICON，為的是告知用戶，這個(gè)ICON可以跳轉(zhuǎn)到個(gè)人用戶頁(yè)面；而像很多應(yīng)用的專屬圖標(biāo)，都會(huì)有特定形狀的標(biāo)示物，比如twitter的鳥(niǎo)、github的貓、tumblr的字母t以及youtube的播放開(kāi)關(guān)。合理的運(yùn)用形狀可以傳達(dá)豐富的信息以及劃分層次。紋理紋理的運(yùn)用雖然在扁平化大行其道的今天顯得尤為低調(diào)，但它所能傳達(dá)的能供性還是非常強(qiáng)大的，能供性在《設(shè)計(jì)心理學(xué)》這本書(shū)中是這樣被定義的——事物所感知到的及其實(shí)際的屬性，主要是那些能決定事物可能如何使用的基本屬性。也就是說(shuō)，我們認(rèn)為
7、這個(gè)對(duì)象能做什么。比如一個(gè)表面帶有橡膠紋理，一般人都會(huì)覺(jué)得這是一個(gè)可以抓握的東西，比如一個(gè)按鈕帶有陰影而顯得凸出于本身的界面，似乎是在告訴用戶這是一個(gè)可以點(diǎn)擊的控件。順便談?wù)剶M物化的設(shè)計(jì)，它顯然已經(jīng)不太流行了，因?yàn)榭萍籍a(chǎn)品不斷融入大家的生活，不需要再通過(guò)擬物的方式，用戶就可以很好的理解這個(gè)科技產(chǎn)品是如何操作的，這時(shí)推廣扁平化設(shè)計(jì)不僅提高了用戶的操作效率，而且讓信息和內(nèi)容可以更加高效的傳達(dá)。但隨著AR、VR逐漸登上舞臺(tái)，利用這更高維度的特性，擬物化設(shè)計(jì)也許可以通過(guò)一種新的方式重歸人們視野。討論完了單體的部分，下面來(lái)討論一下整體層面上，如何整合視覺(jué)設(shè)計(jì)：情景情景
8、是視覺(jué)界面設(shè)計(jì)元素的其中之一，考慮的是用戶正處于一個(gè)
