簡約主義下的網(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è)計也隨著時代的進步，風格越來越多樣化。越來越多的設(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)站為了追求視覺的沖擊力，放一些絢麗的，風格各異的圖片，導致網(wǎng)頁調(diào)性不統(tǒng)一，整體性差；3.一味的追求視覺美感而忽略網(wǎng)站的實用性，凸顯不出產(chǎn)品的優(yōu)勢和特點，缺少與瀏覽者的互動性。視覺效果固然重要，但是一味的追求視覺效果是否真的能夠提高網(wǎng)站瀏覽量和產(chǎ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)站里快速找到所需的信息，瀏覽者更是不會看長篇的介紹，這不僅沒有讓消費者了解自己，還會引起消費者的反感導致銷量減少。簡約主義下的網(wǎng)頁設(shè)計也不能夠單純的追求色彩，絢麗畫面，過多的顏色會擾亂消費者的視線，找不到重點，反而體會不到視覺的美感，從而降低了用戶體驗。

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

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

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

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

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

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

結(jié)論

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

【參考文獻】：

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

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