交互效果圖無法「脫胎換骨」，就只剩「誰丑誰尷尬」了

交互設計的效果圖也是最後的產品圖，在作品集中，一個好的效果圖可以向考官體現出自己優秀的平面設計能力，信息整理的能力，和創新能力，可以說，精緻的效果表現會讓作品集大大的加分。

但很多學生在做完具體的內容設計之後， 在最後的表現階段卻開始不知所措，直接用sketch up或者在AI里做完效果圖直接搬到作品集里，這樣的效果圖會大大降低考官對你作品集的好感度。下面康石石為大家整理了一些近期比較受歡迎，比較新穎的最終效果圖表現形式，並為大家做一定分析，幫助大家找到適合自己的效果圖。

1. 斜放界面

斜放界面設計非常活潑，整個界面有律動感，不會呆板，並且還會給人一種無線延伸的感覺。

但因為是斜放的界面，所以不可避免的會讓部分界面設計擋在版面之外，比如像圖2的左下角的界面，只露出了非常少的一部分設計，其他部分都看不清楚，這個是斜放界面的一個缺點。大家在使用該方式表現效果時，布圖需要謹慎一些，盡量把最重要的界面放到中間部分，其他界面再排到周圍，會比較合適。

2. 產品和界面結合

為了可以直觀的看出設計在手機、Pad或者電腦上的界面效果，很多交互設計師會把實體的載體和界面結合展示，圖4、圖5和圖6都是一些優秀的案例。

圖4在展示時，把效果圖和產品的簡單介紹結合在了一起，感覺非常專業，是一種很好的效果圖表現方法。

另外，如果界面的設計質量非常好的話，只要乾乾淨淨的把載體和界面擺在一起也是可以的，這樣的方式會讓讀者更集中於具體的界面設計。比如圖5中載體的顏色（手機的顏色）跟背景的顏色的統一，顯得整個畫面更加乾淨利索。

圖6是web設計最終效果圖的表現案例，非常有創意性，所有的界面飄在空中，形式非常自由。

但有一點需要留意的是，像圖6這樣排列時，大家一定要掌握好其透視關係，以及把控好布圖的自由程度是。上圖中畫面雖然是隨意漂浮的表現形式，但是整體的界面擺放的方向都是統一的，這樣利於查看界面里的內容，同時除了界面和產品之外沒有其他雜七雜八的設計，不然會讓畫面顯得「亂」過頭。

3. 平鋪界面

平鋪界面是大家常使用的方法，也是最簡單，也最有效的表達方法。像圖7這樣的乾乾淨淨的對齊，能讓考官一眼看出其關係，設計要素在設計中的應用，配色方案以及標識設計。

但平鋪界面，建議大家在內容設計和界面設計的質量都非常好的情況下使用，如果設計的界面內容非常多，且無法全部展示的話，大家可以挑選比較關鍵的Key Screens進行展示，如圖8。

4. 攤開界面

攤開界面形式，一般應用於滑動的界面之間是連在一起的情況。製作的方法是要用載體（手機、Pad、電腦等）來卡住需要顯示的關鍵界面部分，其他沒能進入到平面里的內容可以鋪在載體周圍，示意除了關鍵界面部分以外還有更多的隱藏內容。

5. 背景圖設計

背景圖的設計可以跟交互產品本身的設計結合，背景和界面融合在一起，可以讓版面更加自然。

比如說像圖11，把界面的某個複雜的圖案放大，將其當作是整個效果圖的表現背景，可以避免畫面太單調。

而圖12則是從設計的要素中提取了顏色和形狀，將這兩者結合作為背景圖，整體感非常強。

另外，虛化也是很多交互設計師愛用的命令之一，虛化背景可以襯托主題，讓讀者更加集中於界面的設計，讀者明白是其設計靈感是從何而來的，同時會給人一種優雅的朦朧美。大家可以在製作效果圖時，將其合理加入自己的設計中，可以起到很好的突出作用。

6. 用戶+載體+使用場景的結合表現

場景的結合表現是一種還原使用場景的方法，這樣的效果圖最明顯的特徵便是更真實。

一般來說，場景結合表現的手法多用在AR項目最終效果圖中。因為AR本身需要採集真實場景的數據，並且要把虛擬的設計放到真實世界，讓真實環境和虛擬信息在同一個畫面或空間顯示。像圖15和圖16都是很好的例子，這樣的效果圖放到作品集中，考官很容易就可以明白信息和環境之間的關係。

Final: 以上只是幾種效果圖的表現方式，大家在做效果圖時，更為重要的是，要考慮清楚自己設計中要凸顯某幾個界面，還是全部要展示出來，是要乾淨簡潔的效果，還是要用炫酷動感的設計等問題，只有對自己的設計有了一定的把控後，才能更好的與這些效果表現形式相契合，從而實現最好的界面效果。

—————————————————分割線——————————————————

康石石現已推出個人微信公眾號——康石石（kang-shishi）

除每周二、周五發布專欄文章外，康石石公眾號將每日推送1-3篇文章，針對同學們提出的問題進行詳盡解答，敬請關注

訂閱方式：微信搜索 康石石 即可