網站設計中風格色彩及美化探討的論文

網站設計中風格色彩及美化探討的論文

  網站設計和建設是一門技術也是一門藝術,怎樣設計一個成功、成熟的網站是很多設計人員應該關注、思考的問題。而風格色彩和美化是網站設計的重要內容,在具體設計中應綜合考慮多方面因素,從蒐集資料、網站框架設定、風格定位到各個設計製作環節和最後的最佳化除錯,要認真做好風格色彩和美化,不斷提高網站設計水平。

  1網站設計的風格定位

  網站設計首先應結合其主題內容,確定其形式和風格,實現內容和形式的完美結合,從而獲得良好的宣傳效果。風格定位對整個網站設計都非常重要,如生活類、娛樂類、經濟類、技術類、企業類等型別網站,而不同型別的網站,其風格是不同的,所以在網站設計中,應考慮不同行業的性質,充分體現出不同主題風格。透過合理、科學的互動方式、先進技術、合理結構佈局和色彩,可以幫助使用者快速、熟悉網站操作,吸引使用者的注意力。

  1.1佈局風格

  合理的網站佈局為使用者瀏覽網站提供方便,也是網站閱讀的重要指引,精心規劃地網站佈局,可以幫助使用者快速找到所需內容。網站佈局主要有居中、上下、左右等形式,若細化劃分還包括“田”字形、“品”字形、“廠”字形、“國”字形等,不同行業、不同型別的網站可以結合自身需求,選擇合適的網站佈局。

  1.2顏色風格

  某網站以黑色為背景色,利用專業的flash製圖軟體,結合網站主題風格,以黑色為基礎,雙擊flash快捷圖示,進入“開始頁面”,該頁面中包含從模板建立、建立新專案、開啟最近專案等內容,從模板建立中,設計人員可選擇測試、廣告、幻燈片簡報等專案;創新新專案中可建立flash專案、flashJavascript檔案、動作指令碼應用檔案、動作指令碼檔案、flash表單應用程式、flash文件等,在網站設計中主要採用flash文件,單擊flash文件按鈕,進入flash軟體操作介面。整個操作介面包括七個部分:活動面板、固定面板、舞臺、時間軸、工具欄、選單欄和標題欄。新文件建立以後,其由預設來設定文件屬性,具體設計過程中,flash屬性要求不符合預設值,這時設計人員應結合網頁設計要求進行手動修改該,選擇修改—文件命令,將文件屬性對話方塊開啟,在這個對話方塊中修改標尺單位、幀頻、背景顏色、文件的尺寸和名稱等引數,經過修改以後flash文件適用非線性編輯,對修改後的文件屬性進行儲存。Flash動作製作完成以後,利用SWF格式生成flash播放檔案,從而在網路系統中傳播。選擇檔案—釋出設定的選項,將釋出設定對話方塊開啟,在型別選項中能夠看出flash釋出為MOV、HQX、EXE、PNG、JPG、GIF、HTML、SWF等格式檔案,對型別的檔案中選中複選框,然後將該格式標籤開啟。然後挑選一些明亮的顏色和黑色形成鮮明對比,強化視覺衝擊力,在操作flash製圖軟體時,以該軟體系統為設計平臺,最佳化顏色設定。

  2網站設計的色彩搭配

  網站設計過程中,相關設計人員應全面把握使用者的心理狀態,並且結合色彩搭配原理,網站設計中應講究藝術性,注意色彩搭配合理,色彩鮮明,通常情況下色彩鮮豔的網站更容易吸引使用者,然而網站設計不能單純利用某一種顏色,使使用者感到乏味、單調,但是也不能運用所有顏色,使使用者感到缺乏協調性和統一性,使整個網站花俏、輕浮。一個網站應保持一種或者兩種主要顏色,不能使使用者感到乏味、單調,更不能讓使用者迷失方向,相關設計人員應充分考慮到網站主題色,在一個網站中色彩使用應避免超過四種顏色,顏色太多使使用者感到沒有側重點和方向感。另外,確定網站的主題色以後,在利用其它配色,協調處理主題色和其它配色的關係,呈現出良好的網站設計效果,並且網站色彩搭配應和網頁內容協調起來,結合不同的網頁內容,選擇不同顏色,透過色彩的合理搭配,充分體現不同網站的特點和特色,突出個性,設計特點鮮明的網站,吸引使用者在網頁上駐足。

  3網站設計的網頁美化

  結合網站主題內容,使用PS設計軟體,從開始選單中找到AdobeFlashProfessionalCS5.5,單擊開啟軟體,新建一個空白文件,點選“新建文件”對話方塊中的ActionScript3.0選項,對話方塊右邊出現一系列引數,在此可以設定文件的屬性,啟動Flashcs5.5的初始介面,利用工具面板、時間軸面板、屬性面板等拖曳的活動面板,利用滑鼠按住面板的頂部深灰色區域可以將面板拖動到合適的位置,在選單“視窗”>“工作區”中可以選擇適合的工作區環境,按快捷鍵N鍵,在舞臺的.空白區域拉出幾根線條,選中線條在“屬性”(Ctrl+F3)上設定線條的屬性。在屬性面板中,位置和大小指的是線條距離舞臺左上角的位置。在筆觸選項中設定線條的顏色、筆觸的粗細、樣式等,將端點和結合部設定為所需要的樣式。在實際製作中,也經常需要將線稿匯入到Flash中,然後根據線稿新建一個圖層進行描線,將線稿轉換為Flash文件,熟練的使用線條工具和選擇工具進行描線是動畫師的基本工作,最後使用“檔案”>“儲存”(Ctrl+S)或者“檔案”>“另存為”(Ctrl+Shift+S),儲存動畫專案,存成.fla檔案。網站設計美化應堅持反覆和條理的原則,形成整體網頁秩序美,在運動發展過程中實現一致性和協調性,為了使網站主體畫面有生氣,保持變化性,要透過合適的對比方法,使網站各個部分實現有效調和,保持不同元素的平衡和均齊,實現網頁中心和動態元素的統一性。

  4結束語

  近年來,計算機科學技術快速發展,網站成為人們進行網路互動的重要門戶,結合網站設計要求,做好風格定位、色彩搭配和網頁美化,從而設計一個用色協調、形象突出、整體性好、使用方便、簡潔實用的網站。

  參考文獻:

  [1]賀冬梅.淺談網站設計的風格色彩與美化[J].中國科技資訊,2012,06:138-139.

  [2]李海燕.網站設計色彩協同與風格異同研究[D].合肥工業大學,2013.

最近訪問