資源描述:
《論動效設(shè)計在用戶界面設(shè)計中的應(yīng)用與維度分析》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、論動效設(shè)計在用戶界面設(shè)計中的應(yīng)用與維度分析論摘要:文章分析動效設(shè)計在用戶界面設(shè)計中的影響因素。追溯了動效設(shè)計的概念和淵源,并分析了動效設(shè)計在移動界面設(shè)計的使用的理論,闡述動效設(shè)計對用戶體驗的影響,最后提出了影響動效設(shè)計對用戶注意力影響程度的維度。動效設(shè)計彌補了靜態(tài)視覺設(shè)計的先天不足。未來的用戶界面設(shè)計不僅強調(diào)界面視覺和交互設(shè)計,而且對動效的要求更加強烈。關(guān)鍵詞:動效設(shè)計;扁平化設(shè)計;用戶體驗;用戶界面設(shè)計檢索:www.artdesign,org.cn中國分類號:TP3文獻標志碼:A文章編號:1008-2832(2016)05-0047-03引言
2、:動效設(shè)計是平面和動畫的結(jié)晶,它可被藝術(shù)愛好者應(yīng)用于電影片頭,也可創(chuàng)造字體的動態(tài)表現(xiàn)。由于智能手機的普及和移動應(yīng)用的普及,傳統(tǒng)用戶界面之間聯(lián)系的缺失性與扁平化的設(shè)計思想成為動效設(shè)計在用戶界面設(shè)計使用的源動力。一、動效設(shè)計的概念動效設(shè)計的英文是MotionDesign,是運動圖形設(shè)計(MotionGraphicDesign)的簡稱,也稱為動態(tài)設(shè)計。運動圖形設(shè)計遵循平面設(shè)計和視聽語言的雙重標準,通過視頻或動畫來創(chuàng)作成動態(tài)影像的藝術(shù)形式。嚴格意義上講,運動圖形設(shè)計是動效設(shè)計的一個分支,而它具有眾多的藝術(shù)表現(xiàn)形式和作品,所以這兩者的概念逐漸趨同。下文所
3、談的動效設(shè)計即動態(tài)設(shè)計,或運動圖形設(shè)計,不做細微區(qū)分。雖然動效設(shè)計起源于20世紀50年,但是由于其實踐性較強,所以到目前為止還沒有權(quán)威的定義。由于動效設(shè)計的概念不明確性,使其內(nèi)容形式越來越廣泛,不僅包括字體的動態(tài)變化,運動圖形的電影片頭等。上述實踐活動停留于運動的圖形的表象,而動效設(shè)計的價值在于詳盡的說明事物發(fā)生的過程和內(nèi)在原理。動效設(shè)計的基本表現(xiàn)元素不是圖像,而是圖形。由于圖像具有直觀性、明確性和具體性的特征;圖像具有抽象性、普遍性、歸納性,因此可以從多張圖像概括歸納形成圖形,圖形就上升到抽象性的概念。動效設(shè)計的楊心不在于是否配有音樂和解說,
4、而在于通過符合的變化表達意義,用于解釋和說明功能。動效設(shè)計堅守核心價值,放開表現(xiàn)手法后,其生命力更加旺盛,表現(xiàn)形式愈發(fā)豐富。二、動效設(shè)計的起源比利時物理學尤瑟夫普拉托(JosephAF.Ptateau)被認為是“近代有記載的MotionGraphic第一人”。早在1832年他和他的兒子發(fā)明了叫視覺暫留轉(zhuǎn)盤(Phenakistoscope)的動畫裝置。這種動畫裝置將兩個圓盤安裝在同一轉(zhuǎn)軸,每個圓盤被均勻地分成16個扇形區(qū)域,有序地扇形區(qū)域內(nèi)繪制系列的舞蹈動作圖案,圖案邊沿有相同的裂縫,圓盤的圖案面對鏡子,當轉(zhuǎn)動圓盤時,人們可以在圓盤背面從裂縫中看
5、見舞蹈連貫的動作。該裝置第一次讓觀眾看到運動的幻想。20世紀五六十年代,著名美國平面設(shè)計大師薩羅?巴斯(saulBass)在動效設(shè)計領(lǐng)域做出了卓越的貢獻。其制作了一些的動效設(shè)計的電影片頭,包括《臂人》(TheManWithTheGoldenArm)、《西北偏北》(NorthbyNorthwest)>《精神病患者》(Psycho)等。薩羅—巴斯也因此成為了電影動態(tài)片頭的鼻祖。20世紀80年代后,得益于電腦軟件的使用,動效設(shè)計得到了空前絕后的發(fā)展,制作越發(fā)便捷,效果越發(fā)華麗。動效設(shè)計的參與者不在局限于電視臺和設(shè)計師,以至于動效設(shè)計的作品在各大媒體上
6、使用,使得動-效設(shè)計進入全新時代。經(jīng)典作品《功夫熊貓》就是動效設(shè)計與電影結(jié)合的表現(xiàn)形式,劇情中將實景與動效融合,為觀眾展現(xiàn)出一個亦真亦幻的動人世界,以至于讓觀眾不把影片的片尾的演員名單不罷休。圖1是功夫熊貓的動效設(shè)計。在信息技術(shù)飛速發(fā)展,物聯(lián)網(wǎng)和大數(shù)據(jù)技術(shù)的應(yīng)用,互動營銷已經(jīng)成為一種趨勢,經(jīng)過動效設(shè)計的互動營銷不僅讓營銷形式更加炫目,而且讓客戶嘗試全新的視覺盛典。畢竟動態(tài)交互圖文的吸引力遠高于靜態(tài)的文字和圖像,動效設(shè)計和互動性和包容性目前還未被其它的藝術(shù)形式所超越。三、動效在用戶界面中的應(yīng)用在用戶界面設(shè)計中,若將單獨的頁面視圖視為一個節(jié)點,那么
7、節(jié)點之間的聯(lián)系通過何種方式表示:A困擾著設(shè)計師。隨著扁平化設(shè)計的出現(xiàn),不同頁面視圖之間的聯(lián)系可通過頁面的切換動效來表達,即通過切換動畫形式來表達頁面之間的過渡,從而表達頁面之間的因果關(guān)系和內(nèi)在聯(lián)系。傳統(tǒng)的用戶界面設(shè)計,還僅限于時間關(guān)系,動效設(shè)計不僅可以表達頁面的時間關(guān)系,還可以敘述因果關(guān)系。2013年,蘋果發(fā)布了iOS7之后,扁平化設(shè)計(FlatDesign)的思想逐步深入人心。事實上,蘋果并非扁平化設(shè)計的首創(chuàng)者,微軟早于蘋果之前已經(jīng)將扁平化設(shè)計應(yīng)用于MetroDesign,但是蘋果將扁平化設(shè)計得到普及,將其做到極致。在ios人機交互界面指南中
8、,這樣描述道,謹慎添加動效,尤其是在不能提供沉浸式體驗的應(yīng)用中。之所以扁平化設(shè)計的設(shè)計風格難以展示對象之間的層級關(guān)系和重要性的差別,是因為色彩、形狀、