網站建設中的(of)平面設計方式之研究

随着互聯網時(hour)代的(of)到(arrive)來(Come)，網站成爲(for)了(Got it)信息傳播的(of)重要(want)平台。平面設計是(yes)對二維空間的(of)各種視覺構成元素進行設計布局，在(exist)網站建設中，平面設計主要(want)體現在(exist)對網站網頁的(of)要(want)素設計。爲(for)增強網站的(of)吸引力，發揮網站信息傳播功能，必須做好網頁平面設計。

1網站建設中平面設計存在(exist)的(of)問題

一(one)是(yes)網頁平面設計缺乏簡潔性。網站欄目意圖不(No)明确，欄目闆塊設計混亂，使得用(use)戶很難在(exist)網頁上(superior)找到(arrive)所需的(of)闆塊信息，或者很難在(exist)欄目闆塊中找到(arrive)相對應的(of)内容。二是(yes)網頁重要(want)信息不(No)完整。在(exist)網頁平面設計中，設計人(people)員過于(At)重視網頁功能的(of)實現，而忽視了(Got it)網頁信息的(of)完整性，降低了(Got it)網頁傳播信息的(of)實效性。比如以(by)商業企業網站爲(for)例，網頁上(superior)很難找到(arrive)與産品相關的(of)完整信息，易使消費者失去浏覽網頁的(of)興趣。三是(yes)網頁平面設計忽視用(use)戶體驗。設計人(people)員将複雜的(of)圖片、文字信息都編排到(arrive)網頁上(superior)，增設多個(indivual)菜單欄目，給用(use)戶帶來(Come)網頁信息雜亂的(of)不(No)良體驗。

2網站建設中平面設計遵循的(of)原則

1）個(indivual)性化設計原則。網站網頁的(of)平面設計要(want)突出(out)特色，使其在(exist)同類型網站中脫穎而出(out)，增強對用(use)戶浏覽網站的(of)吸引力。這(this)就要(want)求設計人(people)員掌握多種多樣的(of)網站設計版式，充分發揮設計人(people)員的(of)創造性思維，形成獨特的(of)網頁平面設計風格，推進差别化網站建設。

2）可持續設計。網頁平面設計要(want)體現環保性和(and)節約性，避免在(exist)平面設計中耗用(use)過多的(of)資源，盡量降低網頁平面設計成本。同時(hour)，平面設計還要(want)具備一(one)定的(of)時(hour)代感，能夠适應用(use)戶的(of)審美觀變化。

3）人(people)性化設計。網頁平面設計要(want)以(by)滿足用(use)戶使用(use)需求爲(for)落腳點，從用(use)戶體驗角度出(out)發，設計出(out)符合用(use)戶操作(do)習慣和(and)視覺語言習慣的(of)網頁平面。

3網站建設中的(of)平面設計方式

3.1響應式布局設計

響應式布局設計可保證網頁風格和(and)設計統一(one)，優化網頁舒适度和(and)友好度，以(by)滿足不(No)同終端用(use)戶的(of)使用(use)需求。所以(by)，在(exist)網站建設中應采用(use)響應式布局設計，使網頁布局可适應不(No)同分辨率的(of)設備，不(No)會出(out)現因終端設備畫面分辨率的(of)不(No)同，導緻網站網頁模糊不(No)清、圖形扭曲等問題，爲(for)用(use)戶提供更舒适的(of)操作(do)體驗。在(exist)響應式布局設計中，設計人(people)員可直接使用(use)成熟的(of)響應式布局框架進行設計，節省網頁平面設計時(hour)間，使網站免受浏覽器兼容問題的(of)影響。

3.2用(use)戶友好型網頁平面設計

網站建設中的(of)平面設計不(No)僅要(want)注重網頁外觀給用(use)戶帶來(Come)的(of)視覺美感，更要(want)給用(use)戶使用(use)網站的(of)過程中帶來(Come)良好的(of)操作(do)體驗。所以(by)，設計人(people)員應遵循框架靜止、内容動态的(of)原則進行設計，盡量保證網頁布局不(No)發生(born)變化，隻是(yes)在(exist)各自的(of)框架内對圖片和(and)文字信息進行動态展示。同時(hour)，在(exist)網頁交互設計中，應在(exist)主頁菜單下設置二級菜單，盡量避免設置三級菜單。此外，設計人(people)員還應設計繁簡程度不(No)同的(of)兩套網頁，前者可融入複雜的(of)設計色彩、圖片和(and)動态效果，增加網頁的(of)美觀性，适用(use)于(At)網速快的(of)用(use)戶浏覽；後者簡化設計色彩、圖片和(and)動态效果的(of)應用(use)，使網頁展示基本框架和(and)重要(want)信息即可，适用(use)于(At)網速慢的(of)用(use)戶使用(use)。在(exist)用(use)戶加載網頁時(hour)，網站可通過浏覽器接口判斷用(use)戶的(of)網速，根據網速快慢自動顯示簡繁不(No)同的(of)網頁。

3.3網頁視覺美觀性平面設計

在(exist)網站建設的(of)平面設計中，要(want)充分考慮視覺語言的(of)構成要(want)素，通過設計美觀的(of)格式、和(and)諧的(of)色彩、動态的(of)圖案、均勻的(of)布局，以(by)增強平面設計的(of)藝術性，給予用(use)戶良好的(of)視覺享受。3.3.1字體設計網頁上(superior)的(of)字體顯示必須大(big)小适度、樣式整潔、色彩合理。一(one)般情況下，可在(exist)同一(one)網頁上(superior)顯示不(No)超過3種字體。這(this)3種字體分别适用(use)于(At)标題、小标（按鈕）、正文。在(exist)字體結構規劃上(superior)，要(want)保證字體對齊、平衡，增強版面結構的(of)整體感。在(exist)圖片多、文字少的(of)網頁平面設計中，要(want)根據重點突出(out)的(of)内容，适當調整頁面布局結構。若重點突出(out)圖片，則要(want)增加圖形面積，給用(use)戶帶來(Come)視覺沖擊；若突出(out)文字信息，則要(want)将标題加粗，起到(arrive)醒目提示的(of)作(do)用(use)。

3.3.2色彩搭配

網頁平面設計要(want)處理好色彩的(of)選用(use)，遵循協調性、對比性的(of)原則處理整體色彩基調和(and)局部色彩搭配。比如在(exist)網頁整體設計的(of)色彩呈現效果上(superior)，可選用(use)和(and)諧的(of)色彩，給用(use)戶帶來(Come)視覺舒适感；在(exist)網頁局部設計的(of)色彩選用(use)上(superior)，可搭配不(No)同主色調，一(one)方面增強色彩的(of)對比性，緩解用(use)戶視覺疲勞。另一(one)方面利用(use)不(No)同色彩對不(No)同主題内容進行條塊分割，起到(arrive)劃分主題的(of)作(do)用(use)。

4結束語

綜上(superior)所述，網站建設要(want)重視平面設計水平的(of)提升，通過對網頁平面進行優化設計，進而保證網站建設目标的(of)實現。在(exist)網頁平面設計中，設計人(people)員要(want)對網頁進行合理布局、排版，處理好各項網頁要(want)素，以(by)保證網頁能夠爲(for)用(use)戶提供良好的(of)操作(do)體驗，增強網站對用(use)戶的(of)吸引力。