房源動(dòng)態(tài)圖稿的設(shè)計(jì)與應(yīng)用

全 麗 唐文和

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

0 引言

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

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

用戶購(gòu)房前，首先了解樓盤(pán)位置、戶型等關(guān)鍵信息。確定了具體樓號(hào)之后，還希望直觀地看到每戶的面積、是否已售出等信息。隨著客戶不斷地簽購(gòu)房號(hào)，該樓各戶的銷售信息會(huì)動(dòng)態(tài)變化。為此，該演示圖稿應(yīng)該力求具有如下特點(diǎn):

1)樓房的基本數(shù)據(jù)信息呈現(xiàn)在動(dòng)態(tài)圖稿上。樓房基本數(shù)據(jù)信息是客戶最為關(guān)心的部分，將該部分內(nèi)容醒目的列在動(dòng)態(tài)圖稿里，直觀顯現(xiàn)樓房基本信息，可以節(jié)省客戶在選房時(shí)查找相關(guān)資料的時(shí)間。2)動(dòng)態(tài)圖稿界面友好。對(duì)于客戶來(lái)說(shuō)，購(gòu)房是一個(gè)繁瑣，耗費(fèi)精力的事情?？蛻粼谶x購(gòu)房時(shí)，提供的友好界面可以緩解客戶緊張，煩躁的心理。能使客戶在相對(duì)輕松的狀態(tài)下完成選房的過(guò)程。3)效果圖相對(duì)逼真。逼真的畫(huà)面可以使客戶在選房時(shí)更直觀真切的看到樓房框架的基本構(gòu)造，格局。滿足客戶欲知樓房結(jié)構(gòu)的心理。

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

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

2 動(dòng)態(tài)圖稿設(shè)計(jì)流程

基于以上需求分析，為了制作出符合用戶、客戶需求的動(dòng)態(tài)演示圖稿，確定了設(shè)計(jì)流程，如圖1所示。

圖1 房源信息動(dòng)態(tài)圖稿的設(shè)計(jì)流程

從圖1可以看出，該圖稿設(shè)計(jì)制作過(guò)程分為五部分。整個(gè)流程從需求分析開(kāi)始，經(jīng)過(guò)目標(biāo)分析進(jìn)入整個(gè)圖稿設(shè)計(jì)制作的核心部分。下面針對(duì)動(dòng)態(tài)圖稿整體效果設(shè)計(jì)、基本組成元素設(shè)計(jì)、友好交互設(shè)計(jì)制作、合成制作四個(gè)部分的制作過(guò)程進(jìn)行闡述。

3 動(dòng)態(tài)圖稿的制作過(guò)程

3．1 整體效果設(shè)計(jì)

動(dòng)態(tài)演示圖稿的整體效果設(shè)計(jì)要求有立體感、相對(duì)逼真，為此選用繪圖功能強(qiáng)大的Photoshop軟件完成圖稿的繪制，之后以插入文件或者復(fù)制粘貼的方式將整體效果圖添加到PowerPoint的編輯窗口。

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

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

3．2 基本組成要素設(shè)計(jì)

預(yù)選樓房時(shí)，客戶最關(guān)心的三種狀態(tài)是“已售”“未售”“周轉(zhuǎn)房”。三種狀態(tài)設(shè)計(jì)成掛牌的形式予以突出。對(duì)三種狀態(tài)進(jìn)行設(shè)計(jì)時(shí)，在效果、風(fēng)格上應(yīng)避免制作者性別、年齡特征的顯現(xiàn)。例如:若將三種狀態(tài)設(shè)計(jì)為“笑臉”的模式，則突顯出制作者是女孩。三個(gè)掛牌的底色分別選定為紅、綠、藍(lán)三原色。為制作出立體感強(qiáng)的掛牌，在Photoshop軟件中完成。掛牌上的字制作成立體鏤空的效果，如圖3所示。

圖3 掛牌效果圖

三種狀態(tài)采用觸發(fā)器控制動(dòng)畫(huà)啟動(dòng)的方式。控制三種狀態(tài)的觸發(fā)器設(shè)計(jì)成鑰匙的形狀可以突出主題。觸發(fā)器是操作人員用的，為防止喧賓奪主，觸發(fā)器要尺寸小、顏色淡，可將三個(gè)鑰匙形的觸發(fā)器顏色填充為與掛牌顏色相近即可。控制三種狀態(tài)退出動(dòng)畫(huà)的觸發(fā)器無(wú)特殊含義，設(shè)計(jì)成簡(jiǎn)單的長(zhǎng)條形黑色立體，如圖4所示。

圖4 觸發(fā)器效果圖

3．3 友好交互的設(shè)計(jì)制作

制作任意一戶的動(dòng)畫(huà)。首先設(shè)置三個(gè)選項(xiàng)的動(dòng)畫(huà)進(jìn)入方式，其次分別設(shè)置觸發(fā)器，三個(gè)觸發(fā)器(鑰匙)分別與三個(gè)掛牌的色調(diào)相對(duì)應(yīng)。為了避免上一層掛牌遮蓋下面圖層掛牌現(xiàn)象，對(duì)三個(gè)房源狀態(tài)選項(xiàng)的掛牌設(shè)置退出動(dòng)畫(huà)，三個(gè)退出動(dòng)畫(huà)依次臨近排列，其中第一個(gè)動(dòng)畫(huà)采取黑條觸發(fā)器啟動(dòng)，其他兩個(gè)設(shè)置為“之后”啟動(dòng)方式。

3．4 合成制作

以動(dòng)態(tài)圖稿樓房效果圖為背景，在PowerPoint軟件中完成動(dòng)態(tài)圖稿的合成制作。背景圖片中以每戶窗戶為一個(gè)單位，觸發(fā)器放在小窗戶的位置。確保美觀，三個(gè)鑰匙形的觸發(fā)器一字排開(kāi)，長(zhǎng)條形觸發(fā)器放在小窗臺(tái)的位置，不搶眼且易于操作。掛牌呈疊加狀態(tài)放置在大窗戶的位置，這是客戶最關(guān)心的狀態(tài)，放在此位置直觀、搶眼。為防止交互時(shí)產(chǎn)生跳動(dòng)感，三個(gè)掛牌大小一致，位置嚴(yán)格對(duì)準(zhǔn)，如圖5所示。

圖5 組成元素合成圖

完成一戶的合成制作后，以復(fù)制粘貼的形式將該戶的交互動(dòng)畫(huà)設(shè)計(jì)復(fù)制到其他所有窗口，即完成了整個(gè)樓的動(dòng)態(tài)演示圖稿的設(shè)計(jì)制作。整體合成效果如圖6所示。

圖6 動(dòng)態(tài)圖稿合成效果

4 結(jié)語(yǔ)

此圖稿經(jīng)實(shí)際使用后，提高了工作效率和效果，需求單位工作人員非常滿意，購(gòu)房戶也紛紛說(shuō)這樣做很方便，很有創(chuàng)意。

設(shè)計(jì)過(guò)程中最重要的是從用戶、客戶的需求出發(fā)，熟悉用戶業(yè)務(wù)，把具體問(wèn)題中功能的實(shí)現(xiàn)一一映射到軟件中進(jìn)行解決。

通過(guò)本設(shè)計(jì)，我們用事實(shí)駁斥了人們認(rèn)為PPT軟件“交互性不好”的偏見(jiàn)，見(jiàn)證了它良好的交互動(dòng)畫(huà)設(shè)計(jì)功能，通過(guò)觸發(fā)器的有效運(yùn)用，能夠非常方便地實(shí)現(xiàn)界面內(nèi)多點(diǎn)獨(dú)立交互控制動(dòng)畫(huà)的設(shè)計(jì)。