網(wǎng)頁設(shè)計(jì)用戶界面簡約主義風(fēng)格分析

李想

摘 要：本文主要研究簡約主義設(shè)計(jì)格在網(wǎng)頁設(shè)計(jì)中的視覺影響，通過對(duì)網(wǎng)頁版面內(nèi)的布局，排版等進(jìn)行分析。結(jié)合用戶體驗(yàn)，歸納總結(jié)簡約主義風(fēng)格對(duì)網(wǎng)站的瀏覽量競爭力的影響。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；風(fēng)格；特點(diǎn)

中圖分類號(hào)：TP393.092 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2016）15-0165-01

一、網(wǎng)頁設(shè)計(jì)風(fēng)格轉(zhuǎn)型

網(wǎng)頁設(shè)計(jì)是基于互聯(lián)網(wǎng)，用戶和商家的交流平臺(tái)，是交互性和操作性兩者融合。網(wǎng)頁設(shè)計(jì)的主要目的是向消費(fèi)者介紹其產(chǎn)品，促進(jìn)銷售。所以網(wǎng)頁的設(shè)計(jì)是否合理就決定了網(wǎng)站的用戶流量。通過框架的整合、版式布局、色彩風(fēng)格的搭配、文字圖片的比重等多個(gè)部分的整合，使網(wǎng)頁的整體風(fēng)格契合品牌及產(chǎn)品定位，才能算作是優(yōu)秀的網(wǎng)頁設(shè)計(jì)。高級(jí)的網(wǎng)頁設(shè)計(jì)甚至?xí)紤]到通過聲光、交互等來實(shí)現(xiàn)更好的試聽感受。

網(wǎng)頁設(shè)計(jì)的發(fā)展換代迅速，一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命一般2-3年。所以網(wǎng)頁設(shè)計(jì)的風(fēng)格總是具有多樣性和多變性。雖然網(wǎng)頁界面使用壽命較短，但出發(fā)點(diǎn)都是“以人為本”，以便捷準(zhǔn)確的傳播產(chǎn)品信息為準(zhǔn)則。通過文字、圖片、logo、等的資源合理布局，達(dá)到良好的視覺效果。傳達(dá)企業(yè)需要通過互聯(lián)網(wǎng)傳達(dá)的產(chǎn)品、服務(wù)、理念、文化，更甚至提供服務(wù)。所以網(wǎng)站的設(shè)計(jì)師根據(jù)目前的消費(fèi)者定位，市場狀況，企業(yè)自身情況等多種情況進(jìn)行綜合分析整合的集合體。是需要基于當(dāng)時(shí)的情況進(jìn)行合理規(guī)劃設(shè)計(jì)。后期根據(jù)用戶的信息反饋，進(jìn)行實(shí)時(shí)修改。

二、網(wǎng)頁設(shè)計(jì)的多樣性

網(wǎng)頁風(fēng)格具有多樣性，但是核心內(nèi)容都是一樣的：提供好的用戶體驗(yàn)，使訪客瞬間就可以流暢的使用網(wǎng)站進(jìn)行操作。這也是設(shè)計(jì)中所必須考慮到了，比如網(wǎng)站內(nèi)部添加的控件、視頻等是否影響網(wǎng)站的打開速度。以電子商務(wù)型為例，主要目的是基于商城的購物平臺(tái)，所以在設(shè)計(jì)的時(shí)候會(huì)大量應(yīng)用到圖片，故在布局的時(shí)候，要充分考慮到網(wǎng)站整體的視覺效果，運(yùn)用版式創(chuàng)造其獨(dú)特性，提高展示量。淘寶作為中國最大的商城平臺(tái)，種類繁多，信息量大，圖片多。所以在設(shè)計(jì)時(shí)用導(dǎo)航營造網(wǎng)站的層次感就尤為重要。通過觀察可以發(fā)現(xiàn)，淘寶商城使用了卡片式設(shè)計(jì)，根據(jù)位置，大小的不同，產(chǎn)品的信息量也不一樣。同時(shí)又運(yùn)用導(dǎo)航，很好的劃分了層級(jí)，使整個(gè)網(wǎng)站的效果和諧統(tǒng)一。

三、簡約主義設(shè)計(jì)風(fēng)格的提煉

1.簡約主義設(shè)計(jì)風(fēng)格的特點(diǎn)。簡約主義設(shè)計(jì)風(fēng)格的特點(diǎn)是將設(shè)計(jì)中的元素、色彩集合，用以少勝多的手法，是產(chǎn)品的信息明確化，精準(zhǔn)化，故在網(wǎng)頁界面中更為合適。通常情況下，一個(gè)網(wǎng)站的信息內(nèi)容多種多樣，要把這些信息處理的既明確又便捷就需要運(yùn)用到簡約主義這種設(shè)計(jì)手法。這也是我們常說的視覺簡約化，即對(duì)視覺信息的簡約化處理。現(xiàn)代社會(huì)中，人們處于快節(jié)奏，高效率的生活環(huán)境中，瀏覽網(wǎng)頁一般是在乘車，休息這種碎片時(shí)間內(nèi)，所以設(shè)計(jì)網(wǎng)站的過程中需要快速的抓住重點(diǎn)，獲取所需信息，在這種情況下，簡約主義設(shè)計(jì)風(fēng)格的網(wǎng)頁更具有視覺美觀性和實(shí)用性。把復(fù)雜的網(wǎng)頁信息最大限度簡潔化，加快了單位時(shí)間內(nèi)信息的瀏覽速度，提升了用戶的瀏覽量及滿意度。這就是網(wǎng)頁設(shè)計(jì)發(fā)展從繁化簡的過程。以下圖地產(chǎn)網(wǎng)站為例，拋開了固有網(wǎng)站企業(yè)網(wǎng)站呆板的形象，運(yùn)用動(dòng)圖和簡約設(shè)計(jì)風(fēng)格把地產(chǎn)商的定位展現(xiàn)出來，同時(shí)使整個(gè)網(wǎng)站頁面的互動(dòng)交流性更強(qiáng)，二級(jí)頁面內(nèi)文字和圖片布局干凈整潔，布局分明。使網(wǎng)站的內(nèi)容更加生動(dòng)形象，是網(wǎng)站內(nèi)的產(chǎn)品風(fēng)格和定位展現(xiàn)的一覽無余。

2.色彩對(duì)網(wǎng)頁設(shè)計(jì)風(fēng)格的影響。色彩是網(wǎng)站設(shè)計(jì)中重要的一環(huán)，每一個(gè)網(wǎng)站不論其定位都有其基本色調(diào)，由主色調(diào)確定網(wǎng)站的風(fēng)格，營造氛圍，為傳達(dá)網(wǎng)站信息做鋪墊如環(huán)保組織的網(wǎng)站，其顏色多使用藍(lán)色、綠色，營造出自然和諧的美感。我們接觸的網(wǎng)站中更多的是以受眾來確定網(wǎng)站色調(diào)，不同年齡，不同職業(yè)，不同性別，都影響著網(wǎng)頁色彩的搭配。在這簡約設(shè)計(jì)風(fēng)格的影響下，網(wǎng)頁設(shè)計(jì)更傾向于由一種顏色主導(dǎo)，通過調(diào)整透明度和飽和度使整個(gè)頁面富有層次感，這種手法也更加適合襯托卡片式設(shè)計(jì)風(fēng)格的網(wǎng)站，使圖片更加清晰化明確化。其次，在內(nèi)容比較豐富，層級(jí)相對(duì)較多的網(wǎng)站內(nèi)，可以控制在三至五中色彩內(nèi)、比如天貓商城首頁，運(yùn)用不同顏色的角標(biāo)區(qū)分不同的商品分類，以控制龐大的產(chǎn)品信息和種類。而且產(chǎn)品特性也定其顏色，紅色給人活力熱情的感覺，故購物類的網(wǎng)站多用于紅色。金融行業(yè)的網(wǎng)站要避免使用綠色，藍(lán)色這種具有寓意的色彩。在人們?yōu)g覽網(wǎng)頁的時(shí)候，短短7秒就決定了個(gè)人對(duì)網(wǎng)頁的喜好，這其中色彩作用占67%，而在簡約風(fēng)格設(shè)計(jì)的網(wǎng)站中，這種利用色彩劃分層級(jí)的方式更為便捷準(zhǔn)確。

3.文字的使用和搭配。在簡約設(shè)計(jì)風(fēng)格的網(wǎng)頁內(nèi)容中，文字除了以上文字規(guī)范外，還需要考慮到網(wǎng)頁中心內(nèi)容的目標(biāo)人群的側(cè)重點(diǎn)，如網(wǎng)站目前人群是男性，或女性時(shí)，文字的設(shè)置也要有側(cè)重點(diǎn)。這樣才能在極其簡潔的網(wǎng)頁中和用戶產(chǎn)生心靈上的認(rèn)同感和呼應(yīng)感。同時(shí)，網(wǎng)頁的文字選用不能過多，不能借由文字來區(qū)別網(wǎng)頁層級(jí)，而是使用網(wǎng)頁版式布局，劃分布局。

四、結(jié)語

簡約主義設(shè)計(jì)風(fēng)格是遵從人的視覺習(xí)慣，使用習(xí)慣，衍生而出而繼續(xù)發(fā)展的，雖然在現(xiàn)在互聯(lián)網(wǎng)移動(dòng)端的轉(zhuǎn)型造就了擬物化和扁平化等等設(shè)計(jì)風(fēng)格 。決定了網(wǎng)頁設(shè)計(jì)的核心是網(wǎng)頁內(nèi)的信息展現(xiàn)，全面化、準(zhǔn)確化。故在此基礎(chǔ)上，簡約主義設(shè)計(jì)風(fēng)格更適合眾多網(wǎng)站適用。給網(wǎng)頁設(shè)計(jì)廣大的設(shè)計(jì)空間及獨(dú)創(chuàng)空間，結(jié)合交互設(shè)計(jì)的不斷成熟，網(wǎng)頁技術(shù)的創(chuàng)新，最終創(chuàng)造出更加豐富的網(wǎng)頁設(shè)計(jì)視覺體驗(yàn)。

參考文獻(xiàn)：

[1]林秀華.信息時(shí)代與多媒體技術(shù)[J].現(xiàn)代物理知識(shí)，2013（03）.