創(chuàng)意設計類網(wǎng)站的設計與實現(xiàn)

摘 要：網(wǎng)站是介紹產(chǎn)品和服務、企業(yè)形象，體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑，創(chuàng)意設計類網(wǎng)站的設計與實現(xiàn)是科技與藝術的結合，網(wǎng)頁設計作為平面設計的一個部分，尤其獨特的設計要求和原則，筆者結合已有的研究工作經(jīng)驗，將介紹網(wǎng)站設計環(huán)境、網(wǎng)站需求分析、創(chuàng)意設計網(wǎng)等方面的內容，為相關研究提供參考性的建議。

關鍵詞：創(chuàng)意設計類網(wǎng)站；設計；網(wǎng)站需求

中圖分類號：TP393.092

隨著計算機應用的發(fā)展，網(wǎng)站成為現(xiàn)代企業(yè)建設不可或缺的一環(huán)，對企業(yè)的發(fā)展具有重要的作用。網(wǎng)站可以存儲信息，作為一種信息交流的媒介，允許別人訪問，人們可以使用各自的計算機傳遞信息，利用多臺計算機的分布式應用，實現(xiàn)世界各地的互聯(lián)。作為商業(yè)社會的產(chǎn)物，網(wǎng)站在當前的社會中發(fā)揮著重要的作用，已經(jīng)成為信息傳遞的重要方式。而創(chuàng)意設計類網(wǎng)站不僅具有網(wǎng)頁的基本功能，而且還有一些獨到的理念與形式，方便用戶的閱讀，提升他們的興趣，具有很大的吸引力，研究創(chuàng)意設計類網(wǎng)站的設計與實現(xiàn)，是將理念與實際融合的有效手段，相關研究值得深入。

1 網(wǎng)站設計的環(huán)境介紹

網(wǎng)站設計與許多內容相關，是一個大的系統(tǒng)工程，有因特網(wǎng)、站點、超鏈接、Web標準、Web設計技術、瀏覽器等方面的知識，以下做簡要的概述。

1.1 因特網(wǎng)。由若干臺計算機構成一個計算機網(wǎng)絡，相互之間傳遞信息，通過網(wǎng)絡站點和網(wǎng)頁的集合，為用戶快速、便捷的網(wǎng)絡服務，如電子郵件、Usenet、新聞組等應用，而這也是網(wǎng)頁設計所要服務的內容。

1.2 網(wǎng)站設計的相關術語。網(wǎng)站設計的術語包含Internet、超鏈接、URL、IP地址、網(wǎng)頁等，Internet是信息和知識的海洋，也是網(wǎng)站的基礎；站點將素材文件和網(wǎng)頁文件放置在文件夾里，構成網(wǎng)站的實質內容；超鏈接可以將不同的網(wǎng)頁、網(wǎng)站等進行彼此的串聯(lián)，實現(xiàn)相互間的跳轉；URL對互聯(lián)網(wǎng)中信息資源的存儲位置進行唯一的標識，便于查找；IP地址是分配給每臺主機的位置地址，具有唯一性；網(wǎng)頁是構成網(wǎng)站的基本元素，是網(wǎng)站應用的額平臺，通常是HTML格式的，網(wǎng)站根據(jù)一定的規(guī)則，人們通過網(wǎng)頁瀏覽來訪問網(wǎng)站，獲取需要的信息資源。

1.3 Web標準及相關技術。Web標準是由W3C和其他標準組織指定的規(guī)范集合，包含CSS、XML和HTML等，其目的在于創(chuàng)建一個統(tǒng)一的Web表現(xiàn)層的技術標準，其運作的模式有請求-處理-應答。Web服務的特點是高度的集成，能夠實現(xiàn)不同類型的服務和信息的無縫鏈接，其信息的檢索、組織和顯示功能在廣域網(wǎng)中發(fā)揮著重要的作用。Web文檔有三層結構，結構層、表現(xiàn)層和行為層

Web的優(yōu)勢在于具有易開發(fā)維護、高兼容性、高靈活性、提高訪問速度和提高用戶體驗等，在實際的應用中非常廣泛，是當前信息技術中的基礎之一。

1.4 瀏覽器。網(wǎng)頁與瀏覽器是密不可分的，用戶訪問網(wǎng)頁之前需要借助瀏覽器來實現(xiàn)，作為一種軟件程序，將網(wǎng)絡中特定的網(wǎng)頁獲取下來，按照一定的規(guī)則顯示，可以適用于多種操作系統(tǒng)和平臺中，是網(wǎng)站訪問的媒介。

2 網(wǎng)站設計的需求分析

網(wǎng)站是企業(yè)向用戶提供信息的途徑，也是開展電子商務的信息平臺，是企業(yè)的網(wǎng)絡商標和無形資產(chǎn)，在網(wǎng)站設計與建設時，必須進行可行性的分析，針對已經(jīng)確立的需求和目標，研究網(wǎng)站設計與建設的市場可行性、技術可行性和社會環(huán)境等問題，網(wǎng)站在設計時的需求一般包含品牌形象、產(chǎn)品展示、企業(yè)介紹、內部管理優(yōu)化等方面的內容，可以說，網(wǎng)站的設計與建設已經(jīng)與人們的生活息息相關，無論是企業(yè)組織，還是個人，在網(wǎng)站設計時必須對其面向的對象，使用的需求等進行分析，以做到網(wǎng)站設計的高效、明晰，減少資源的浪費和信息的錯亂。

3 創(chuàng)意設計類網(wǎng)站的設計與實現(xiàn)

3.1 功能分析。創(chuàng)意設計類網(wǎng)站在設計之處要對其具體的功能進行分析，建設網(wǎng)站的功能主要集中在兩個方面：其一，使?jié)撛诘挠脩艨梢匝杆俚恼莆招枰闹R和相關的資料，盡量減少大篇幅的文字敘述，做到文字簡練、效果圖精彩，網(wǎng)頁頁面新穎，使用戶可以感受到網(wǎng)頁設計者的用意和水平；其二，使用戶能夠快速的與網(wǎng)站進行“互動”，包括信息的獲取、反饋等，盡量簡化環(huán)節(jié)，使網(wǎng)站具備高效性。但是，在網(wǎng)站設計時，也不能一味的求新求異，而削弱網(wǎng)站的功能，要兼顧到用戶的習慣，在確保便利的條件下，做到美觀、個性，使網(wǎng)站設計充滿朝氣。

3.2 首頁頁面設計。頁面的設計包括色彩、版式、創(chuàng)意三個方面，創(chuàng)意能使網(wǎng)站在諸多競爭對手中脫穎而出，版式是互動的核心，色彩賦予網(wǎng)頁生命力，一般的網(wǎng)站都有導航區(qū)、新聞區(qū)、廣告區(qū)、LOGO和版權等內容，這些功能模塊都是首頁設計制作時需要確定的，首頁頁面設計時有結構分析、風格定位、頁頭設計、中間內容和頁腳等。結構分析：上部為導航與LOGO，中間左側有欄目，右側有內容與作品展示，底端為頁腳區(qū)域。風格定位：網(wǎng)站給用戶留下的最深印象不是功能，而是其風格，風格中最為重要的是色彩，色彩對人的視覺沖擊最大，網(wǎng)站創(chuàng)意設計的成功與否，和色彩的搭配運用有很大的關系，因而必須重視色彩的搭配。

3.3 頁頭設計。網(wǎng)站的頁頭設計主要有兩個方面的內容，LOGO與導航條，LOGO一般是將一張已經(jīng)準備好的圖片放置在頭部容器的左側，導航條需要脫離文本流，具有立體感的效果，因而相對于文本流，需要使用定位的方式來加以控制。網(wǎng)站的導航條可以使用戶準確快速的捕捉信息，導航條分為作品展示、首頁、設計理念、聯(lián)系方式等內容，其布局和設計往往需要簡潔明了。

3.4 中間內容的設計。用戶在瀏覽網(wǎng)頁時，有從左至右、從上到下的習慣，因而在網(wǎng)站設計時，盡量遵循用戶的瀏覽習慣。在主體內容中，靠左邊的一般是優(yōu)秀網(wǎng)站的案例，能夠更有效的吸引用戶的注意力，同時也能體現(xiàn)網(wǎng)站的特色和主要功能。優(yōu)秀網(wǎng)站案例采用圖片切換的形式來展現(xiàn)在首頁中，整個首頁處于動靜結合的狀態(tài)中。

3.5 頁腳。頁腳用.foot在里面嵌套表格，由于瀏覽器的兼容性問題，在網(wǎng)頁中常用margin：0 auto來實現(xiàn)。

3.6 內頁的設計。內頁的設計需要對網(wǎng)站的內容和功能做詳細的排列，讓用戶能夠體驗到專業(yè)的內容，并且可以采用案例、動畫、效果圖等內容，來對網(wǎng)站的功能和內容做充分的展示，讓用戶能夠充分的了解網(wǎng)站，留下深刻的印象。

3.7 聯(lián)系設計。網(wǎng)站設計的初衷是為了方便用戶獲取信息，具有一定的針對性，但在付諸于應用時，有可能存在不足，需要加以改善。因而聯(lián)系設計十分重要，可以接收用戶的反饋信息，或者是與客戶進行互動交流，為雙方的信息溝通搭建橋梁。聯(lián)系設計還可以鏈接地圖導航等新穎的內容，方便用戶對位置信息的查詢。

3.8 網(wǎng)站的測試。網(wǎng)站設計之后，需要以實際應用來進行檢驗，爭取在第一時間找出程序錯誤，進行糾正，提高網(wǎng)站的穩(wěn)定性。一般需要將網(wǎng)站的每個模塊分開測試，分項測試結束之后，要進行綜合測試，由專門的測試人員負責。在網(wǎng)頁測試階段，可以用多種瀏覽器來檢驗，如火狐、IE8、360等。

4 結束語

網(wǎng)站的設計需要在眾多的競爭對手中脫穎而出，就要求功能和內容新穎，可以吸引用戶，研究網(wǎng)站設計的基本知識和創(chuàng)新設計的方式，可以為設計與實現(xiàn)提供參考，提升網(wǎng)站的競爭力，相關研究具有積極的意義。

參考文獻：

[1]唐守國.創(chuàng)意+：Photoshop cs4網(wǎng)頁設計?配色與特效案例精粹（第一版）[M].北京：清華大學出版社，2010.

作者簡介：張嵐（1980-），女，四川通江人，本科，講師，研究方向：網(wǎng)頁設計。

作者單位：四川省商業(yè)服務學校，成都 611731