王怡琛
伴隨著智能手機(jī)等產(chǎn)品的普及,以及互聯(lián)網(wǎng)+戰(zhàn)略的正式提出;在互聯(lián)網(wǎng)時代的影響之下,視覺傳達(dá)設(shè)計的戰(zhàn)場也從招貼海報包裝等印刷品領(lǐng)域逐漸轉(zhuǎn)向了以智能移動終端為首的計算機(jī)領(lǐng)域??紤]到移動端界面的設(shè)計首先要基于滿足功能性與交互性的前提之下,此時的視覺設(shè)計將顯得更為的“謹(jǐn)慎”;尤其是在扁平化,偽扁平化當(dāng)?shù)赖慕裉欤绾文軌蛟跐M足視覺信息的傳達(dá)這一基本需求的同時,在一些特定環(huán)境的應(yīng)用設(shè)計(如更加具有民族特質(zhì)的美術(shù)館及博物館)中更好的融合入“民族的”這一個特征也是移動端設(shè)計中需要考慮的一個問題。
現(xiàn)有的在appstroe中販賣的博物館及美術(shù)館應(yīng)用當(dāng)中,大多數(shù)的產(chǎn)品都存在特色不足,或是未能很好的利用特色元素從而使得達(dá)意性略顯欠缺等等問題。視覺設(shè)計中重要的一點(diǎn)就是將與被設(shè)計體相關(guān)的元素進(jìn)行提取,變化之后毫無違和的應(yīng)用到作品當(dāng)中來,所以我就傳統(tǒng)紋樣如何在移動終端的界面設(shè)計中得到良好的運(yùn)用總結(jié)出了以下幾點(diǎn)。
首先,移動端雖然同屬于視覺傳達(dá)設(shè)計,但是卻有他獨(dú)特的屬性。
首當(dāng)其沖一個特點(diǎn)就是界面小,這就要求我們在設(shè)計的整體把握中要更多的考慮簡潔性;同時,高效的提取內(nèi)容一定是用戶在使用中最需要考慮的一個問題,內(nèi)容優(yōu)先永遠(yuǎn)是我們要首先堅持的一個原則。在此基礎(chǔ)上我們才能再去考慮趣味性,個性化這些問題。如何將信息架構(gòu)與圖形語言進(jìn)行良好的結(jié)合?在擁有明確導(dǎo)航的同時,如何使整體設(shè)計也保持統(tǒng)一性,連貫性?這都是值得我們?nèi)ニ伎嫉?。最后,在功能完善的前提下,如何?gòu)建一個更加個性化的導(dǎo)航模式是值得我們在每個作品中去深究與探索的。
(《榫卯》中的手勢引導(dǎo))
其次,icon的設(shè)計是整個移動端在確定了整體導(dǎo)航風(fēng)格之后的又一大設(shè)計重點(diǎn)。在界面設(shè)計中,icon設(shè)計不同于logo設(shè)計的是他更多的要考慮達(dá)意性,并且由于尺寸的原因,移動界面中的圖標(biāo)要求我們在設(shè)計中盡量做到“言簡意駭”,并且,在“扁平化”甚至“偽扁平化”的設(shè)計風(fēng)格大肆流行的今天,如何將繁瑣的傳統(tǒng)元素經(jīng)過精確的提取與再創(chuàng)作,同時滿足“風(fēng)格”與“流行”的并存,也是值得我們思考的問題。例如我在去年設(shè)計的《民國風(fēng)系列icon》,選用了民國時期的真實(shí)物件進(jìn)行比照調(diào)查,同時與流行的“偽扁平話”設(shè)計進(jìn)行了元素的提取與融合,再加上色彩的應(yīng)用,達(dá)到這這樣一個具有年代感又同時滿足達(dá)意性的作品。
(《民國風(fēng)系列icon設(shè)計》(局部))
(《榫卯》中的icon設(shè)計)
再次是色彩問題,傳動紋樣大多數(shù)是一些單色的平面作品,而由于技術(shù)的發(fā)展,移動界面中的高保真RGB色彩顯示給予了設(shè)計者更大的空間,如何將傳統(tǒng)的色彩更好的結(jié)合各式的顯示器進(jìn)行顯示,而這一步將成為在整個設(shè)計過程中一個更加細(xì)致化的工作。
(傳統(tǒng)顏色色譜(局部))
最后,如何將視差效果,擬真動態(tài)等等這些頁面技術(shù)應(yīng)用到我們的設(shè)計當(dāng)中來,以求給用戶在最簡練的視覺語言中同時帶有趣味性也是我們視覺設(shè)計師同時需要考慮的。 例如彥風(fēng)老師曾經(jīng)設(shè)計的《中國古典家具》?中被他戲稱為“榫卯炸開”的家具觀賞的交互模式,以及在切換菜單內(nèi)容時跳動的墨斗等等都將傳統(tǒng)的藝匠制造動作用最直觀的方式在移動終端當(dāng)中得以體現(xiàn)。 傳統(tǒng)的動作不僅沒有與“屏幕里的小世界”顯得格格不入,反而在這方天地中被傳播得更遠(yuǎn)。
(《中國古典家具》)
總之,在傳統(tǒng)美術(shù)館及博物館這類項(xiàng)目的移動終端產(chǎn)品的視覺設(shè)計過程中,應(yīng)當(dāng)依照上述總結(jié)的四點(diǎn):1.導(dǎo)航設(shè)計;2.icon設(shè)計;3.色彩設(shè)計;4.動效設(shè)計
的設(shè)計先后順序,由廣及微的來進(jìn)行考慮。而在這其中,傳統(tǒng)紋樣的應(yīng)用則應(yīng)該在遵循移動端界面設(shè)計大原則的基礎(chǔ)之上(體驗(yàn)優(yōu)先)來進(jìn)行良好的元素提取與融合。
【注釋】
[1]北京 Tag UX(泰格優(yōu)思)團(tuán)隊研發(fā)的《榫卯》
[2]中央美術(shù)學(xué)院 彥風(fēng)老師團(tuán)隊研發(fā)的《中國古典家具》