王歡

【摘要】： 近年來(lái)，互聯(lián)網(wǎng)技術(shù)發(fā)展迅猛，網(wǎng)絡(luò)應(yīng)用已經(jīng)遍布于人們生活的各個(gè)方面，網(wǎng)站是網(wǎng)絡(luò)技術(shù)應(yīng)用最為廣泛的一個(gè)方面。對(duì)于網(wǎng)站的界面設(shè)計(jì)也隨著時(shí)代的進(jìn)步，風(fēng)格越來(lái)越多樣化。越來(lái)越多的設(shè)計(jì)師關(guān)注網(wǎng)頁(yè)設(shè)計(jì)，并不斷探索新的表現(xiàn)形式，本論文從視覺(jué)設(shè)計(jì)方面通過(guò)作者實(shí)際工作案例以及對(duì)大量的國(guó)內(nèi)外優(yōu)秀網(wǎng)站進(jìn)行調(diào)研、運(yùn)用對(duì)比分析法，結(jié)合用戶視覺(jué)原理，對(duì)影響用戶視覺(jué)體驗(yàn)的因素進(jìn)行分析，強(qiáng)調(diào)簡(jiǎn)約主義“少而精“的設(shè)計(jì)理念在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。結(jié)論，本文旨在探究在滿足用戶需求的過(guò)程中，網(wǎng)頁(yè)界面設(shè)計(jì)中信息怎樣能夠有效傳達(dá)，達(dá)到更好地為用戶服務(wù)的目的。

【關(guān)鍵詞】： 網(wǎng)界面；設(shè)計(jì)；應(yīng)用；體驗(yàn)；

1、網(wǎng)頁(yè)界面設(shè)計(jì)的現(xiàn)狀和問(wèn)題

近年來(lái)，隨著網(wǎng)絡(luò)的廣泛普及，網(wǎng)站已然成為人們吸收了解外界的載體，人們通過(guò)上網(wǎng)瀏覽網(wǎng)頁(yè)便可以做到足不出戶就可以獲得所需要的信息和物品，網(wǎng)購(gòu)行業(yè)也隨之快速的發(fā)展起來(lái)，這是因?yàn)榫W(wǎng)頁(yè)可以承載圖片、色彩、文字等多種元素，能夠提供給瀏覽者足夠的信息，方便了人們的生活。但是網(wǎng)頁(yè)設(shè)計(jì)迅猛發(fā)展的同時(shí)，也產(chǎn)生了整體水平良莠不齊的問(wèn)題：1.信息多且雜亂無(wú)序，把相關(guān)的信息和元素全部羅列出來(lái)，不分層次和重點(diǎn)，沒(méi)有規(guī)范性，有多少內(nèi)容就擠多少內(nèi)容，使瀏覽者難以快速找到所需信息；2.喧賓奪主的設(shè)計(jì)，使用花哨的圖案作為背景，干擾讀者的視線。有些網(wǎng)站為了追求視覺(jué)的沖擊力，放一些絢麗的，風(fēng)格各異的圖片，導(dǎo)致網(wǎng)頁(yè)調(diào)性不統(tǒng)一，整體性差；3.一味的追求視覺(jué)美感而忽略網(wǎng)站的實(shí)用性，凸顯不出產(chǎn)品的優(yōu)勢(shì)和特點(diǎn)，缺少與瀏覽者的互動(dòng)性。視覺(jué)效果固然重要，但是一味的追求視覺(jué)效果是否真的能夠提高網(wǎng)站瀏覽量和產(chǎn)品銷售量？

我認(rèn)為網(wǎng)頁(yè)界面設(shè)計(jì)應(yīng)該符合美觀性和實(shí)用性雙重要求。簡(jiǎn)約主義下的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)不能單純的追求信息承載量，有一些網(wǎng)站把企業(yè)簡(jiǎn)介、企業(yè)榮譽(yù)和資質(zhì)，全都展現(xiàn)在一級(jí)頁(yè)面的位置，長(zhǎng)篇大論的寫(xiě)公司的優(yōu)勢(shì)獲得的榮譽(yù)，希望消費(fèi)者一下子就能夠了解自己的公司實(shí)力，反而將消費(fèi)者更加關(guān)注的各類產(chǎn)品和主要信息模糊放在在一起，看似信息多了豐富了，效果卻恰恰相反，這讓很多消費(fèi)者很難在網(wǎng)站里快速找到所需的信息，瀏覽者更是不會(huì)看長(zhǎng)篇的介紹，這不僅沒(méi)有讓消費(fèi)者了解自己，還會(huì)引起消費(fèi)者的反感導(dǎo)致銷量減少。簡(jiǎn)約主義下的網(wǎng)頁(yè)設(shè)計(jì)也不能夠單純的追求色彩，絢麗畫(huà)面，過(guò)多的顏色會(huì)擾亂消費(fèi)者的視線，找不到重點(diǎn)，反而體會(huì)不到視覺(jué)的美感，從而降低了用戶體驗(yàn)。

2、簡(jiǎn)約主義在網(wǎng)站設(shè)計(jì)中的應(yīng)用（結(jié)合蘋(píng)果官網(wǎng)分析）

簡(jiǎn)約主義源于是20世紀(jì)西方現(xiàn)代主義，歐洲現(xiàn)代主義建筑大師與設(shè)計(jì)大師米斯·凡德羅所提出的“少即是多”的理論，換句話說(shuō)就是把設(shè)計(jì)簡(jiǎn)化，強(qiáng)調(diào)它本身內(nèi)在的東西。這一理論被稱為簡(jiǎn)約主義的核心。當(dāng)今社會(huì)，人們工作強(qiáng)度高，節(jié)奏快生活壓力大，人們需要一種可以互補(bǔ)的東西來(lái)調(diào)節(jié)神經(jīng)高壓。簡(jiǎn)約主義以簡(jiǎn)潔的表現(xiàn)形式來(lái)滿足人們對(duì)產(chǎn)品那種感性的、本能的和理性的需求，符合了當(dāng)今人們快節(jié)奏、高效率和高審美的要求，越來(lái)越多的設(shè)計(jì)師把眼光放在了簡(jiǎn)約主義風(fēng)格的設(shè)計(jì)上，網(wǎng)頁(yè)設(shè)計(jì)在簡(jiǎn)約主義風(fēng)格的影響下也發(fā)展迅速。以蘋(píng)果官網(wǎng)為例，蘋(píng)果公司一直追求簡(jiǎn)而精的風(fēng)格——簡(jiǎn)約主義風(fēng)格。自喬布斯發(fā)布iPhone4，蘋(píng)果官網(wǎng)界面設(shè)計(jì)風(fēng)格越發(fā)簡(jiǎn)約。蘋(píng)果官網(wǎng)新推出的產(chǎn)品——蘋(píng)果7為例，風(fēng)格依舊遵循著簡(jiǎn)約風(fēng)格，整個(gè)頁(yè)面除了黑色，找不到其它的色彩，網(wǎng)頁(yè)上沒(méi)有放置很多的文字內(nèi)容，也沒(méi)有很多絢麗的圖片和色彩，通過(guò)極致的黑色和幾根流暢的線條充分的展現(xiàn)出蘋(píng)果7的簡(jiǎn)約奢華和精致，一張滿屏幕的產(chǎn)品大圖不用長(zhǎng)篇文字的描述就已經(jīng)讓人感受到蘋(píng)果公司強(qiáng)大的實(shí)力，這種簡(jiǎn)約風(fēng)格的形式遠(yuǎn)比那些人們從不會(huì)去閱讀的長(zhǎng)篇大論更有力量！更有說(shuō)服力！更加吸引瀏覽者的眼球！大大增強(qiáng)了消費(fèi)者的購(gòu)買(mǎi)欲望。然而單純的追求簡(jiǎn)約主義設(shè)計(jì)風(fēng)格，簡(jiǎn)約的畫(huà)面和幾張高精大圖就是提高網(wǎng)頁(yè)瀏覽量和銷售量的關(guān)鍵嗎？顯然不是。

3、簡(jiǎn)約主義風(fēng)格下如何與瀏覽者產(chǎn)生互動(dòng)，提高用戶體驗(yàn)

簡(jiǎn)約的畫(huà)面只是網(wǎng)站設(shè)計(jì)最終顯示出的效果，在網(wǎng)站設(shè)計(jì)過(guò)程中不僅僅只是考慮網(wǎng)站設(shè)計(jì)的畫(huà)面效果，當(dāng)然畫(huà)面效果也很重要，但更重要的是要考慮消費(fèi)者和瀏覽者在瀏覽網(wǎng)頁(yè)的時(shí)候能否產(chǎn)生良好互動(dòng)和用戶體驗(yàn)。在簡(jiǎn)約主義風(fēng)格下，如何才能與瀏覽者產(chǎn)生互動(dòng)，提高用戶體驗(yàn)?zāi)兀?.增加細(xì)節(jié)的設(shè)計(jì)。細(xì)節(jié)決定成敗，網(wǎng)頁(yè)設(shè)計(jì)也是如此。2. 建立清晰的視覺(jué)信息導(dǎo)向，使瀏覽者在眾多同類產(chǎn)品中能夠快速明確的定位所需要的信息。

簡(jiǎn)約主義下的網(wǎng)頁(yè)設(shè)計(jì)不是空洞的，單調(diào)的而是讓人感受舒適、放松的設(shè)計(jì)。簡(jiǎn)約主義風(fēng)格的網(wǎng)頁(yè)設(shè)計(jì)細(xì)節(jié)處理是非常重要的。如何才能做到網(wǎng)站設(shè)計(jì)細(xì)節(jié)豐富，版式簡(jiǎn)約，有內(nèi)涵而不繁瑣，有形式而又實(shí)用呢？ 以云米官網(wǎng)為例，云米凈水器網(wǎng)頁(yè)設(shè)計(jì)綜合了視覺(jué)、布局、交互綜合設(shè)計(jì)方法。用扁平化的圖標(biāo)設(shè)計(jì)代替了人們看不懂的數(shù)據(jù)表格，因?yàn)楫a(chǎn)品特點(diǎn)和優(yōu)勢(shì)不僅僅是一句話就能夠讓人信服的，需要用人們能理解的語(yǔ)言展示出來(lái)，才更有說(shuō)服力。用圖片的形式展示產(chǎn)品結(jié)構(gòu)更清晰更加直觀，從視覺(jué)上提升了科技感和沖擊性。將實(shí)用性與美觀性相結(jié)合，畫(huà)面更加簡(jiǎn)約，細(xì)節(jié)處理更加豐富，更加吸引瀏覽者的眼球。讓消費(fèi)者看到這樣的產(chǎn)品就產(chǎn)生一種感覺(jué)——買(mǎi)！

良好的可用性和清晰的視覺(jué)信息導(dǎo)向引導(dǎo)消費(fèi)者快捷簡(jiǎn)便的定位到所需要的信息，增強(qiáng)用戶的體驗(yàn)。網(wǎng)頁(yè)信息篩選也決定了消費(fèi)者瀏覽網(wǎng)頁(yè)所耗費(fèi)的時(shí)間，云米官網(wǎng)一級(jí)頁(yè)面展示了品牌故事，超能凈水器，超能濾芯，全屋凈化以及生活周邊。當(dāng)瀏覽者鼠標(biāo)放在所需要的類別時(shí)，網(wǎng)頁(yè)在一級(jí)界面自動(dòng)拉出小的產(chǎn)品框，方便消費(fèi)者快速找到所需要的產(chǎn)品。二級(jí)頁(yè)面直接的展示出產(chǎn)品以及產(chǎn)品細(xì)節(jié)各類信息，高清晰、高品質(zhì)產(chǎn)品細(xì)節(jié)圖更加具有吸引力，讓人一下感受到產(chǎn)品的品質(zhì)。

結(jié)論

當(dāng)下，國(guó)內(nèi)網(wǎng)頁(yè)仍存在著很多的問(wèn)題，在簡(jiǎn)約主義風(fēng)格的帶動(dòng)下越來(lái)越多的設(shè)計(jì)開(kāi)始關(guān)注并且完善網(wǎng)頁(yè)設(shè)計(jì)的美觀性與實(shí)用性的結(jié)合，以提高客戶體驗(yàn)和互動(dòng)性為目標(biāo)，用簡(jiǎn)明易懂的圖形文字組合代替長(zhǎng)篇的數(shù)據(jù)，把“簡(jiǎn)而精”的概念融入到網(wǎng)頁(yè)設(shè)計(jì)中去。

【參考文獻(xiàn)】：

【1】（美）昂格爾著.UX設(shè)計(jì)之道——以用戶體驗(yàn)為中心的Web設(shè)計(jì).孫亮譯.人民郵電出版社，2010-4.

【2】徐珂，苗彤， 趙暉. 網(wǎng)頁(yè)視覺(jué)與設(shè)計(jì)[M ] . 北京： 人民郵電出版社， 2001.