房源動態圖稿的設計與應用

全 麗 唐文和

(1．吉林師范大學教育科學學院，吉林四平 136000; 2．吉林師范大學傳媒學院，吉林四平 136000)

0 引言

在房屋管理與銷售中，管理者、銷售人員和客戶都需要直觀地看到樓內各戶房源是否售出。為此，以某高校15層3單元型住宅樓為例設計制作了房源動態PowerPoint演示圖稿，通過大屏幕投影顯示，使廣大職工在簽購房時能夠直觀地看到各房源的待售(可選)、已售(不可選)以及預留周轉房(不可選)等信息。該動態圖稿主要在PowerPoint上完成，采用Photoshop軟件進行輔助繪圖。

1 用戶需求分析及軟件工具選擇

用戶購房前，首先了解樓盤位置、戶型等關鍵信息。確定了具體樓號之后，還希望直觀地看到每戶的面積、是否已售出等信息。隨著客戶不斷地簽購房號，該樓各戶的銷售信息會動態變化。為此，該演示圖稿應該力求具有如下特點:

1)樓房的基本數據信息呈現在動態圖稿上。樓房基本數據信息是客戶最為關心的部分，將該部分內容醒目的列在動態圖稿里，直觀顯現樓房基本信息，可以節省客戶在選房時查找相關資料的時間。2)動態圖稿界面友好。對于客戶來說，購房是一個繁瑣，耗費精力的事情。客戶在選購房時，提供的友好界面可以緩解客戶緊張，煩躁的心理。能使客戶在相對輕松的狀態下完成選房的過程。3)效果圖相對逼真。逼真的畫面可以使客戶在選房時更直觀真切的看到樓房框架的基本構造，格局。滿足客戶欲知樓房結構的心理。

基于以上分析，動態演示圖稿需要實現如下功能:1)直觀地展示樓房的單元及樓層分布;2)清晰地顯示各戶的面積;3)在各戶的窗口上清晰地顯示該戶房源的狀態，即“已售”“未售”“周轉房”三種情況;4)各戶間房源的狀態(已售、未售、周轉房)應獨立地動態變化。

根據客戶的需要及圖稿功能特點的分析，需要合理選擇設計制作工具。該圖稿繪制的核心問題是界面內多點獨立交互性的完成，同時要求動態圖稿相對逼真。所考慮軟件有FLASH，PPT。FLASH軟件主要是完成動畫效果的制作，其中的按鈕可以實現交互。但是按鈕在完成交互的過程中，制作程序繁冗，整個交互的完成操作復雜，不易于實現。PowerPoint軟件中的觸發器可以很方便地實現界面內多點獨立交互性的設計。為了確保動態圖稿的相對逼真，用Photoshop軟件完成樓房直觀效果的繪制。

2 動態圖稿設計流程

基于以上需求分析，為了制作出符合用戶、客戶需求的動態演示圖稿，確定了設計流程，如圖1所示。

圖1 房源信息動態圖稿的設計流程

從圖1可以看出，該圖稿設計制作過程分為五部分。整個流程從需求分析開始，經過目標分析進入整個圖稿設計制作的核心部分。下面針對動態圖稿整體效果設計、基本組成元素設計、友好交互設計制作、合成制作四個部分的制作過程進行闡述。

3 動態圖稿的制作過程

3．1 整體效果設計

動態演示圖稿的整體效果設計要求有立體感、相對逼真，為此選用繪圖功能強大的Photoshop軟件完成圖稿的繪制，之后以插入文件或者復制粘貼的方式將整體效果圖添加到PowerPoint的編輯窗口。

整體效果圖如圖2所示。制作效果圖過程中，背景圖一般選擇簡潔的都市風景類型，主體圖依據真實樓房模型繪制。考慮到客戶對樓房選擇以及房屋銷售者管理時的直觀性，房源信息設計在每戶的樓窗部位顯示，因此，每個窗口代表一戶，窗口所占面積應大小適中，感官上清麗明亮。此稿只針對3單元15層樓進行說明，對于多個樓房的設計，必須考慮門牌號的醒目性。門牌號的選擇采取藍底黃字。這兩種顏色的搭配可以突顯數字的醒目。在門牌形狀的設計上，方形給人以嚴肅、生硬的感覺，且整體樓房均以方形為主，門牌則不宜用方形。選擇圓形的門牌號，外觀上柔和給人以親近感。門的大小適宜即可，它只起襯托作用，不必做過多的考慮。為便于客戶對戶型的選擇，繪制過程中應加入樓房面積、樓層等數字。

圖2 演示圖稿底稿整體效果圖

3．2 基本組成要素設計

預選樓房時，客戶最關心的三種狀態是“已售”“未售”“周轉房”。三種狀態設計成掛牌的形式予以突出。對三種狀態進行設計時，在效果、風格上應避免制作者性別、年齡特征的顯現。例如:若將三種狀態設計為“笑臉”的模式，則突顯出制作者是女孩。三個掛牌的底色分別選定為紅、綠、藍三原色。為制作出立體感強的掛牌，在Photoshop軟件中完成。掛牌上的字制作成立體鏤空的效果，如圖3所示。

圖3 掛牌效果圖

三種狀態采用觸發器控制動畫啟動的方式。控制三種狀態的觸發器設計成鑰匙的形狀可以突出主題。觸發器是操作人員用的，為防止喧賓奪主，觸發器要尺寸小、顏色淡，可將三個鑰匙形的觸發器顏色填充為與掛牌顏色相近即可。控制三種狀態退出動畫的觸發器無特殊含義，設計成簡單的長條形黑色立體，如圖4所示。

圖4 觸發器效果圖

3．3 友好交互的設計制作

制作任意一戶的動畫。首先設置三個選項的動畫進入方式，其次分別設置觸發器，三個觸發器(鑰匙)分別與三個掛牌的色調相對應。為了避免上一層掛牌遮蓋下面圖層掛牌現象，對三個房源狀態選項的掛牌設置退出動畫，三個退出動畫依次臨近排列，其中第一個動畫采取黑條觸發器啟動，其他兩個設置為“之后”啟動方式。

3．4 合成制作

以動態圖稿樓房效果圖為背景，在PowerPoint軟件中完成動態圖稿的合成制作。背景圖片中以每戶窗戶為一個單位，觸發器放在小窗戶的位置。確保美觀，三個鑰匙形的觸發器一字排開，長條形觸發器放在小窗臺的位置，不搶眼且易于操作。掛牌呈疊加狀態放置在大窗戶的位置，這是客戶最關心的狀態，放在此位置直觀、搶眼。為防止交互時產生跳動感，三個掛牌大小一致，位置嚴格對準，如圖5所示。

圖5 組成元素合成圖

完成一戶的合成制作后，以復制粘貼的形式將該戶的交互動畫設計復制到其他所有窗口，即完成了整個樓的動態演示圖稿的設計制作。整體合成效果如圖6所示。

圖6 動態圖稿合成效果

4 結語

此圖稿經實際使用后，提高了工作效率和效果，需求單位工作人員非常滿意，購房戶也紛紛說這樣做很方便，很有創意。

設計過程中最重要的是從用戶、客戶的需求出發，熟悉用戶業務，把具體問題中功能的實現一一映射到軟件中進行解決。

通過本設計，我們用事實駁斥了人們認為PPT軟件“交互性不好”的偏見，見證了它良好的交互動畫設計功能，通過觸發器的有效運用，能夠非常方便地實現界面內多點獨立交互控制動畫的設計。