簡約主義下的網(wǎng)頁界面設(shè)計

王歡

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

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

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

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

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

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

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

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

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

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

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

結(jié)論

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

【參考文獻】：

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

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