平面視覺(jué)元素在網(wǎng)頁(yè)設計中的應用發(fā)布者：本站     時(shí)間：2020-02-11 10:02:58

一般來(lái)說(shuō), 以往的平面設計在視覺(jué)元素的應用上受到印刷技術(shù)的限制, 隨著(zhù)網(wǎng)絡(luò )技術(shù)的不斷發(fā)展, 平面設計逐漸延伸到網(wǎng)絡(luò ), 在這一背景下的平面設計具備效率高、圖文互動(dòng)強、信息資源豐富的優(yōu)點(diǎn), 賦予原有的平面視覺(jué)元素在網(wǎng)頁(yè)設計中的應用新的意義。目前, 構成網(wǎng)頁(yè)設計的圖形視覺(jué)元素主要包括文本元素、圖形元素和色彩元素。
(一) 文字元素
在網(wǎng)頁(yè)設計中, 文字元素起著(zhù)至關(guān)重要的作用, 它是向瀏覽者傳遞網(wǎng)頁(yè)信息的重要載體, 其地位是不可撼動(dòng)的。一般來(lái)說(shuō), 文本在很大程度上決定了整個(gè)網(wǎng)站的效果。在網(wǎng)頁(yè)設計中, 文字的易讀性和辨識性是非常重要的。因此, 設計師在使用手機文本時(shí)要謹慎。同時(shí), 在網(wǎng)頁(yè)設計中, 設計者必須牢固設置主體文本, 處理相關(guān)細節, 安排文本與圖形的交集。在當前的網(wǎng)頁(yè)設計階段, 文字變得越來(lái)越圖形化。換句話(huà)說(shuō), 文本作為一種圖形元素體現出來(lái), 增強了審美效果, 對原有功能起到了強化作用。
(二) 圖形元素
從客觀(guān)角度來(lái)說(shuō), 網(wǎng)頁(yè)的整體美感在很大程度上取決于圖形元素的應用, 因為和文字元素相比, 其具有較強的藝術(shù)美感和視覺(jué)沖擊力。除此之外, 它在傳遞信息方面也比文字元素要直接得多。然而, 為了充分發(fā)揮圖形元素的作用, 我們需要注意其色彩搭配和版面的布局, 需要適應人們的審美心理, 達到在短時(shí)間給人留下深刻印象的目的。一般來(lái)說(shuō), 網(wǎng)頁(yè)設計中的圖像具備導向和鏈接的功能。根據相關(guān)心理學(xué)研究, 在瀏覽網(wǎng)頁(yè)時(shí), 眼睛會(huì )先垂直落在屏幕的中心, 然后看四邊。
設計師在進(jìn)行網(wǎng)頁(yè)設計的時(shí)候, 往往會(huì )將重要的信息安排在注視點(diǎn)高的區域, 并且在這種情況下, 會(huì )根據視覺(jué)流程合理安排圖片的適度位置。我們在瀏覽圖片的時(shí)候會(huì )首先通過(guò)網(wǎng)絡(luò )下載, 也就是說(shuō), 網(wǎng)頁(yè)中的圖片受寬帶的限制, 在進(jìn)行網(wǎng)頁(yè)設計時(shí)設計者會(huì )盡可能地減少圖形文件量, 不過(guò)文件量越低, 圖片的分辨率就越低, 受眾的體驗比較差。針對這種情況, 設計者需要從實(shí)際情況出發(fā), 選擇最佳的圖形文件量。
(三) 色彩元素
在網(wǎng)頁(yè)設計過(guò)程中, 色彩的匹配會(huì )直接影響網(wǎng)站的整體風(fēng)格。色彩是設計中最重要的因素之一, 它以文字和圖形為基礎, 主要通過(guò)視覺(jué)沖擊作用于觀(guān)眾的心理。具體來(lái)說(shuō), 就是通過(guò)不同色彩給人們帶來(lái)不同的心理暗示, 比如黑色是沉穩、黃色是溫暖、紅色是官方, 等等。除此之外, 色彩的飽和度、明度及色調也會(huì )影響網(wǎng)頁(yè)的視覺(jué)效果。同時(shí), 需要強調的是, 網(wǎng)頁(yè)設計師在運用色彩元素的時(shí)候, 必須保證其符合國際色彩標準, 因為互聯(lián)網(wǎng)是建立在同一平臺上的, 盡量使用網(wǎng)頁(yè)安全的顏色, 禁止無(wú)節制地使用大量顏色。再者, 設計師還需要從網(wǎng)頁(yè)的實(shí)際情況出發(fā), 對色調和輔助色進(jìn)行調整, 保證整體的美觀(guān)度和舒適感, 同時(shí)符合網(wǎng)頁(yè)內容的主題。
平面視覺(jué)元素在網(wǎng)頁(yè)設計中的應用問(wèn)題
(一) 網(wǎng)頁(yè)版式設計應用上的問(wèn)題
就現階段來(lái)看, 我國一些企業(yè)在網(wǎng)站設計上, 過(guò)于追求商業(yè)價(jià)值, 這就使得網(wǎng)頁(yè)板式設計在應用平面視覺(jué)元素上缺乏藝術(shù)性和合理性。除此之外, 一些企業(yè)在做網(wǎng)頁(yè)的過(guò)程中, 要求設計師不斷豐富頁(yè)面內容, 進(jìn)一步導致簡(jiǎn)單羅列網(wǎng)頁(yè)版塊的現象出現, 影響網(wǎng)站信息質(zhì)量, 還會(huì )給人一種信息冗雜的感覺(jué)。
(二) 文字視覺(jué)元素應用上的問(wèn)題
從客觀(guān)角度來(lái)看, 中國的字體結構比較復雜, 在中國的網(wǎng)站設計中對中文字體格式的發(fā)展等方面存在一定的限制。在這種情況下, 一些網(wǎng)站在設計過(guò)程中會(huì )追求文字的視覺(jué)效果, 如現有的單詞下劃線(xiàn)的鏈接, 這不是大問(wèn)題, 但是設計師往往忽略字體間距, 進(jìn)一步使頁(yè)面發(fā)生擁堵, 很容易引起客人的反感。此外, 國內一些網(wǎng)站在設計過(guò)程中缺乏對頁(yè)面整潔和模塊區域的考慮, 出現加大字體等錯誤的文字用法。
(三) 網(wǎng)頁(yè)圖片設計方面存在的問(wèn)題
網(wǎng)頁(yè)平面設計不合理主要表現在兩個(gè)方面:一方面, 圖像大小問(wèn)題, 一些設計師在文本格式的應用程序中, 沒(méi)有更大的圖片, 導致整個(gè)頁(yè)面的效果缺乏細節、豐滿(mǎn), 或只是沒(méi)有更大的圖片, 進(jìn)一步紊亂, 難以突出關(guān)鍵信息。另一方面, 圖像的位置、面積、數量和分辨率將直接影響觀(guān)眾的視覺(jué)感知或信息的缺乏。因此, 布局設計不當容易導致視覺(jué)信息的錯誤引導。
(四) 網(wǎng)頁(yè)色彩布置上存在的問(wèn)題
在網(wǎng)頁(yè)設計中, 常常會(huì )出現色彩布置的問(wèn)題, 比如整體色彩不協(xié)調、內在美感不明顯, 等等。除此之外, 還存在色彩的視覺(jué)效果沖擊干擾人們?yōu)g覽頁(yè)面的情況, 舉個(gè)例子來(lái)說(shuō), 當網(wǎng)頁(yè)使用帶有豐富色彩的圖片作為背景的時(shí)候, 就會(huì )對人們的視覺(jué)產(chǎn)生沖擊, 進(jìn)一步引起他們的閱讀疲勞。還有網(wǎng)站整體色彩和信息不搭配, 比如慶祝新年的時(shí)候, 有的網(wǎng)站仍然將藍色、黑色等作為主題顏色, 不符合內容信息所體現的情緒。
網(wǎng)頁(yè)設計中的平面視覺(jué)元素應用要求
(一) 網(wǎng)頁(yè)版式設計方面
在網(wǎng)頁(yè)設計中, 網(wǎng)頁(yè)板式的設計是十分重要的環(huán)節, 如果沒(méi)有合理有效的排版, 那么平面視覺(jué)元素應用得再好也無(wú)濟于事, 傳遞的信息再有質(zhì)量也難以得到瀏覽者的深入了解。因此, 那些過(guò)于追求網(wǎng)頁(yè)商業(yè)價(jià)值的企業(yè), 必須更新觀(guān)念, 重視網(wǎng)頁(yè)的美觀(guān)性和各方面元素的合理配置, 這樣才能取得良好的實(shí)效。首先, 設計者應該從讀者的角度出發(fā), 設計出方便讀者瀏覽的版面, 還要考慮網(wǎng)頁(yè)信息的重點(diǎn), 并將其放在合理位置, 這樣不僅能夠給讀者好的視覺(jué)感受, 還能有效傳遞信息。
(二) 文字視覺(jué)元素應用方面
在網(wǎng)頁(yè)設計中, 文字元素占據著(zhù)十分重要的地位, 它是向瀏覽者傳遞網(wǎng)站信息的主要載體, 其地位是難以被其他因素所取代的, 比如圖片和視頻。因此, 文本設計的質(zhì)量在很大程度上決定了整個(gè)網(wǎng)站的視覺(jué)效果。在這種情況下, 設計者可以從實(shí)際需求出發(fā), 將表達內心的情感作為根本目的, 進(jìn)行適當的人性化設計, 鑒于目前Web客戶(hù)機種類(lèi)較多, 漢字字體的局限性、設計和開(kāi)發(fā), 在設計過(guò)程中, 設計師或使用默認字體, 進(jìn)一步提高設計效率和讀者瀏覽效率。
(三) 網(wǎng)頁(yè)圖形圖像應用方面
隨著(zhù)互聯(lián)網(wǎng)的發(fā)展, 人們更傾向于從圖片中獲取想要的信息, 在網(wǎng)頁(yè)設計中, 圖像起著(zhù)十分關(guān)鍵的作用。經(jīng)典的圖形圖像設計, 不僅僅是視覺(jué)效果的準確和豐富, 而且是網(wǎng)站主題內容的表現。設計者需要在保證頁(yè)面效果的同時(shí), 還要讓瀏覽更方便地閱讀。比如在分辨率問(wèn)題上, 設計者可以將那些沒(méi)有特殊要求的圖片定位在多常用的分辨率層面上, 以此解決終端顯示器分辨率帶來(lái)的局限性問(wèn)題。
(四) 色彩視覺(jué)元素應用方面
在平面視覺(jué)元素中, 對瀏覽者視覺(jué)影響最大的是色彩元素。在通常情況下, 一個(gè)優(yōu)秀的網(wǎng)站會(huì )在網(wǎng)頁(yè)設計中合理運用色彩符號, 以此給瀏覽者和諧寬松的視覺(jué)效果, 激發(fā)他們的閱讀興趣。因此, 在進(jìn)行網(wǎng)頁(yè)設計的過(guò)程中, 設計師要重視色彩的搭配, 提高裝修的價(jià)值程度, 依據整體和諧的原則運用色彩。
比如在網(wǎng)頁(yè)的局部對比方面, 設計師可以采用一些暖色和冷色, 這樣能夠有效強化其記憶效果。同時(shí), 在主色和輔助色的選擇上, 設計者需要從網(wǎng)頁(yè)的內容信息出發(fā), 搭配與其體現的情緒相符合的色彩。
平面視覺(jué)元素在網(wǎng)頁(yè)設計中新的發(fā)展方向
從理論上來(lái)說(shuō), 平面視覺(jué)元素在網(wǎng)頁(yè)設計中的應用其實(shí)相當于對傳統平面設計的延伸。二者設計的目的都是一樣的, 即傳遞信息和審美。同時(shí), 網(wǎng)頁(yè)設計和傳統設計的視覺(jué)構成元素也是一樣的, 無(wú)外乎圖形、文字及色彩這三種。從平面設計的范疇看, 網(wǎng)頁(yè)設計的不同在于它打破了傳統二維靜態(tài)空間的限制, 實(shí)現了動(dòng)態(tài)信息的傳遞, 增強了與人們之間的交互性, 正因為如此, 才使得網(wǎng)頁(yè)設計成了一個(gè)嶄新的且前景廣闊的設計領(lǐng)域。同時(shí), 信息時(shí)代的到來(lái)為網(wǎng)頁(yè)設計提供了良好的發(fā)展條件。對于人們來(lái)說(shuō), 視覺(jué)元素的動(dòng)態(tài)表達和交互性在很大程度上滿(mǎn)足了他們的需求, 大大提高了他們的瀏覽興趣。另外, 若從未來(lái)發(fā)展方向看, 平面視覺(jué)元素在網(wǎng)頁(yè)設計中將朝以下兩方面發(fā)展:
(一) 交互元素
由于網(wǎng)絡(luò )技術(shù)的不斷發(fā)展, 網(wǎng)頁(yè)方面的技術(shù)不斷發(fā)展, 由于平面設計中視覺(jué)元素逐漸由原本的二維空間變成多維空間的轉變, 為了適應網(wǎng)頁(yè)這一新媒體的逐漸發(fā)展, 交互元素應運而生。就現階段來(lái)看, 交互技術(shù)呈現出良好且迅速的發(fā)展趨勢, 這會(huì )在很大程度上增強網(wǎng)頁(yè)交互設計的互動(dòng)性, 也會(huì )豐富網(wǎng)頁(yè)互動(dòng)的形式與內容, 進(jìn)一步激發(fā)人們的瀏覽興趣?？梢哉f(shuō), 這是網(wǎng)頁(yè)交互動(dòng)畫(huà)設計的一個(gè)發(fā)展方向。除此之外, 在形式上, 有更多的互動(dòng)種類(lèi), 比如以聲音和視覺(jué)控制的互動(dòng)形式的, 等等, 具體來(lái)說(shuō)就是網(wǎng)頁(yè)設計在運用平面視覺(jué)元素的過(guò)程中, 將會(huì )采用多種形式讓瀏覽者和計算機交互, 并且保證瀏覽方式的個(gè)性化, 以此滿(mǎn)足不同群體的瀏覽需求, 進(jìn)一步為人機交互帶來(lái)更大的便利。此外, 在內容上, 網(wǎng)頁(yè)設計將朝著(zhù)更豐富、更有個(gè)性的方向發(fā)展, 通過(guò)運用平面視覺(jué)元素, 讓交互的內容涉及網(wǎng)絡(luò )的方方面面, 促進(jìn)人們和虛擬世界自然互動(dòng), 給人們帶來(lái)輕松、個(gè)性的娛樂(lè )感受。
(二) 動(dòng)態(tài)因素
在網(wǎng)頁(yè)設計中, 動(dòng)畫(huà)、視頻屬于最活躍且最生動(dòng)的因素, 它能夠將網(wǎng)頁(yè)的信息直觀(guān)傳遞給人們, 增加對人們的視覺(jué)沖擊, 促進(jìn)人與人之間的溝通和互動(dòng)。除此之外, 動(dòng)畫(huà)及視頻元素的運用還能夠有效豐富網(wǎng)頁(yè)信息內容, 帶給人們視聽(tīng)享受。如今, 各種媒體媒介層出不窮, 對動(dòng)畫(huà)元素的應用越來(lái)越成熟, 從心理上來(lái)說(shuō), 動(dòng)畫(huà)元素適應人們的感官體驗, 且極具親和力, 屬于對受眾視覺(jué)和心理上的一種調劑, 能進(jìn)一步增強他們的愉悅感, 賦予瀏覽者更廣闊的想象空間?？偠灾? 隨著(zhù)多媒體技術(shù)的不斷發(fā)展, 人們對網(wǎng)頁(yè)交互元素、動(dòng)態(tài)元素有了更深入的認識, 這要求網(wǎng)頁(yè)設計在未來(lái)發(fā)展中朝著(zhù)多元化方向發(fā)展, 即除了傳統三個(gè)平面視覺(jué)元素之外, 加強對交互元素和動(dòng)態(tài)的元素的成熟運用, 進(jìn)一步增加瀏覽者的感官體驗, 有效傳遞網(wǎng)頁(yè)信息。