視覺(jué)，一個(gè)設(shè)計(jì)師耳熟能詳?shù)脑~，每個(gè)人都會(huì)有一套自己的理論，可能任何一個(gè)非設(shè)計(jì)出身的都會(huì)說(shuō)，視覺(jué)就是能看得見(jiàn)的唄。

確實(shí)是這樣，視覺(jué)廣義上講，是可以包羅所有可見(jiàn)事物，一種與人之間發(fā)生的體驗(yàn)，是一種呈現(xiàn)。作為終端視覺(jué)設(shè)計(jì)師的我們更是每天工作中在屏幕里添磚加瓦。想在小小的終端創(chuàng)造一個(gè)世界?？墒峭覀?cè)谶^(guò)程中，其實(shí)還是有蠻多苦惱的，比如在處理需求，交互，視覺(jué)，開(kāi)發(fā)之間各種關(guān)系的時(shí)候。受限過(guò)多的我們，總是會(huì) 遇到如何突破的問(wèn)題。

1.視覺(jué)效果的趨勢(shì)

突破，意味著要先去梳理當(dāng)下，預(yù)料趨勢(shì)，歸類總結(jié)。那么，我們就先分析一下終端視覺(jué)趨勢(shì)吧。不知道大家是否接觸過(guò)以下分辨率的產(chǎn)品，

圖1.1

上表包含了市場(chǎng)中大部分產(chǎn)品，其實(shí)也可以看出一定的規(guī)律

圖1.2

如圖1.2所示，隨著產(chǎn)品的發(fā)展，移動(dòng)終端產(chǎn)品的分辨率是越來(lái)越高的，形成一定的類別性，功能越多，交互也相對(duì)越復(fù)雜，并且可以播放當(dāng)下的720p 甚至以上的高清視頻。那么隨著這些產(chǎn)品的產(chǎn)生，對(duì)用戶，視覺(jué)設(shè)計(jì)，交互設(shè)計(jì)等都是有影響的。我們暫且說(shuō)說(shuō)用戶和視覺(jué)設(shè)計(jì)這兩方面。

• 對(duì)用戶的影響

圖1.3

• 對(duì)視覺(jué)設(shè)計(jì)產(chǎn)生的影響

圖1.4

從圖1.3和圖1.4可以看出，產(chǎn)品硬件的變化，直接影響到體驗(yàn)的變化， 對(duì)用戶的影響有三個(gè)方面

1.?使用內(nèi)容，

2. 操作方式，

3. 視覺(jué)感官.

進(jìn)而可以得出，視覺(jué)設(shè)計(jì)也跟著這三個(gè)方面來(lái)變化，

1.由于內(nèi)容產(chǎn)生變化，則表現(xiàn)出終端板塊多，分類多，同一個(gè)頁(yè)面會(huì)比以前的產(chǎn)品有更多的內(nèi)容，那么要求設(shè)計(jì)師必須有超強(qiáng)的整體把握能力，做到色調(diào)統(tǒng)一，區(qū)分明確，變化微妙有細(xì)節(jié)。

2.產(chǎn)品由按鍵到觸摸，更多的操作集中到屏幕，那么對(duì)控件的大小，形狀，顏色，位置也有了一定的要求，易點(diǎn)擊，語(yǔ)意明確變得更加重要。

3.用戶對(duì)產(chǎn)品直接的視覺(jué)變化，就是屏幕變大，精細(xì)度高，這就要求設(shè)計(jì)師做的圖形更加深入，一定程度的效仿自然，在屏幕中創(chuàng)造另外一個(gè)”真實(shí)”世界. 當(dāng)然，世界總是有兩個(gè)極端，在自然舒適化的操作下，簡(jiǎn)約風(fēng)格，平面化的感覺(jué)也是一個(gè)大的趨勢(shì)。

我們看到產(chǎn)品硬件的變化，致使用戶體驗(yàn)和視覺(jué)設(shè)計(jì)都有了變化，那么在未來(lái)，這一趨勢(shì)一定會(huì)將繼續(xù)演變。微軟surface就是一款致力于NUI的產(chǎn) 品，也是這一趨勢(shì)的推動(dòng)者。 如果說(shuō)阿凡達(dá)中的全息投影技術(shù)的應(yīng)用會(huì)是一個(gè)更遠(yuǎn)的科技未來(lái)，那么上面的趨勢(shì)也是對(duì)我們影響最近的把。

從我最開(kāi)始做UI到現(xiàn)在，其實(shí)還是有一種產(chǎn)品讓我感受很深的，那就是電紙書(shū)。近兩年橫空出世的它也是一個(gè)不小的力量。因?yàn)樗麖氐赘淖兞藗鹘y(tǒng)使用數(shù)碼產(chǎn)品的感官，采用電子噴墨技術(shù)，使得頁(yè)面更加接近于紙張。這種傳統(tǒng)的閱讀習(xí)慣被再一次拿回，返璞歸真，也總是人類的一種熱望。

圖1.5

但由于現(xiàn)在技術(shù)和成本等各方面原因，這種屏幕還沒(méi)有很快的用到各個(gè)方面，我們就當(dāng)這是一個(gè)特例吧。

再回到之前所說(shuō)的，我們最近的視覺(jué)效果發(fā)展趨勢(shì)。效仿自然，簡(jiǎn)約平面兩大風(fēng)格路線。一定意義的指導(dǎo)我們視覺(jué)設(shè)計(jì)的方向。也要求我們做出各種準(zhǔn)備，來(lái)解決設(shè)計(jì)上的瓶頸。

2.尋求視覺(jué)突破的解決方法

從上面的內(nèi)容，我們得出視覺(jué)效果的發(fā)展趨勢(shì)，那么我們就要擺脫常規(guī)的一些想法，來(lái)實(shí)現(xiàn)設(shè)計(jì)，提高設(shè)計(jì)，并設(shè)計(jì)未來(lái)。Iphone當(dāng)初的面世，可謂劃 時(shí)代。除了人們常說(shuō)的一些原因，其實(shí)從視覺(jué)角度講，就是蘋(píng)果公司對(duì)設(shè)計(jì)有一種獨(dú)到的見(jiàn)解，并且有著倔強(qiáng)般的審美，喬布斯多年不變的穿著打扮，可見(jiàn)端倪。

圖2.1

從我對(duì)設(shè)計(jì)的理解基本尋求突破有以下幾點(diǎn)：

• 自然演變法

對(duì)于形體其實(shí)我們往往可以從自然尋找突破，這是一個(gè)水族館景觀設(shè)計(jì)，便運(yùn)用了沙石的堆砌，來(lái)形成一種自然的感覺(jué)

圖2.3

內(nèi)部的色彩與線條很協(xié)調(diào)的呈現(xiàn)出水族的樣式。

圖2.4

掛衣鉤的設(shè)計(jì)，便采取了液體流下的造型，對(duì)傳統(tǒng)進(jìn)行突破。我們?cè)谶M(jìn)行界面設(shè)計(jì)很多時(shí)候也是可以用到這樣的思路的。是一種自然演變法，并有一定的構(gòu)成性。

• 生活提煉法

工業(yè)產(chǎn)品設(shè)計(jì)中最常見(jiàn)的手法，運(yùn)用當(dāng)下科技產(chǎn)生的一些新元素，來(lái)呈現(xiàn)到生活中，并實(shí)現(xiàn)功用。其實(shí)這個(gè)方式的逆向思路便是我們把生活中的現(xiàn)實(shí)元素，巧妙的提取到界面視覺(jué)設(shè)計(jì)中。在終端屏幕制造一個(gè)新世界，同時(shí)也是視覺(jué)設(shè)計(jì)過(guò)程中最有成就感的結(jié)果。也就是生活提煉法。

圖2.6

• 現(xiàn)象調(diào)侃法

圖2.7

圖2.8

往往是有圖有真相，圖2.7和圖2.8中是一種對(duì)現(xiàn)象的調(diào)侃把，其實(shí)這也是設(shè)計(jì)師應(yīng)該具備的一種思想。很巧妙的把生活中的一些場(chǎng)景片段，來(lái)變成有功 用與指示性的東西。如果說(shuō)斧子砸墻壁當(dāng)掛鉤還不夠功用的話，下面不銹鋼茶杯映出盤(pán)子里的字可謂是韻味十足并有一定的指示性。界面視覺(jué)設(shè)計(jì)也可以在這里打開(kāi) 一些呈現(xiàn)的思路。

• 環(huán)境制約法

所有設(shè)計(jì)在過(guò)程中總是面臨種種限制，并且在一個(gè)創(chuàng)意實(shí)現(xiàn)后，還有一些未很好解決的東西，在限制中尋求完美突破也是必須的，就是我們這里所說(shuō)的環(huán)境制約法。Macbook一直以輕薄著稱，但是隨身攜帶的插頭卻比它還厚，顯而易見(jiàn)，這個(gè)司空見(jiàn)慣的問(wèn)題卻沒(méi)有人去考慮與設(shè)計(jì)。

圖2.9

界面視覺(jué)設(shè)計(jì)相信也一定存在這樣的問(wèn)題，司空見(jiàn)慣，可優(yōu)化不為之，是設(shè)計(jì)者的最大要害。所以我們平時(shí)一定要在限制成習(xí)慣中尋求新的出路，這樣才能在細(xì)節(jié)體驗(yàn)上起到革命性的變革。

當(dāng)然，除了上面所說(shuō)四種方法，其實(shí)還有很多我們可以借鑒的形式與思路，這里就不一一列舉了，希望在可以對(duì)尋求突破的設(shè)計(jì)師來(lái)點(diǎn)閃亮的火花。

3.?結(jié)語(yǔ)

通過(guò)上面對(duì)視覺(jué)趨勢(shì)的梳理，以及視覺(jué)設(shè)計(jì)中尋求突破的方法點(diǎn)選，我可以看出在未來(lái)設(shè)計(jì)當(dāng)中，一切視覺(jué)都是有相通的思考點(diǎn)的，視覺(jué)是大同的，并且在相同的思路下，我們可以實(shí)現(xiàn)最好的瓶頸突破，在不同的緯度下服務(wù)不同的用戶，去更主動(dòng)的把握設(shè)計(jì)，來(lái)驅(qū)動(dòng)產(chǎn)品的發(fā)展。

終端視覺(jué)設(shè)計(jì)，正在以強(qiáng)有力的態(tài)勢(shì)來(lái)影響一代人的審美與使用，我們一起努力。

源地址：http://wsd.tencent.com/20……milarity.html