視覺大同—Visual similarity

0 評論 1812 瀏覽 1 收藏 10 分鐘

視覺,一個設(shè)計師耳熟能詳?shù)脑~,每個人都會有一套自己的理論,可能任何一個非設(shè)計出身的都會說,視覺就是能看得見的唄。

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

1.視覺效果的趨勢

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

圖1.1

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

圖1.2

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

  • 對用戶的影響

圖3

圖1.3

  • 對視覺設(shè)計產(chǎn)生的影響

圖4

圖1.4

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

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

2. 操作方式,

3. 視覺感官.

進而可以得出,視覺設(shè)計也跟著這三個方面來變化,

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

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

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

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

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

圖1.5

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

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

2.尋求視覺突破的解決方法

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

圖2.1

從我對設(shè)計的理解基本尋求突破有以下幾點:

  • 自然演變法

對于形體其實我們往往可以從自然尋找突破,這是一個水族館景觀設(shè)計,便運用了沙石的堆砌,來形成一種自然的感覺

圖2.3

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

圖2.4

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

  • 生活提煉法

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

 

圖2.6

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

圖2.7

圖2.8

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

  • 環(huán)境制約法

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

圖2.9

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

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

3.?結(jié)語

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

終端視覺設(shè)計,正在以強有力的態(tài)勢來影響一代人的審美與使用,我們一起努力。

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!