基于交互式動畫的平面設計

楊麗雅　周彩琴　岑慶棚

摘要：在交互式動畫中，除了動畫功能的實現(xiàn)之外還有最重要的元件和界面的設計。好的動畫設計是能不繁瑣的的表達目標要求，好的界面設計和元件設計是能讓人有視覺上的體驗和使用上的愉悅。如果忽略了對界面以及對元件上的設計就會讓人覺得成品有種粗制濫造的感覺，會讓設計好的動畫沒有達到最初想要的使用效果，配合適當?shù)囊粜Ь蜁I造出不一樣的效果。

關鍵詞：平面設計；界面

中圖分類號：TP37 文獻標識碼：A 文章編號：1009-3044（2014）35-8542-02

Graphic Design of Interactive Animation

YANG Li-ya ， ZHOU Cai-qin ， CEN Qing-peng

（The Department of Information Science&Technology， Guangdong University of Foreign Studies South China Business College， Guangzhou 510545， China）

Abstract： In the interactive animation， in addition to achieve animation function， the most important is components and the design of interface. The good Animation design can expression of the target of the request， interface design and component design is good to let people have the experience and the use of visual on pleasure. If neglected interface and to design will element of people feel finished a crudely made sense， will let you carefully design good animation did not reach initially wanted to use effect. With the appropriate sound will create different effect.

Key words： plane design； interface

1 概述

平面設計的歷史始于古代的拉斯科洞穴，在沒有文字語言的時代，古人就喜歡以一些簡單的畫作來裝飾自己的洞穴和記錄自己的日常生活。那時候的色彩也不是說很多，但就是這些簡單的設計反而有種精巧的效果。一些很奇形怪狀的牛羊的，一些儀式現(xiàn)場什么的，洞穴壁畫幫助人類了解自身的進化歷史。原始人類利用洞穴埋葬死者和舉行宗教儀式以及躲避野獸和遮風擋雨。洞穴中由古人留下的壁畫也是考石學家和歷史學家所感興趣的。古人喜歡用畫的形式來表達自己感情和想法。所以良好的設計會讓人了解設計者的想法從而達到賞心悅目的感覺。

2 中國的設計的困境

有一個奇怪的現(xiàn)實問題，在設計界，尤其是在平面設計領域中，設計師普遍存在或多或少的混亂，甚至認為圖形設計作為一種職業(yè)是沒有價值的行業(yè)，大部分的人謀生的方式也對新的工作場所的未來發(fā)展，當然，可能不再是平面設計。在設計界面和標志的時候作者參考了網(wǎng)上的經(jīng)典案例，基本上都是針對英文的26個字母來進行設計的，對于中文字體的設計就少之又少，要不設計起來就不好看，出不了效果。那就說明國內(nèi)的設計的有很大一部分是參考國外的設計，但是對于中國的品牌總不能經(jīng)常用英文字母來宣傳吧。雖然有時候是說要國際化世界化，但是中文的logo設計的丑的沒法說也沒法表達文字的悠久歷史和優(yōu)美。同時，其實也不希望設計的沒有一點中國味，透露著一股子西方的華麗味道。

根據(jù)網(wǎng)上數(shù)據(jù)顯示，在北京，深圳，杭州，上海這樣的大都市是平面設計師的最佳平臺。然而，根據(jù)調(diào)查，平面設計師的年齡一般不超過三十歲，只有一些意志力強的或優(yōu)秀的人仍然站在行業(yè)的顛峰，引領發(fā)展，難能可貴的是大多數(shù)人放棄生命中的大多數(shù)時間。這是當前的產(chǎn)業(yè)發(fā)展緩慢的情況。

以作者的設計經(jīng)驗來說，藝術設計往往要比軟件設計動畫設計要難上升的多。設計類的軟件是比較好掌握的，可就是良好的優(yōu)秀的想法比較難實驗。有時候就是操作趕不上想法，有良好的想法也沒有那么好技巧表現(xiàn)，也頗有些無奈的感覺。

3 Photoshop的工具運用

3.1選區(qū)

在處理圖片的時候通常要選取一個選區(qū)來進行處理。大多數(shù)人是人都是用快速選擇工具，魔棒工具來進行模糊選擇，這樣會使圖像處理的很粗劣。也可以事先用魔術橡皮擦把多余的色塊進行擦除再來進行選擇。也可以調(diào)整色調(diào)明暗呀什么的，讓圖像色塊的區(qū)分更明確一些再進行選擇。也可以利用通道來勾取選區(qū)，這都是比較快速的方法。最精細的也是比較費時間的選擇方法是用快速蒙版以及鋼筆工具?？焖倜砂媸窃诠ぞ邫谧钕旅妫c擊進去之后可以用涂啊畫啊填充的方式來選取選區(qū)，一種比較自由的方式，弊端就是對于一些小細節(jié)可能人手操作就沒有那么精細那么圓滑。用鋼筆工具的話花得時間就更長了，但是對于圖像扣取來說，鋼筆工具還是最好使用的。

3.2曲線調(diào)整

在拍攝照片的過程中可能因為光線不好，曝光不充分而照成圖像效果沒有想象中的好。在PS圖象處理軟件軟件曲線的基本原理來調(diào)整打開圖像，調(diào)整曲線命令（或使用快捷鍵Ctrl + M），出現(xiàn)曲線對話框。然后進行明暗對比的調(diào)整。真正的曲線調(diào)整原則是亮度的重新分布，每個像素的亮度有初始，可以調(diào)整它亮或過暗。如果可以互相學習，問題就解決了。這個時候就可以發(fā)揮作用，在曲線的調(diào)整，是按住Shift可以選擇多個控制點，如果想刪除一個點，該點可以拖出曲線坐標區(qū)外，或按Ctrl并單擊點。

3.3加深減淡工具

在對于鼠繪人物的時候加深減淡工具是必不可少的，但是同時也是非?？季吭O計者的繪畫功底，這樣用加深減淡工具來表現(xiàn)物體的體塊感是非常重要的一個環(huán)節(jié)，取決于人物最后畫得像不像。跟素描頭像一樣，把加深工具當做是軟炭，把減淡工具當做是硬炭，進行描繪的時候要是把握不大就把強度調(diào)低一些慢慢地繪畫。有個加深體塊感的訣竅就是在高光附近的陰影要對比更加強烈一些，這樣就起到一個很好的效果。

3.4 去水印

在有水印的背景修復我覺得比較有用的就是定義圖案和仿制圖章工具。用油漆桶工具來修復的畫可以大面積的修復，仿制圖章工具可以小面積的修復，所以防止盜圖加水印的還是比較好的方式。

3.5混合選項

在眾多工具中效果比較好的就是混合選項，可以直接給圖層加體塊感。大多l(xiāng)ogo設計都用上混合選項，在此設計中，用的比較多的是嵌入字體。就是使用里面的內(nèi)陰影選項調(diào)整好之后，把圖像填充改到0%就有字體嵌在里面。還有一個比較好的小技巧就是ctrl+向上的方向鍵就能弄出縱向立體的。調(diào)整圖像位置用方向鍵最好，它能微調(diào)，通常直接移動不能移到自己想要的位置。

4 界面設計的注意事項

4.1 配色

對于界面配色，色調(diào)在設計色彩學中是指一個色彩整體構成傾向的總概念，即一件包裝設計作品中全部色彩所組成的總的色彩效果，是一個色彩組合與其他色彩組合相區(qū)別的體現(xiàn)。構成一幅主色調(diào)的畫面一般主導色約占75%，襯托色約20%，點綴色約占5%。一個界面設計效果的好壞，最終是由色彩來體現(xiàn)的。首先要處理好單個色彩與整個畫面的關系，應整個面的連續(xù)展示效果，以及遠近距離上的視覺效果。還要考慮“圖像在人們眼中的沖擊力”“造成與眾不同”印象。

4.2 圖形設計

圖形設計就是這個圖像色塊放在這里是否合適以及起到美化和輔助作用。就像中國結和刺繡都是簡單的小結構組成一個大圖案。就要你懂得怎么去組合和運用。就像動畫中的按鈕你也會選擇你也不會遮擋字體和其他元件的地方放置。插圖要考慮到文字的大小和放置的位置，輔助圖形就要起到襯托美化的作用。

4.3 文字設計

文字設計是最重要的，往往這就是這個界面的關注點。在中國書法藝術在現(xiàn)代設計中有很重要的位置也有廣泛的運用前途，就像英文的花體字也經(jīng)常運用在界面logo上，字體的獨特設計能引起觀看者比較好的視覺沖擊效果。觀看者對于圖像的理解還不如對文字的理解，看到這個字肯定能夠知道這個字代表的意思。就像喜歡工筆畫要比喜歡抽象畫的人要多。

5 總結

交互動畫是動畫在播放的時候支持事件響應和交互功能的一種動畫。交互性提供了使用者參與和控制動畫播放的手段，更注重使用這的參與性、集成性[1]。交互式動畫與計算機和網(wǎng)絡發(fā)展有極其重要的關系，是技術與藝術相結合。是文字，圖像，聲音，影像，動畫等立體表現(xiàn)的集成性特點。娛樂性。交互式動畫參與設計，是圖像動畫不再是單獨靜態(tài)的顯示，豐富了使用者的各項感官感受。準確性。準確傳達交互動畫設計能綜合處理圖像，聲音，視頻等多種信號。交互式動畫參與界面設計能給使用者提供自助式的體驗，多渠道的傳播方式，滿足人們?nèi)找嬖鲩L的物質(zhì)文化需求。不再拘泥于單一的靜態(tài)界面的表達方式。給人一種概念性的體現(xiàn)。進一步開發(fā)設計的新領域，尤其是結合技術和藝術讓設計更跟上時代的腳步。

參考文獻：

[1] 百度百科.