国产日韩欧美一区二区三区三州_亚洲少妇熟女av_久久久久亚洲av国产精品_波多野结衣网站一区二区_亚洲欧美色片在线91_国产亚洲精品精品国产优播av_日本一区二区三区波多野结衣 _久久国产av不卡

?

視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用與研究

2019-09-10 09:57孫聰妮
衛(wèi)星電視與寬帶多媒體 2019年19期
關(guān)鍵詞:視覺(jué)元素網(wǎng)頁(yè)設(shè)計(jì)用戶體驗(yàn)

【摘要】視覺(jué)元素作為一種設(shè)計(jì)的要素來(lái)源,在網(wǎng)頁(yè)設(shè)計(jì)中的作用不言而喻。以視覺(jué)元素為主的網(wǎng)頁(yè)設(shè)計(jì)凸顯其自身的網(wǎng)站功能特色,通過(guò)元素來(lái)突出網(wǎng)頁(yè)中的主題、色彩、文字、以及潛在的價(jià)值特性,具有吸引消費(fèi)者和用戶的強(qiáng)大功能。本文主要分析了視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的基本原則,對(duì)于網(wǎng)頁(yè)中視覺(jué)元素的選擇與應(yīng)用提出了設(shè)計(jì)觀點(diǎn),同時(shí)并舉例以電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)中的視覺(jué)元素進(jìn)行了研究,結(jié)論表明在滿足網(wǎng)頁(yè)使用功能的同時(shí),視覺(jué)元素必須要以用戶引導(dǎo)性為原則進(jìn)行設(shè)計(jì),從而更好的讓設(shè)計(jì)服務(wù)于用戶體驗(yàn)。

【關(guān)鍵詞】視覺(jué)元素;網(wǎng)頁(yè)設(shè)計(jì);用戶體驗(yàn)

互聯(lián)網(wǎng)時(shí)代下,各類型的網(wǎng)站設(shè)計(jì)花樣繁多。不同網(wǎng)站的設(shè)計(jì)風(fēng)格所表現(xiàn)的網(wǎng)站主題、內(nèi)容有所差別,網(wǎng)站的設(shè)計(jì)風(fēng)格決定了一個(gè)網(wǎng)站最初的主題呈現(xiàn)與功能展示。隨著電商行業(yè)的迅猛發(fā)展,也間接性的加快了網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的多樣化。普通的網(wǎng)頁(yè)設(shè)計(jì)效果難以滿足用戶對(duì)于網(wǎng)頁(yè)所顯示出的各類信息是否傳遞到位。例如網(wǎng)站內(nèi)容的主題表達(dá)、色彩搭配、以及信息傳遞的過(guò)程當(dāng)中,有太多同類化的網(wǎng)頁(yè)設(shè)計(jì),導(dǎo)致無(wú)法吸引用戶和瀏覽者的眼球,沒(méi)有達(dá)到真正的網(wǎng)頁(yè)設(shè)計(jì)“引流”效果。

好的網(wǎng)頁(yè)設(shè)計(jì)不僅傳遞出正確的網(wǎng)站主題信息與內(nèi)容,還可以從網(wǎng)頁(yè)色彩搭配、標(biāo)題文字設(shè)計(jì)、文化傳遞表達(dá)中為網(wǎng)站的功能多元化進(jìn)行二次補(bǔ)充,使用戶和瀏覽者在觀看網(wǎng)頁(yè)的同時(shí)明確網(wǎng)站主題,獲取正確的信息,從而架起網(wǎng)站和用戶之間的橋梁。

1. 視覺(jué)元素在網(wǎng)頁(yè)設(shè)計(jì)中的基本原則

視覺(jué)元素作為一種可視化的表達(dá),可以看成是視覺(jué)對(duì)象的中心集合點(diǎn)。視覺(jué)元素也是人在接受信息傳遞時(shí)的一種媒介,也可以看作是一種符號(hào)或詞組的某種表達(dá)。在網(wǎng)站設(shè)計(jì)中,通過(guò)視覺(jué)元素可以讓瀏覽者和用戶快速來(lái)感知不同動(dòng)態(tài)和靜態(tài)的各類信息。同時(shí),視覺(jué)元素具有一定的聯(lián)想功能,可以讓瀏覽者和用戶通過(guò)圖形視覺(jué)化,產(chǎn)生對(duì)網(wǎng)站內(nèi)容的期待和想象,從而促進(jìn)網(wǎng)頁(yè)設(shè)計(jì)的主題信息表達(dá)。在網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)該遵循以下幾點(diǎn)原則:

1.1 圖形信息化原則

視覺(jué)元素雖然蘊(yùn)含了各類信息的傳遞,但是卻并不能直接的表達(dá)。通過(guò)視覺(jué)元素的信息表達(dá)必須要通過(guò)一定數(shù)量的圖形元素、文字或形狀等內(nèi)容組合而成,有一些圖形是抽象的,有一些圖形是具象的。在不同類型的圖形當(dāng)中,要根據(jù)圖形的特點(diǎn)來(lái)進(jìn)行設(shè)計(jì),在設(shè)計(jì)中必須注意點(diǎn)線面的綜合運(yùn)用,以圖形信息化為原則,整合形態(tài)來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。

1.2 組織關(guān)系化原則

網(wǎng)頁(yè)中視覺(jué)元素的重疊、多樣化可以看做是各種圖形素材的累積。但是,在網(wǎng)頁(yè)設(shè)計(jì)中并不是素材越多越好。相反,有趣的元素相互搭配組合,才是網(wǎng)頁(yè)設(shè)計(jì)中視覺(jué)圖形所需要突出的重點(diǎn),在設(shè)計(jì)中需要找出能夠吸引用戶和瀏覽者的關(guān)鍵點(diǎn)元素,突出網(wǎng)站與瀏覽者之間的平衡關(guān)系,網(wǎng)頁(yè)主題才可以清晰化表達(dá)。因此,在設(shè)計(jì)中要充分把握元素之間的組織關(guān)系,具體表現(xiàn)在圖形與素材的關(guān)系梳理,即找出圖形中的重點(diǎn)與關(guān)鍵點(diǎn)。

1.3 色彩統(tǒng)一化原則

網(wǎng)頁(yè)設(shè)計(jì)中的色彩是非常重要的環(huán)節(jié)之一,人是視覺(jué)動(dòng)物,總是喜歡看到自己感興趣的顏色,色彩搭配直接影響到瀏覽者和用戶的喜愛(ài)與反感。視覺(jué)元素的色彩種類主要有引導(dǎo)性色彩、標(biāo)識(shí)性色彩、功能區(qū)分色彩、識(shí)別性色彩四大類。其中,引導(dǎo)性色彩主要起到了引導(dǎo)瀏覽者操作與閱讀的作用,標(biāo)識(shí)性色彩體現(xiàn)在瀏覽者對(duì)于網(wǎng)站品牌的認(rèn)知性,功能區(qū)分色彩主要是引導(dǎo)瀏覽者對(duì)于網(wǎng)站功能使用的作用。而識(shí)別性色彩則起到了網(wǎng)站品牌的特色主題表達(dá),例如瀏覽者在網(wǎng)站看到類似的顏色搭配就知道是網(wǎng)站的主題風(fēng)格等等。在網(wǎng)頁(yè)設(shè)計(jì)中盡管視覺(jué)元素的色彩種類不同,但在設(shè)計(jì)中應(yīng)該盡可能的統(tǒng)一化色彩搭配,其目的主要是為了強(qiáng)調(diào)網(wǎng)頁(yè)設(shè)計(jì)中的獨(dú)特性,為瀏覽者提供一個(gè)舒適的瀏覽體驗(yàn)以及審美需求。

2. 網(wǎng)頁(yè)設(shè)計(jì)中需要注意的事項(xiàng)

在網(wǎng)頁(yè)設(shè)計(jì)中,將最有效的信息高效率的傳遞給瀏覽者才是設(shè)計(jì)表達(dá)的核心。在網(wǎng)頁(yè)瀏覽的過(guò)程當(dāng)中,用戶體驗(yàn)應(yīng)該放在設(shè)計(jì)中的第一位,視覺(jué)元素的最大作用是服務(wù)于網(wǎng)頁(yè)設(shè)計(jì),給瀏覽者一個(gè)完整舒適的瀏覽體驗(yàn)。設(shè)計(jì)從來(lái)都不是一個(gè)簡(jiǎn)易的圖形或文字組合,應(yīng)該是整體的網(wǎng)站設(shè)計(jì)風(fēng)格體現(xiàn),這種體現(xiàn)是標(biāo)準(zhǔn)的視覺(jué)符號(hào)所呈現(xiàn)出來(lái)的。根據(jù)以往的經(jīng)驗(yàn),在設(shè)計(jì)中需要注意以下幾點(diǎn)事項(xiàng):

2.1 有效管理視覺(jué)配色

視覺(jué)配色應(yīng)該是科學(xué)有效的,配色講究有根有據(jù),而不是簡(jiǎn)單的色彩好看就單單完成。在進(jìn)行網(wǎng)站視覺(jué)配色之前必須要進(jìn)行用戶調(diào)研,考察用戶對(duì)于網(wǎng)站的使用需求以及網(wǎng)站的主體內(nèi)容,根據(jù)需求和內(nèi)容來(lái)完成網(wǎng)頁(yè)設(shè)計(jì)配色,從而讓瀏覽者賞心悅目的瀏覽網(wǎng)頁(yè)。

2.2 規(guī)范設(shè)計(jì)排版范式

網(wǎng)頁(yè)設(shè)計(jì)中,存在排版錯(cuò)亂、標(biāo)識(shí)不清、主題表達(dá)不明晰的情況,往往是沒(méi)有很好的把網(wǎng)頁(yè)各個(gè)功能進(jìn)行從上到下的梳理。清晰的網(wǎng)頁(yè)設(shè)計(jì)中,必須要規(guī)范設(shè)計(jì)排版范式,尤其是系列網(wǎng)站設(shè)計(jì),一定要按照網(wǎng)站主題的分類、特性、相關(guān)性進(jìn)行排版,排版時(shí)應(yīng)該突出重點(diǎn)和主題點(diǎn),標(biāo)題與文字圖形之間要相互協(xié)調(diào)。在排版的同時(shí)還需要考慮到用戶引導(dǎo)性,設(shè)計(jì)排版的上下層級(jí)關(guān)系一定要明確。

2.3 Tab標(biāo)簽信息精簡(jiǎn)

Tab標(biāo)簽作為網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的一部分內(nèi)容,無(wú)論是在靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)還是動(dòng)態(tài)的網(wǎng)頁(yè)設(shè)計(jì)中都需要注意,特別是Tab標(biāo)簽的視覺(jué)元素應(yīng)該進(jìn)行整齊一致的劃分。標(biāo)簽區(qū)和內(nèi)容區(qū)的圖形、背景色、文字應(yīng)該各自具有一定的辨識(shí)度,需要考慮標(biāo)簽區(qū)的文字之間有無(wú)相關(guān)聯(lián)系性。標(biāo)簽元素的設(shè)計(jì)可以是一個(gè)系列或包含關(guān)系,呈現(xiàn)出的效果應(yīng)該是完整而統(tǒng)一的,避免分散引起瀏覽者對(duì)于網(wǎng)頁(yè)呈現(xiàn)信息的疑惑,標(biāo)簽主題文字應(yīng)該精簡(jiǎn)凝練。

3. 以電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用為例

隨著人們的消費(fèi)升級(jí)觀念提升,電子商務(wù)發(fā)展迅猛,以“淘寶網(wǎng)”、“京東商城”為首的電子商務(wù)網(wǎng)頁(yè)所呈現(xiàn)出的視覺(jué)效果不斷沖擊著消費(fèi)者,促進(jìn)了消費(fèi)者的購(gòu)買欲,而這些電子商務(wù)網(wǎng)站之所以大賣的原因,很大程度上是由于視覺(jué)效果的呈現(xiàn)吸引用戶來(lái)瀏覽網(wǎng)站,從而購(gòu)買商品。

在電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)中,首先應(yīng)該對(duì)整個(gè)市場(chǎng)進(jìn)行消費(fèi)者調(diào)研,了解市場(chǎng)的需求,消費(fèi)者的喜好,從而定義不同的電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格。電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)中,視覺(jué)元素中的抽象圖形、具象素材、顏色搭配、文字排版應(yīng)該充分考慮到瀏覽者在觀看網(wǎng)頁(yè)時(shí)的直觀感受和心理活動(dòng),而不是千篇一律的素材堆砌和盲目的進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。

以“淘寶網(wǎng)”各類商品網(wǎng)頁(yè)設(shè)計(jì)為例,在購(gòu)物時(shí)網(wǎng)頁(yè)主題非常明確,網(wǎng)站的標(biāo)題、排版清晰明了,在左下角會(huì)很貼心的彈出最佳商品,或同類型商品進(jìn)行對(duì)比;在設(shè)計(jì)布局分類中,淘寶網(wǎng)的布局采用了“國(guó)”局,一般最上面是網(wǎng)站的標(biāo)題,左右分配各類型小條內(nèi)容,中間則是主要的產(chǎn)品信息,用來(lái)引導(dǎo)消費(fèi)者去仔細(xì)瀏覽。在瀏覽者購(gòu)物過(guò)程中,數(shù)字和標(biāo)題以及關(guān)鍵字的顏色進(jìn)行了區(qū)分,視覺(jué)元素的圖形化表現(xiàn)非常清晰,可以讓瀏覽者快速進(jìn)行篩選,從而選到自己滿意的商品。

在研究“淘寶網(wǎng)”網(wǎng)頁(yè)設(shè)計(jì)中還發(fā)現(xiàn)了網(wǎng)頁(yè)的引導(dǎo)性功能,“淘寶網(wǎng)”利用視覺(jué)元素從顏色、標(biāo)題文字、標(biāo)簽等方面影響瀏覽者的交互體驗(yàn),從而產(chǎn)生了“引流”效果,優(yōu)秀的電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)就是根據(jù)瀏覽者的瀏覽習(xí)慣、瀏覽操作等特點(diǎn)來(lái)進(jìn)行具體設(shè)計(jì)的。

4. 結(jié)語(yǔ)

視覺(jué)元素影響著網(wǎng)頁(yè)設(shè)計(jì)的風(fēng)格呈現(xiàn)與主題表達(dá),在網(wǎng)頁(yè)設(shè)計(jì)中設(shè)計(jì)師應(yīng)該遵循圖形信息化、組織關(guān)系化、色彩統(tǒng)一化的原則。在設(shè)計(jì)過(guò)程中特別要注意管理配色方式、排版范式、Tab標(biāo)簽信息精簡(jiǎn)化,可以使瀏覽者在瀏覽過(guò)程中更加愉悅和舒適,網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該以用戶引導(dǎo)性為原則,始終把用戶體驗(yàn)放在首位,遵循用戶調(diào)研結(jié)論來(lái)進(jìn)行設(shè)計(jì),使網(wǎng)頁(yè)呈現(xiàn)給瀏覽者一個(gè)良好的印象,從而進(jìn)一步提高網(wǎng)站的訪問(wèn)量。

參考文獻(xiàn):

[1] 馮浩煜.電商網(wǎng)頁(yè)界面視覺(jué)設(shè)計(jì)元素解析[J].科技視界,2018(01):159-160.

[2] 徐巍.用戶體驗(yàn)在電商網(wǎng)頁(yè)設(shè)計(jì)中的研究——以淘寶網(wǎng)為例[J].現(xiàn)代經(jīng)濟(jì)信息,2016(23):327.

作者簡(jiǎn)介:孫聰妮,(1985.2—),女,漢族,陜西咸陽(yáng)人,陜西郵電職業(yè)技術(shù)學(xué)院管理系講師。研究方向:圖像處理,網(wǎng)頁(yè)制作,數(shù)據(jù)分析。

猜你喜歡
視覺(jué)元素網(wǎng)頁(yè)設(shè)計(jì)用戶體驗(yàn)
品牌包裝設(shè)計(jì)的視覺(jué)要素建構(gòu)探析
探析“蘇式”景觀設(shè)計(jì)師養(yǎng)成
現(xiàn)代展示場(chǎng)景設(shè)計(jì)中視覺(jué)元素的應(yīng)用研究
對(duì)技工院校網(wǎng)頁(yè)設(shè)計(jì)課程建設(shè)的思考
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的創(chuàng)新探索
談?dòng)?jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)中的布局
手機(jī)閱讀平臺(tái)用戶體驗(yàn)影響因子分析
淺談?dòng)脩趔w驗(yàn)在產(chǎn)品設(shè)計(jì)中的運(yùn)用
少數(shù)民族文化藝術(shù)元素在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用探討
唯品會(huì)的品牌塑造研究
田东县| 嘉鱼县| 迭部县| 肃南| 海南省| 城口县| 巴彦县| 拉萨市| 定南县| 清河县| 叙永县| 商南县| 汾阳市| 福鼎市| 江永县| 蓝田县| 玉龙| 盐山县| 龙南县| 岳阳县| 十堰市| 乐昌市| 临澧县| 南康市| 唐山市| 沾益县| 荔波县| 新田县| 庆元县| 沙河市| 北流市| 米易县| 武乡县| 张家界市| 太湖县| 三台县| 哈巴河县| 麻城市| 资阳市| 榆中县| 额济纳旗|