[摘 要]本文根據(jù)當(dāng)前社會(huì)發(fā)展?fàn)顩r，分析及總結(jié)了已有的家居設(shè)計(jì)軟件存在的優(yōu)勢(shì)與弊端，并在其基礎(chǔ)之上，對(duì)所要研究的在線網(wǎng)頁版家居設(shè)計(jì)系統(tǒng)存在的問題進(jìn)行了一系列的探討與整合，為該系統(tǒng)能夠合理實(shí)現(xiàn)提供一個(gè)良好的實(shí)驗(yàn)平臺(tái)。

[關(guān)鍵詞]動(dòng)態(tài)aspx網(wǎng)頁；高級(jí)網(wǎng)頁制作軟件

一、選題背景

家居設(shè)計(jì)是社會(huì)文化的有機(jī)組成部分，從橫向維度來看，無論何種風(fēng)格的設(shè)計(jì)，都有著特定的精神和文化心理結(jié)構(gòu)，是在一定的文化語境中展開和完成的，因而反映著不同的價(jià)值和審美觀念，體現(xiàn)出當(dāng)時(shí)的文化風(fēng)貌。從縱向維度來看，任何時(shí)代的室內(nèi)空間設(shè)計(jì)都是與當(dāng)時(shí)的生產(chǎn)力和文化緊密聯(lián)系在一起的。計(jì)算機(jī)的應(yīng)用、信息的發(fā)達(dá)，使設(shè)計(jì)的作品具有更強(qiáng)的時(shí)代感。但作品手段上的豐富代替不了人們意識(shí)上的回歸，室內(nèi)設(shè)計(jì)必須從與直觀效用方面來考慮家居設(shè)計(jì)所具有的優(yōu)良質(zhì)地和溫情，而在線版網(wǎng)頁家居設(shè)計(jì)系統(tǒng)將具有重要意義。

二、關(guān)鍵技術(shù)

（一）開發(fā)工具

Macromedia Dreamweaver MX

Macromedia Flash 5.0

Macromedia Firework MX

Adobe Photoshop 6.0

Microsoft Access

（二）系統(tǒng)的設(shè)計(jì)分析

（1）本系統(tǒng)主要采用asp設(shè)計(jì)，后臺(tái)采用Microsoft Access 數(shù)據(jù)庫進(jìn)行管理。表格方式進(jìn)行排版，利用CSS進(jìn)行整體樣式設(shè)計(jì)，主色調(diào)采用灰和白色風(fēng)格，整體風(fēng)格正式。

（2）添加了管理員功能，用戶可以進(jìn)行在線咨詢。

（3）本系統(tǒng)總?cè)萘啃?，信息量大，占?00M以內(nèi)的的服務(wù)器空間基本可以滿足網(wǎng)站2年內(nèi)的運(yùn)營。

（4）對(duì)瀏覽者運(yùn)行要求較低。用戶只需裝有IE5.0及以上版本即可瀏覽網(wǎng)站。

（三）系統(tǒng)的開發(fā)研究環(huán)境

本系統(tǒng)網(wǎng)站主要用Macromedia Dreamweaver MX進(jìn)行網(wǎng)頁設(shè)計(jì)，動(dòng)畫部分用Macromedia Flash 5.0制作，位圖圖片主要用Adobe Photoshop 6.0處理，矢量圖主要用Macromedia Firework MX進(jìn)行設(shè)計(jì)。數(shù)據(jù)庫用Microsoft Access。系統(tǒng)網(wǎng)站采用時(shí)下流行的瀏覽器/服務(wù)器方式進(jìn)行訪問，并且我們?cè)谙到y(tǒng)中采用CAD二維轉(zhuǎn)三維技術(shù)，將平面圖紙轉(zhuǎn)化成3D立體圖像。

三、系統(tǒng)設(shè)計(jì)

（一）設(shè)計(jì)的技術(shù)應(yīng)用

本系統(tǒng)網(wǎng)站首先采用DW進(jìn)行網(wǎng)頁的編輯和排版。 Firework在圖片處理上使用了高光和陰影的效果，以突出按鈕的立體感、變化感、和懸停感。Firework在圖片輸出的時(shí)候采用JPEG（ISO國際標(biāo)準(zhǔn)圖像壓縮）格式。這是目前網(wǎng)絡(luò)較為流行的圖片格式，文件小，傳輸速度快，圖片清晰。JavaScript語言是一種新型的Script（文編）語言，由Netscape通信公司首創(chuàng)，并在其發(fā)行的NetscapeNavigator2.0及以后版本中予以支持。使用Netscape2.0瀏覽器可以識(shí)別嵌在HTML中的JavaScript語句，能夠響應(yīng)用戶點(diǎn)擊鼠標(biāo)、輸入表格、頁面導(dǎo)航等類似的事件。JavaScript的出現(xiàn)引起有關(guān)公司的密切注視，已有大約30家公司已同意支持這種語言。

（二）設(shè)計(jì)的藝術(shù)內(nèi)容

設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，可以概括為動(dòng)感元素和版式設(shè)計(jì)兩個(gè)方面。

（1）動(dòng)感元素。主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、等。無論是文字、圖形還是動(dòng)畫，網(wǎng)頁設(shè)計(jì)者所要考慮的是如何以吸引的形式把它們放進(jìn)頁面這個(gè)“大畫布”里。

（2）版式設(shè)計(jì)。版式設(shè)計(jì)，是在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化的表現(xiàn)出來，是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。

（三）家居設(shè)計(jì)

1.空間重新組織——運(yùn)用銜接、過渡、對(duì)比、統(tǒng)一、虛實(shí)等設(shè)計(jì)手法。

2.空間界面處理——對(duì)墻、地、頂?shù)慕Y(jié)構(gòu)和表面裝飾處理，相互間色彩的搭配和呼應(yīng)，確定施工工藝和要求。

3.內(nèi)置物設(shè)計(jì)——對(duì)室內(nèi)家具、裝飾結(jié)構(gòu)、裝飾點(diǎn)綴、特殊構(gòu)件等進(jìn)行設(shè)計(jì)，包括材料使用、細(xì)部構(gòu)造、工藝處理、特殊材料、施工要求等。

4.聲環(huán)境設(shè)計(jì)——對(duì)室內(nèi)的隔音、視聽等要求在聲學(xué)原理基礎(chǔ)上進(jìn)行處理。

5.光環(huán)境設(shè)計(jì)——將室內(nèi)采光、照明與裝飾效果統(tǒng)籌考慮，滿足使用和裝飾雙重需要。

6.熱環(huán)境設(shè)計(jì)——對(duì)室內(nèi)保溫、隔熱、空氣流動(dòng)綜合考慮，創(chuàng)造舒適的室內(nèi)環(huán)境。

針對(duì)以上六點(diǎn)展開合理化設(shè)計(jì)，對(duì)于人們不理解的層面系統(tǒng)會(huì)進(jìn)行提示，也為設(shè)計(jì)者在實(shí)際裝修中起到提示的作用。。

四、功能實(shí)現(xiàn)

網(wǎng)頁的主設(shè)計(jì)頁面上將主要包含五個(gè)模塊：1）關(guān)于我們 2）設(shè)計(jì)作品 3）家裝材料 4）自主設(shè)計(jì) 5）意見反饋。在自主設(shè)計(jì)中，用戶點(diǎn)擊后會(huì)被帶入另一個(gè)程序當(dāng)中，在程序中可以選擇系統(tǒng)的戶型，或自主繪畫，創(chuàng)造出用戶喜歡的房間。

五、結(jié)語

網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使我們的系統(tǒng)的藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì)，由純粹的視覺藝術(shù)擴(kuò)展到空間三維立體藝術(shù)，系統(tǒng)網(wǎng)頁效果使我們更加直觀的“看”到自己所要設(shè)計(jì)的“家”，而不僅僅是由設(shè)計(jì)師口述我們想象的大概樣式。網(wǎng)頁設(shè)計(jì)是一種綜合性的設(shè)計(jì)，它所涉及的范圍非常的廣泛，包括消費(fèi)者心理學(xué)、視覺設(shè)計(jì)美學(xué)、人機(jī)工程等諸多方面，當(dāng)然也離不開一定的科學(xué)技術(shù)發(fā)展。我們的在線網(wǎng)頁版家居系統(tǒng)不僅是為了適應(yīng)時(shí)代的發(fā)展，更重要的是滿足使用者的需求從而為人們提供更多的便利，故此值得我們對(duì)它進(jìn)行深入的研究與開發(fā)。

參考文獻(xiàn)：

[1]張兵、張文瑛、張素偉，基于CSCW的系統(tǒng)編著系統(tǒng)，計(jì)算機(jī)工程與應(yīng)用，2001，37（3）.

[2]謝曉芹、柳西玲，基于構(gòu)建開發(fā)的應(yīng)用框架設(shè)計(jì)，2005.9.15.

[3]Richard Weston： Modernism， Phaidon Press Limited，London，1996.