網站設計視覺優化

謝蓬飛

（中國石化共享服務公司（東營分公司），山東 東營 257000）

一、引言

隨著互聯網的迅速發展，網站作為其信息的主要承載者也迅速的發展起來，并且其種類繁多，包括大型門戶網站，行業網站，娛樂網站,企業網站,政府網站,營利性網站以及個人網站等,每類網站的內容都各不相同且功能十分強大。企業網站是企業通過互聯網進行網絡營銷和形象宣傳的，它就像是企業的一張名片，既可以為企業形象做宣傳，樹立良好公眾形象，同時又可以幫助企業營銷，推動企業銷售額的增加。企業內網做為內部信息快速傳遞的媒介，缺少了廣域網下網站盈利性的標志，更加增強了內部服務：通知新聞的傳遞性，而做為廣大員工的平臺也發揮著展現個人與公司風采的作用。設計完成一個多模塊劃分，能實現交流互通信息互傳的網站。

二、系統實現的技術支持

（一）HTML語言簡介

HTML即超文本語言或超文本鏈接標示語言，是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。HTML語言是由HTML命令組成的描述性文本，HTML命令可以用來說明文字、圖形、動畫、聲音、表格以及鏈接等。HTML由頭部（Head）、主體（Body）兩大部分組成，其中頭部描述瀏覽器所需的信息，起到標識作用，而主體則包含所要說明的具體內容，是網頁的內容核心。

（二） Dreamveaver簡介

AdobeDreamweaver，簡稱“DW”，是集網頁制作和網站管理于一身的所見即所得的網頁編輯器，它是第一套專業的針對網頁設計師的視覺化網頁開發及設計工具，利用它可以簡易便捷地制作出跨越平臺限制和瀏覽器限制的動感而生動的網頁。[1]

（三） Photoshop圖像處理軟件簡介

Photoshop是一款由Adobe公司旗下最為出名的圖像處理軟件之一，它被廣泛的應用于圖形、圖像、視頻、文字以及雜志書籍的排版等個領域。PS可以處理圖片中能遇到的各種問題，可以完成圖像創作，也可以實現對已有圖片的編輯和二次創作。

三、企業網站實現

（一）網站主題的確立

網站主題，即網站內容，是網站搭建的靈魂體現，是網站的真正肉身。根據網站受用群的需要，基于其主要實現目的，確立網站核心思想，圍繞核心思想，從不同方向擴展豐富網站內容，從而建立一個核心明確內容豐富的主題網站。

（二）確定網站風格

“風格”是抽象的，是指站點以整體形象給瀏覽者的綜合感受。站點的標志、色彩、字體、標語、版面布局、瀏覽方式、交互性等都是網站風格的一部分。網站的立意可以是平易近人貼近生活的、也可以是生動活潑服務大眾的，還可以是專業嚴肅學術研究的。網站風格就是要用你獨特的色彩、技術、文字或者布局、交互方式，瀏覽者明確的分辨出這就是你的網站，從而增強第一辨識度。在明確需求對象對網站具體展示要求后，要找出網站中最有特色的東西，以此來體現需求對象對網站的要求。例如，幸福工作站，網站是女工類，服務廣大職工身心類的，所以整體風格應該是溫馨和諧的，所以多以家庭氛圍感染瀏覽者。

（三）確定網站界面

界面是網站給瀏覽者的第一眼印象，它決定著網站的觀賞性，在確定網站的界面時要注意以下三點：欄目編排與素材整合：網站的題材確定后，根據主題搜集素材并對其進行合理的編輯編排，將一些最吸引人的且最能體現網站核心內容的放在最突出位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引，將網站從整到零的詳盡劃分，清晰明了的將網站的主體明確顯示出來。在制定欄目的時候，要做到合理安排，優化排版。在欄目編排時需要注意的是：盡可能刪除或邊緣化與網站內容無關的欄目；盡可能將最有價值最能體現核心的內容列在欄目上；盡可能從訪問者角度，為方便訪問者的瀏覽和查詢來編排欄目；輔助內容可以放在主欄目里，以免沖淡主題。

目錄結構與鏈接結構：網站的目錄是指網站搭建時創建的目錄。在用Dreamveaver建立網站時，創建站點后都默認建立了根目錄和圖片子目錄。形象設計：網站的形象是瀏覽者的第一眼感受，是吸引使用者的重要部分，網站形象主要從以下幾點：設計網站標志。標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如：“兩學一做”專欄，如下圖所示：

以黨徽和國旗，強有力的表現專題網站的黨的教育特性。設計網站色彩。色彩給人來自視覺沖擊的第一印象，不同色系的不同色彩搭配產生的色彩效果各異，從而對瀏覽者造成不同的情緒影響。基于此我們常使用“標準色彩”來對網站進行色彩編輯。（“標準色彩”是指能體現網站型象和延伸內涵的色彩，要用于網站的標志，標題，主菜單和主色塊。）色彩統一也是網站統一的一部分，是提升優化網站的重要點。標準色確定后，可以配以其他色彩輔助，但應當只是作為點綴和襯托，不能喧賓奪主。一般來說，一個網站的標準色彩不超過3種，避免眼花繚亂，感受不到網站主題。適合于網頁標準色的顏色有：藍/綠色，黃/橙色，黑/灰/白色三大系列色。如：幸福工作站的色彩就是綠色為主色。設計網站字體。標準字體是指用于標志、標題、導航和欄目的特有字體。一般網頁內容的默認字體是宋體。制作者可以根據自己網站所想表達的內容，選擇更貼切的字體只能以圖片的形式出現。設計網站宣傳語。網站宣傳語可以是網站的精神、主題與中心，或者是網站的目標，用一句話或者一個詞來高度概括。它是對網站內容的高度概括，用于對外宣傳。網站頁面設計在完成了動靜結合，色彩結構優化，已經生動活潑的形象展現出來，再以技術手段完成其發布使用。

四、結語

隨著網絡的發展，網站做為一種主要展現方式，其發展將會越來越廣闊，應用也將越來越深入，只有結構清晰，色彩分明，主題明確的網站才能在各色站點中脫穎而出，以其不凡的視覺感受和使用感受吸引使用者。視覺效果在網站創建中將會以其獨特吸引力發揮越來越重要的作用。