【網(wǎng)站設(shè)計論文】視覺元素在網(wǎng)頁設(shè)計的應(yīng)用

《【網(wǎng)站設(shè)計論文】視覺元素在網(wǎng)頁設(shè)計的應(yīng)用》由會員分享，可在線閱讀，更多相關(guān)《【網(wǎng)站設(shè)計論文】視覺元素在網(wǎng)頁設(shè)計的應(yīng)用（4頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、【網(wǎng)站設(shè)計論文】視覺元素在網(wǎng)頁設(shè)計的應(yīng)用 視覺元素；網(wǎng)頁設(shè)計；用戶體驗 1.視覺元素在網(wǎng)頁設(shè)計中的基本原則 視覺元素作為一種可視化的表達(dá)，可以看成是視覺對象的中心集合點。視覺元素也是人在接受信息傳遞時的一種媒介，也可以看作是一種符號或詞組的某種表達(dá)。在網(wǎng)站設(shè)計中，通過視覺元素可以讓瀏覽者和用戶快速來感知不同動態(tài)和靜態(tài)的各類信息。同時，視覺元素具有一定的聯(lián)想功能，可以讓瀏覽者和用戶通過圖形視覺化，產(chǎn)生對網(wǎng)站內(nèi)容的期待和想象，從而促進網(wǎng)頁設(shè)計的主題信息表達(dá)。在網(wǎng)頁設(shè)計中應(yīng)該遵循以下幾點原則： 1.1圖形信息化原則 視覺元素雖然

2、蘊含了各類信息的傳遞，但是卻并不能直接的表達(dá)。通過視覺元素的信息表達(dá)必須要通過一定數(shù)量的圖形元素、文字或形狀等內(nèi)容組合而成，有一些圖形是抽象的，有一些圖形是具象的。在不同類型的圖形當(dāng)中，要根據(jù)圖形的特點來進行設(shè)計，在設(shè)計中必須注意點線面的綜合運用，以圖形信息化為原則，整合形態(tài)來進行網(wǎng)頁設(shè)計。 1.2組織關(guān)系化原則 網(wǎng)頁中視覺元素的重疊、多樣化可以看做是各種圖形素材的累積。但是，在網(wǎng)頁設(shè)計中并不是素材越多越好。相反，有趣的元素相互搭配組合，才是網(wǎng)頁設(shè)計中視覺圖形所需要突出的重點，在設(shè)計中需要找出能夠吸引用戶和瀏覽者的關(guān)鍵點元素，突出網(wǎng)站與瀏覽者之間的平衡關(guān)系，網(wǎng)頁

3、主題才可以清晰化表達(dá)。因此，在設(shè)計中要充分把握元素之間的組織關(guān)系，具體表現(xiàn)在圖形與素材的關(guān)系梳理，即找出圖形中的重點與關(guān)鍵點。 1.3色彩統(tǒng)一化原則 網(wǎng)頁設(shè)計中的色彩是非常重要的環(huán)節(jié)之一，人是視覺動物，總是喜歡看到自己感興趣的顏色，色彩搭配直接影響到瀏覽者和用戶的喜愛與反感。視覺元素的色彩種類主要有引導(dǎo)性色彩、標(biāo)識性色彩、功能區(qū)分色彩、識別性色彩四大類。其中，引導(dǎo)性色彩主要起到了引導(dǎo)瀏覽者操作與閱讀的作用，標(biāo)識性色彩體現(xiàn)在瀏覽者對于網(wǎng)站品牌的認(rèn)知性，功能區(qū)分色彩主要是引導(dǎo)瀏覽者對于網(wǎng)站功能使用的作用。而識別性色彩則起到了網(wǎng)站品牌的特色主題表達(dá)，例如瀏覽者在網(wǎng)站看

4、到類似的顏色搭配就知道是網(wǎng)站的主題風(fēng)格等等。在網(wǎng)頁設(shè)計中盡管視覺元素的色彩種類不同，但在設(shè)計中應(yīng)該盡可能的統(tǒng)一化色彩搭配，其目的主要是為了強調(diào)網(wǎng)頁設(shè)計中的獨特性，為瀏覽者提供一個舒適的瀏覽體驗以及審美需求。 2.網(wǎng)頁設(shè)計中需要注意的事項 在網(wǎng)頁設(shè)計中，將最有效的信息高效率的傳遞給瀏覽者才是設(shè)計表達(dá)的核心。在網(wǎng)頁瀏覽的過程當(dāng)中，用戶體驗應(yīng)該放在設(shè)計中的第一位，視覺元素的最大作用是服務(wù)于網(wǎng)頁設(shè)計，給瀏覽者一個完整舒適的瀏覽體驗。設(shè)計從來都不是一個簡易的圖形或文字組合，應(yīng)該是整體的網(wǎng)站設(shè)計風(fēng)格體現(xiàn)，這種體現(xiàn)是標(biāo)準(zhǔn)的視覺符號所呈現(xiàn)出來的。根據(jù)以往的經(jīng)驗，在設(shè)計中需要注意

5、以下幾點事項： 2.1有效管理視覺配色 視覺配色應(yīng)該是科學(xué)有效的，配色講究有根有據(jù)，而不是簡單的色彩好看就單單完成。在進行網(wǎng)站視覺配色之前必須要進行用戶調(diào)研，考察用戶對于網(wǎng)站的使用需求以及網(wǎng)站的主體內(nèi)容，根據(jù)需求和內(nèi)容來完成網(wǎng)頁設(shè)計配色，從而讓瀏覽者賞心悅目的瀏覽網(wǎng)頁。 2.2規(guī)范設(shè)計排版范式 網(wǎng)頁設(shè)計中，存在排版錯亂、標(biāo)識不清、主題表達(dá)不明晰的情況，往往是沒有很好的把網(wǎng)頁各個功能進行從上到下的梳理。清晰的網(wǎng)頁設(shè)計中，必須要規(guī)范設(shè)計排版范式，尤其是系列網(wǎng)站設(shè)計，一定要按照網(wǎng)站主題的分類、特性、相關(guān)性進行排版，排版時應(yīng)該突出重點和主

6、題點，標(biāo)題與文字圖形之間要相互協(xié)調(diào)。在排版的同時還需要考慮到用戶引導(dǎo)性，設(shè)計排版的上下層級關(guān)系一定要明確。 2.3Tab標(biāo)簽信息精簡 Tab標(biāo)簽作為網(wǎng)頁設(shè)計中不可缺少的一部分內(nèi)容，無論是在靜態(tài)網(wǎng)頁設(shè)計還是動態(tài)的網(wǎng)頁設(shè)計中都需要注意，特別是Tab標(biāo)簽的視覺元素應(yīng)該進行整齊一致的劃分。標(biāo)簽區(qū)和內(nèi)容區(qū)的圖形、背景色、文字應(yīng)該各自具有一定的辨識度，需要考慮標(biāo)簽區(qū)的文字之間有無相關(guān)聯(lián)系性。標(biāo)簽元素的設(shè)計可以是一個系列或包含關(guān)系，呈現(xiàn)出的效果應(yīng)該是完整而統(tǒng)一的，避免分散引起瀏覽者對于網(wǎng)頁呈現(xiàn)信息的疑惑，標(biāo)簽主題文字應(yīng)該精簡凝練。 3.以電子商務(wù)網(wǎng)頁設(shè)計中的應(yīng)

7、用為例 隨著人們的消費升級觀念提升，電子商務(wù)發(fā)展迅猛，以“淘寶網(wǎng)”、“京東商城”為首的電子商務(wù)網(wǎng)頁所呈現(xiàn)出的視覺效果不斷沖擊著消費者，促進了消費者的購買欲，而這些電子商務(wù)網(wǎng)站之所以大賣的原因，很大程度上是由于視覺效果的呈現(xiàn)吸引用戶來瀏覽網(wǎng)站，從而購買商品。在電子商務(wù)網(wǎng)頁設(shè)計中，首先應(yīng)該對整個市場進行消費者調(diào)研，了解市場的需求，消費者的喜好，從而定義不同的電子商務(wù)網(wǎng)頁設(shè)計風(fēng)格。電子商務(wù)網(wǎng)頁設(shè)計中，視覺元素中的抽象圖形、具象素材、顏色搭配、文字排版應(yīng)該充分考慮到瀏覽者在觀看網(wǎng)頁時的直觀感受和心理活動，而不是千篇一律的素材堆砌和盲目的進行網(wǎng)頁設(shè)計。以“淘寶網(wǎng)”各類商品網(wǎng)頁設(shè)計為例，在

8、購物時網(wǎng)頁主題非常明確，網(wǎng)站的標(biāo)題、排版清晰明了，在左下角會很貼心的彈出最佳商品，或同類型商品進行對比；在設(shè)計布局分類中，淘寶網(wǎng)的布局采用了“國”局，一般最上面是網(wǎng)站的標(biāo)題，左右分配各類型小條內(nèi)容，中間則是主要的產(chǎn)品信息，用來引導(dǎo)消費者去仔細(xì)瀏覽。在瀏覽者購物過程中，數(shù)字和標(biāo)題以及關(guān)鍵字的顏色進行了區(qū)分，視覺元素的圖形化表現(xiàn)非常清晰，可以讓瀏覽者快速進行篩選，從而選到自己滿意的商品。在研究“淘寶網(wǎng)”網(wǎng)頁設(shè)計中還發(fā)現(xiàn)了網(wǎng)頁的引導(dǎo)性功能，“淘寶網(wǎng)”利用視覺元素從顏色、標(biāo)題文字、標(biāo)簽等方面影響瀏覽者的交互體驗，從而產(chǎn)生了“引流”效果，優(yōu)秀的電子商務(wù)網(wǎng)頁設(shè)計就是根據(jù)瀏覽者的瀏覽習(xí)慣、瀏覽操作等特點來進

9、行具體設(shè)計的。 4.結(jié)語 視覺元素影響著網(wǎng)頁設(shè)計的風(fēng)格呈現(xiàn)與主題表達(dá)，在網(wǎng)頁設(shè)計中設(shè)計師應(yīng)該遵循圖形信息化、組織關(guān)系化、色彩統(tǒng)一化的原則。在設(shè)計過程中特別要注意管理配色方式、排版范式、Tab標(biāo)簽信息精簡化，可以使瀏覽者在瀏覽過程中更加愉悅和舒適，網(wǎng)頁設(shè)計應(yīng)該以用戶引導(dǎo)性為原則，始終把用戶體驗放在首位，遵循用戶調(diào)研結(jié)論來進行設(shè)計，使網(wǎng)頁呈現(xiàn)給瀏覽者一個良好的印象，從而進一步提高網(wǎng)站的訪問量。 參考文獻： [1]馮浩煜.電商網(wǎng)頁界面視覺設(shè)計元素解析[J].科技視界,2018(01):159-160. [2]徐巍.用戶體驗在電商網(wǎng)頁設(shè)計中的研究——以淘寶網(wǎng)為例[J].現(xiàn)代經(jīng)濟信息,2016(23):327.