郭欣儀
摘要:本文主要通過淺析極簡主義的功能性特征及其在網(wǎng)頁設計中的運用和發(fā)展趨勢,幫助設計師初步認識和了解極簡主義風格設計對網(wǎng)頁功能性的影響,以及如何將極簡主義運用到網(wǎng)頁設計中以增強其功能性。
關鍵詞:極簡風格;網(wǎng)頁設計;功能性
中圖分類號:TP393 文獻標識碼:A 文章編號:1009-3044(2016)09-0225-03
在全球化的飛速發(fā)展的今天,互聯(lián)網(wǎng)已經(jīng)成為生活中不可或缺的一部分。繁雜混沌的信息充斥在人們快節(jié)奏的生活中,使人們愈發(fā)希望擁有簡單、寧靜的空間,從而使極簡主義風格越來越受到人們的關注。極簡主義風格被運用到多個領域,其中包括網(wǎng)頁設計。網(wǎng)頁作為傳遞網(wǎng)絡信息的媒介,兼具功能性和藝術性。優(yōu)秀的網(wǎng)頁設計應同時具備視覺上的美觀性以及用戶體驗的高效性。而極簡主義的設計理念能夠很好地將網(wǎng)頁設計的美觀性和高效性融合在一起,因此極簡風格成為網(wǎng)頁設計的主流風格。
1 什么是極簡主義
極簡主義是一種將不必要的元素舍去,注重簡約性和功能性的設計風格。極簡主義始于20世紀初期的荷蘭風格派運動,其只通過線條、幾何圖形以及純色來表現(xiàn)的藝術宗旨為極簡主義的萌芽打下基礎。隨后20世紀德國建筑大師密斯凡德羅提出“少即是多”的設計宗旨,通過使用現(xiàn)代建筑材料(鋼鐵,玻璃)、建造簡單抽象的建筑架構,以及創(chuàng)造開放的空間來闡述極簡建筑設計,極大地推進了極簡主義的發(fā)展。到了20世紀六十年代,美國美學理論家理查德烏爾海姆首次提出了“極簡主義”一詞。
2 極簡風格網(wǎng)頁的特性
2.1 功能高于一切
極簡主義一直秉承著功能高于一切的原則。極簡風格的網(wǎng)頁設計通過簡潔、清晰的界面,向用戶傳遞明確、直觀的信息。同時,極簡風格的網(wǎng)頁為用戶提供簡單易用的操作方式,用戶從互聯(lián)網(wǎng)海量信息中尋找自己所需的同時不會影響到信息傳達的速率。
2.2 高效性
效率,無疑是當今社會高速發(fā)展的前提,因此高效性成為優(yōu)秀網(wǎng)頁設計的一大特性。極簡風格的網(wǎng)頁設計摒棄一切多余元素,突出重點元素,避免用戶分散注意力從而提高效率。谷歌搜索引擎的界面設計就是高效性極簡設計的經(jīng)典范例,其界面只保留了辨識度極高的Google標志以及用戶最需要的搜索框,使用戶可以快速直接的操作,而不會被任何其他元素干擾。
2.3直觀性
網(wǎng)頁是通過視覺來傳遞信息,因此界面的直觀性和形象的明確性成為影響網(wǎng)頁功能性和高效性的重要元素。極簡風格的界面應在保證功能性的情況下,舍去視覺干擾元素,確保界面色彩,版式,瀏覽方式與其主題和內(nèi)容相一致。從而使用戶更直觀地了解和瀏覽網(wǎng)頁。
3 極簡風格網(wǎng)頁的設計要素
3.1 理智的減少
極簡主義的“少”并不指盲目地減少,而是要考慮到網(wǎng)頁的主題,功能以及網(wǎng)頁的視覺平衡后,將無關的元素省去。通過這樣的極簡化設計,使網(wǎng)頁更加整體,有秩序,從而增強網(wǎng)頁的功能性。
3.1.1 減少色彩的數(shù)量
過于豐富的色彩會使用戶眼花繚亂,分散用戶的注意力。極簡的網(wǎng)頁設計應只使用與其內(nèi)容,圖像最相襯的,并且能夠向用戶傳達正確情感的色彩。KYLE THACKER網(wǎng)站界面僅選用黑,白,灰,橙灰四色來表現(xiàn)。白色的字襯在以灰色和黑色為主基調(diào)的背景圖上,既顯得整體統(tǒng)一,又不影響文字的可讀性;橙灰色色塊起強調(diào)突出作用,吸引用戶關注,又不會過于搶眼。網(wǎng)頁整體看起來清晰明了,簡潔舒適,并且具有時尚感。
3.1.2 減少圖像元素
圖像有利于信息與情感的傳遞,但是過多或與主題不符的圖像會擾亂用戶的視線,甚至傳達錯誤的信息。因此,在選擇圖像時要確保其視覺上的清晰度和簡明度,圖像傳達的信息與主題內(nèi)容相符,并且圖像的風格與網(wǎng)頁整體風格統(tǒng)一。
3.1.3 減少信息量
尤其在網(wǎng)站的首頁上,應當使用簡短的文字信息點明主題,指明下一步操作。就好像一座大樓的正門大廳應當視野開闊,并且有明確易見的導視系統(tǒng)。Arne Meister網(wǎng)站中文字信息簡潔,沒有多余;界面純白的背景使文字信息清晰可見;網(wǎng)頁雖然沒有圖片裝飾,但是文字的大小對比以及有序的排版使界面生動活潑。
3.1.4 簡化交互操作步驟
交互設計是網(wǎng)頁設計中一項特殊而必不可少的步驟。交互操作過于復雜會讓操作過程很不順利。當網(wǎng)站層次較多時,簡化操作步驟是必不可少的。通過分類、合并以及逐級展開的方法整理操作步驟,使界面整齊、簡潔,為用戶提供思路清晰的操作指引。
3.2 合理的空間運用
空間的運用對于網(wǎng)頁的功能性和美觀性有極大的作用。設計元素在網(wǎng)頁空間中所處的位置和大小都會影響到網(wǎng)頁的可讀性和美觀性。以下幾個方式有助于空間的合理運用。
3.2.1 留白
留白是網(wǎng)頁界面設計視覺元素的重要組成部分。留白不一定是白色的,而是指任何與背景相同的空間。得當?shù)剡\用留白效果可以創(chuàng)造視覺平衡、增強元素的易讀性和沖擊力,并且讓界面充滿呼吸感。通過留白的方式來引導用戶的視線、突出網(wǎng)頁的重點是相當有效的。極簡風格的網(wǎng)頁中元素越少,元素的位置、大小就越重要。谷歌搜索引擎界面極少的元素和大片的留白使網(wǎng)頁層次分明,體現(xiàn)了其搜索功能性強大;網(wǎng)頁通過純白的背景突出界面中心的首要元素——Google標志和藍色搜索框,并將次要元素放置在頁面的邊緣區(qū),既不會影響其文字的易讀性,也不會影響首要元素的可見性。
3.2.2 對比
對比是極簡風格設計的常用手法。通過明暗、虛實、大小等對比形式將視覺效果維持在平衡狀態(tài),同時突出網(wǎng)頁主題、弱化網(wǎng)頁的陪襯元素、使網(wǎng)頁富有層次感。ONZE網(wǎng)站通過顏色對比和大小對比突出重點元素,虛化次要元素,來引導用戶的瀏覽順序,增強網(wǎng)頁的功能性,并且使網(wǎng)頁富有節(jié)奏感和設計美感,從而提高用戶體驗的愉悅度。
3.2.3 使用網(wǎng)格系統(tǒng)
網(wǎng)格系統(tǒng)是增強網(wǎng)頁功能性的一大利器,它是由一系列水平和垂直,并且相互交叉的參考線構成。使用網(wǎng)格系統(tǒng)來規(guī)劃網(wǎng)頁會增強網(wǎng)頁空間的秩序感和規(guī)范感,并且使網(wǎng)頁瀏覽變得高效。當然,過度的使用網(wǎng)格系統(tǒng)會使頁面死板,缺乏創(chuàng)意。Touch網(wǎng)站的網(wǎng)頁通過使用網(wǎng)格系統(tǒng)將網(wǎng)頁元素布置得井然有序,并且通過色彩,元素大小及形狀的對比使網(wǎng)頁生動而不死板。
4 極簡風格在網(wǎng)頁設計中的發(fā)展趨勢
網(wǎng)頁是互聯(lián)網(wǎng)時代的產(chǎn)物,是傳遞網(wǎng)絡信息的媒介,是網(wǎng)絡與用戶互動的平臺。隨著網(wǎng)絡信息量的急劇增長,網(wǎng)頁的設計顯得越來越重要。優(yōu)秀的網(wǎng)頁設計要將藝術與技術相結合,具備交互體驗的高效性、多維性和界面設計的美觀性。
極簡設計風格“少即是多”的原則滿足了當下網(wǎng)頁設計的需求。當用戶疲于從大量無用繁亂的信息中尋找所需的信息時,極簡風格的網(wǎng)頁能夠為用戶提供一個簡單、直接、沒有多余元素、主題鮮明的界面,極大地減少用戶注意力的分散程度,從而節(jié)約用戶的時間,提高網(wǎng)頁的功能和效率。同時,簡約的界面提高了網(wǎng)頁的藝術感,層次感,進而提升了用戶的肯定度和關注度。極簡風格國外的網(wǎng)頁設計受極簡主義影響較早,因此極簡風格的網(wǎng)頁設計已趨于成熟。國內(nèi)對于網(wǎng)頁設計的認知度和關注度也在不斷提高,但是有關于極簡風格在網(wǎng)頁設計中的運用研究還是相對較薄弱,國內(nèi)的大部分網(wǎng)頁設計依然過于繁雜死板,功能性弱。但是極簡風格作為網(wǎng)也設計的大趨勢,也在逐漸影響著國內(nèi)的網(wǎng)頁設計,百度網(wǎng)等一些知名國內(nèi)網(wǎng)站在不斷地學習和借鑒國外設計經(jīng)驗,在極簡網(wǎng)頁的設計之路上不斷前進。
5 結束語
極簡主義風格并不浮華,也不是最盛行的設計風格,但卻逐漸滲透進各種藝術和設計的形式,繪畫、產(chǎn)品設計、平面設計、網(wǎng)頁設計、建筑設計等等。它之所以能比其他藝術風格更具影響力,是因為極簡主義并不只是一種風格,而是更偏向是一種法則,一種各種領域皆可使用的法則:杜絕一切多余的裝飾,關注材料和功能本身的美感。美國著名景觀設計師彼得沃克解釋極簡主義為:“物即其本身”,所有的設計應首先滿足功能需要,即使最具藝術氣息的設計還是要秉承功能第一的理念,然后才是實現(xiàn)它的形式。
采用極簡主義風格設計網(wǎng)頁不能通過一味的“少”來達到形式上的相似,而要明確網(wǎng)頁的主題和目的;準確把握目標用戶的需求;追求網(wǎng)頁功能性的完美。在確保網(wǎng)頁可行性和主題清晰的基礎上,理智的篩選視覺元素;提煉出精髓;提高網(wǎng)頁的易讀性、美觀性和整體性。
參考文獻:
[1] 李靜.基于視覺體驗的網(wǎng)頁界面極簡主義設計[D]. 武漢:中國地質(zhì)大學,2013.
[2] 原研哉.設計中的設計[M].濟南:山東人民出版社,2006.
[3] 王受之.世界現(xiàn)代設計史[M].中國青年出版社,2002.
[4] William Lidwell,Kritina Holden,Jill Butler,朱占星,薛江.通用設計法則[M].中央編譯出版社,2013.