楊麗雅　周彩琴　岑慶棚

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

關(guān)鍵詞：平面設(shè)計；界面

中圖分類號：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 概述

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

2 中國的設(shè)計的困境

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

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

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

3 Photoshop的工具運用

3.1選區(qū)

在處理圖片的時候通常要選取一個選區(qū)來進行處理。大多數(shù)人是人都是用快速選擇工具，魔棒工具來進行模糊選擇，這樣會使圖像處理的很粗劣。也可以事先用魔術(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)整它亮或過暗。如果可以互相學(xué)習(xí)，問題就解決了。這個時候就可以發(fā)揮作用，在曲線的調(diào)整，是按住Shift可以選擇多個控制點，如果想刪除一個點，該點可以拖出曲線坐標區(qū)外，或按Ctrl并單擊點。

3.3加深減淡工具

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

3.4 去水印

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

3.5混合選項

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

4 界面設(shè)計的注意事項

4.1 配色

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

4.2 圖形設(shè)計

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

4.3 文字設(shè)計

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

5 總結(jié)

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

參考文獻：

[1] 百度百科.