夏慧中
摘要:
隨著商業(yè)社會的繁榮,大眾生活品質(zhì)的提高,互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式,同時我們開始關(guān)注“信息的品質(zhì)”。而網(wǎng)頁是網(wǎng)絡(luò)信息傳達的主要載體,網(wǎng)頁設(shè)計成為人機交互的重要對象之一。其視覺呈現(xiàn)更是直接影響最終的網(wǎng)絡(luò)傳播效果。通過對網(wǎng)頁版式設(shè)計的視覺流程的籌劃分析以及影響網(wǎng)頁設(shè)計頁面視覺呈現(xiàn)要素的闡述,凸顯了簡潔網(wǎng)頁設(shè)計的視覺呈現(xiàn)和藝術(shù)美感的重要性。只有輕薄簡潔美觀的視覺呈現(xiàn)才能更多的吸引消費者,對于網(wǎng)絡(luò)信息傳達來講具有重要的意義。
關(guān)鍵詞:
網(wǎng)頁設(shè)計;簡約主義;視覺呈現(xiàn)
中圖分類號:
F49
文獻標識碼:A
文章編號:1672-3198(2014)01-0173-02
1 網(wǎng)頁設(shè)計視覺流程籌劃
首先,什么是視覺流程?通俗的講,就是人們在觀看網(wǎng)頁時候的視覺路線走向。我們在瀏覽網(wǎng)頁是時候通常是從第一感覺印象到具體信息傳達,最后產(chǎn)生整體感官印象的過程。美國阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到:感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素,進行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。
視覺流程是視線在觀賞物體上移動的過程,而網(wǎng)頁設(shè)計中的視覺流動路線是相當重要的,是設(shè)計師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運動軌跡,水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動,三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動,而圓形的物體往往會讓我們的視線呈輻射狀運動。
因此,網(wǎng)頁設(shè)計中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時一般的閱讀習(xí)慣是從左至右,從上至下。也就是說我們在瀏覽網(wǎng)頁時一般視覺流程是從左上角向下逐漸移動的,所以,我們一般會把一些重要的訊息,比如logo、通知、最新信息放在左上位置,通常我們叫這個位置為視覺中心。
2 影響網(wǎng)頁頁面視覺呈現(xiàn)的要素
2.1 網(wǎng)頁頁面的版面率
版面率指的是網(wǎng)頁設(shè)計中文字、圖形、圖像、顏色等的占有率,它不僅影響頁面信息傳達效率,也決定著整個網(wǎng)頁設(shè)計的視覺呈現(xiàn)效果。一般來說,版面率與視覺傳達效果以及設(shè)計創(chuàng)意成反比的。如圖1、2所示。
我們可以看出,宜家的版面率低,整個頁面幾乎只有其logo的存在,所容納的信息量少,但是給我們的視覺沖擊力很強烈,視覺呈現(xiàn)的形式感很強。在網(wǎng)頁設(shè)計中,極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達給瀏覽者,而且也可以起到一個避免閱讀中分散注意力的作用。譬如,在一個純白或是純黑的頁面上,出現(xiàn)的任何一個色彩都將會引起瀏覽者的注意,色彩本身也就成為了我們關(guān)注的焦點?!吧偌词嵌唷痹诰W(wǎng)頁設(shè)計中同樣也適用。如我們的一些個人網(wǎng)站、博客等商業(yè)氣息不濃厚,大多都會以設(shè)計創(chuàng)意個性為主,版面率較低。選擇版面率比較高的設(shè)計時,講究空間的有效利用與秩序的合理劃分,而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板,要么秩序混亂。
2.2 網(wǎng)頁設(shè)計的權(quán)衡布局及簡化設(shè)計
所謂簡約主義,顧名思義就是要我們將設(shè)計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”,實際上就是簡約主義。目前,簡約設(shè)計已經(jīng)被廣泛應(yīng)用到我們生活的各個領(lǐng)域,無論是室內(nèi)設(shè)計或是平面設(shè)計還是包裝設(shè)計,都在實行“簡約主義”。甚至很多品牌,譬如無印良品、宜家家居等都是采用的簡約主義風格,無疑簡潔時尚已成為人們廣泛追求的一種風格。正所謂“簡約不簡單”,個人也認為越是簡單的東西越大牌。
排版布局中的平衡、對齊及對比關(guān)系,對頁面視覺效果至關(guān)重要。然而畫面效果頭重腳輕,或者左右失衡,則會讓瀏覽者感覺到不適,心理上會造成一種束縛感和壓迫感,從而影響到閱讀者瀏覽信息的流暢性。
那么對于網(wǎng)頁設(shè)計來說,要做到簡化設(shè)計的第一步就是要去除一些多余的沒有必要的東西,盡可能的丟掉他們,留下一下最為關(guān)鍵的信息,比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊,它的頁面設(shè)計就做到了這點,如圖3、圖4所示。
2.3 顏色給我們帶來的心理暗示
彩是我們認識事物的第一印象,我們在瀏覽網(wǎng)頁的時候?qū)σ曈X沖擊力強的網(wǎng)頁設(shè)計留下的印象最為深刻。因此一個好的網(wǎng)頁設(shè)計必定有一個很好的頁面配色設(shè)計,它不僅能更好的傳達信息,同時還能更好的與大眾的心理需求相契合,更大的發(fā)揮網(wǎng)頁設(shè)計中帶來的視覺效果,如圖5、圖6所示。
根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念,常常要做一些不同的網(wǎng)頁設(shè)計才吸引消費大眾。因為人們在長時間瀏覽網(wǎng)頁的時候很容易產(chǎn)生疲倦,在色彩的使用上,我們一般應(yīng)將色彩對比放在一些需要仔細閱讀或主要信息上,以免增加網(wǎng)頁瀏覽者的閱讀難度,引起視覺疲勞。同時,我們也不能采用一些辨識度低的顏色,盡可能把信息目標更快更好的傳達到消費者的眼中。
不同的網(wǎng)站類型都有著自身的色彩語意相關(guān)性,譬如兒童用品的網(wǎng)頁設(shè)計則多使用一些明亮醒目的純色,而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁設(shè)計一般采用藍色為主。我們平時網(wǎng)上訂餐的KFC、必勝客等頁面一般都是采用的企業(yè)文化的標識顏色,以紅色橘色為主,這樣的暖色系更能勾起人們食欲。白色,因其明度最高,無色相,明亮干凈、暢快、樸素,永恒無暇,在自然界象征著極致的純凈與貞潔。可以給人很好的輕快速度感,運用得當可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。如圖7、圖8所示。
2.4 空白不等于蒼白
中國的傳統(tǒng)美學(xué)所提倡“空白”,不是單純的抽象、虛無,而是一種主觀的感性的理性的感悟。頁面變得蒼白?是不是整版的文字缺少圖片的點綴?其實適當?shù)狞c綴是必不可少的。在適當保留重要的留白空間的同時,為配上一張與文字相契合美圖吧,起到畫龍點睛的作用?;蛘呤墙o段落文字總結(jié)旁邊添加一個小圖標,示意其文字內(nèi)涵。雖然使用空白多多益善,但也要盡可能的保證有對比感。設(shè)計師應(yīng)使用最小的視覺變化來表達想法。事實上這就是意味著元素之間要有主次感,如圖9所示。
其實透氣的留白并不等于無力的蒼白,讓有趣并富有創(chuàng)意的大膽設(shè)計去刺激閱讀者的視覺神經(jīng)吧!讓我們的網(wǎng)頁設(shè)計變得更有趣味性,更有思想,更簡約,但不簡單。
3 結(jié)束語
在網(wǎng)頁設(shè)計過程中,我們應(yīng)繼承我國的傳統(tǒng)文化,形成獨特的設(shè)計風格,拓展設(shè)計的視覺語言。與此同時,我們還要推陳出新,突出現(xiàn)代化,引領(lǐng)時尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進行提煉和二次設(shè)計,讓網(wǎng)頁設(shè)計獲得更強的視覺認知力和藝術(shù)感染力,營造一個自然、合理、順暢的視覺流程,更好的激發(fā)人們的審美情趣,引導(dǎo)人們在美的享受中接受傳達的信息,發(fā)現(xiàn)美好。
參考文獻
[1](美)魯?shù)婪颉ぐ⒍骱D?藝術(shù)與視知覺[M].北京:中國社會科學(xué)出版社,1984,(5).
[2]孫嬌,宗明明.網(wǎng)頁設(shè)計中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究,2011,(7).
[3]李湘媛.淺談網(wǎng)頁設(shè)計中的色彩語言表達[J].藝術(shù)教育,2012,(11).
[4]萬劍,丁潔瓊.論平面設(shè)計中色彩的應(yīng)用[J].職業(yè)技術(shù),2006,(20).endprint
摘要:
隨著商業(yè)社會的繁榮,大眾生活品質(zhì)的提高,互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式,同時我們開始關(guān)注“信息的品質(zhì)”。而網(wǎng)頁是網(wǎng)絡(luò)信息傳達的主要載體,網(wǎng)頁設(shè)計成為人機交互的重要對象之一。其視覺呈現(xiàn)更是直接影響最終的網(wǎng)絡(luò)傳播效果。通過對網(wǎng)頁版式設(shè)計的視覺流程的籌劃分析以及影響網(wǎng)頁設(shè)計頁面視覺呈現(xiàn)要素的闡述,凸顯了簡潔網(wǎng)頁設(shè)計的視覺呈現(xiàn)和藝術(shù)美感的重要性。只有輕薄簡潔美觀的視覺呈現(xiàn)才能更多的吸引消費者,對于網(wǎng)絡(luò)信息傳達來講具有重要的意義。
關(guān)鍵詞:
網(wǎng)頁設(shè)計;簡約主義;視覺呈現(xiàn)
中圖分類號:
F49
文獻標識碼:A
文章編號:1672-3198(2014)01-0173-02
1 網(wǎng)頁設(shè)計視覺流程籌劃
首先,什么是視覺流程?通俗的講,就是人們在觀看網(wǎng)頁時候的視覺路線走向。我們在瀏覽網(wǎng)頁是時候通常是從第一感覺印象到具體信息傳達,最后產(chǎn)生整體感官印象的過程。美國阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到:感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素,進行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。
視覺流程是視線在觀賞物體上移動的過程,而網(wǎng)頁設(shè)計中的視覺流動路線是相當重要的,是設(shè)計師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運動軌跡,水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動,三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動,而圓形的物體往往會讓我們的視線呈輻射狀運動。
因此,網(wǎng)頁設(shè)計中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時一般的閱讀習(xí)慣是從左至右,從上至下。也就是說我們在瀏覽網(wǎng)頁時一般視覺流程是從左上角向下逐漸移動的,所以,我們一般會把一些重要的訊息,比如logo、通知、最新信息放在左上位置,通常我們叫這個位置為視覺中心。
2 影響網(wǎng)頁頁面視覺呈現(xiàn)的要素
2.1 網(wǎng)頁頁面的版面率
版面率指的是網(wǎng)頁設(shè)計中文字、圖形、圖像、顏色等的占有率,它不僅影響頁面信息傳達效率,也決定著整個網(wǎng)頁設(shè)計的視覺呈現(xiàn)效果。一般來說,版面率與視覺傳達效果以及設(shè)計創(chuàng)意成反比的。如圖1、2所示。
我們可以看出,宜家的版面率低,整個頁面幾乎只有其logo的存在,所容納的信息量少,但是給我們的視覺沖擊力很強烈,視覺呈現(xiàn)的形式感很強。在網(wǎng)頁設(shè)計中,極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達給瀏覽者,而且也可以起到一個避免閱讀中分散注意力的作用。譬如,在一個純白或是純黑的頁面上,出現(xiàn)的任何一個色彩都將會引起瀏覽者的注意,色彩本身也就成為了我們關(guān)注的焦點?!吧偌词嵌唷痹诰W(wǎng)頁設(shè)計中同樣也適用。如我們的一些個人網(wǎng)站、博客等商業(yè)氣息不濃厚,大多都會以設(shè)計創(chuàng)意個性為主,版面率較低。選擇版面率比較高的設(shè)計時,講究空間的有效利用與秩序的合理劃分,而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板,要么秩序混亂。
2.2 網(wǎng)頁設(shè)計的權(quán)衡布局及簡化設(shè)計
所謂簡約主義,顧名思義就是要我們將設(shè)計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”,實際上就是簡約主義。目前,簡約設(shè)計已經(jīng)被廣泛應(yīng)用到我們生活的各個領(lǐng)域,無論是室內(nèi)設(shè)計或是平面設(shè)計還是包裝設(shè)計,都在實行“簡約主義”。甚至很多品牌,譬如無印良品、宜家家居等都是采用的簡約主義風格,無疑簡潔時尚已成為人們廣泛追求的一種風格。正所謂“簡約不簡單”,個人也認為越是簡單的東西越大牌。
排版布局中的平衡、對齊及對比關(guān)系,對頁面視覺效果至關(guān)重要。然而畫面效果頭重腳輕,或者左右失衡,則會讓瀏覽者感覺到不適,心理上會造成一種束縛感和壓迫感,從而影響到閱讀者瀏覽信息的流暢性。
那么對于網(wǎng)頁設(shè)計來說,要做到簡化設(shè)計的第一步就是要去除一些多余的沒有必要的東西,盡可能的丟掉他們,留下一下最為關(guān)鍵的信息,比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊,它的頁面設(shè)計就做到了這點,如圖3、圖4所示。
2.3 顏色給我們帶來的心理暗示
彩是我們認識事物的第一印象,我們在瀏覽網(wǎng)頁的時候?qū)σ曈X沖擊力強的網(wǎng)頁設(shè)計留下的印象最為深刻。因此一個好的網(wǎng)頁設(shè)計必定有一個很好的頁面配色設(shè)計,它不僅能更好的傳達信息,同時還能更好的與大眾的心理需求相契合,更大的發(fā)揮網(wǎng)頁設(shè)計中帶來的視覺效果,如圖5、圖6所示。
根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念,常常要做一些不同的網(wǎng)頁設(shè)計才吸引消費大眾。因為人們在長時間瀏覽網(wǎng)頁的時候很容易產(chǎn)生疲倦,在色彩的使用上,我們一般應(yīng)將色彩對比放在一些需要仔細閱讀或主要信息上,以免增加網(wǎng)頁瀏覽者的閱讀難度,引起視覺疲勞。同時,我們也不能采用一些辨識度低的顏色,盡可能把信息目標更快更好的傳達到消費者的眼中。
不同的網(wǎng)站類型都有著自身的色彩語意相關(guān)性,譬如兒童用品的網(wǎng)頁設(shè)計則多使用一些明亮醒目的純色,而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁設(shè)計一般采用藍色為主。我們平時網(wǎng)上訂餐的KFC、必勝客等頁面一般都是采用的企業(yè)文化的標識顏色,以紅色橘色為主,這樣的暖色系更能勾起人們食欲。白色,因其明度最高,無色相,明亮干凈、暢快、樸素,永恒無暇,在自然界象征著極致的純凈與貞潔??梢越o人很好的輕快速度感,運用得當可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。如圖7、圖8所示。
2.4 空白不等于蒼白
中國的傳統(tǒng)美學(xué)所提倡“空白”,不是單純的抽象、虛無,而是一種主觀的感性的理性的感悟。頁面變得蒼白?是不是整版的文字缺少圖片的點綴?其實適當?shù)狞c綴是必不可少的。在適當保留重要的留白空間的同時,為配上一張與文字相契合美圖吧,起到畫龍點睛的作用。或者是給段落文字總結(jié)旁邊添加一個小圖標,示意其文字內(nèi)涵。雖然使用空白多多益善,但也要盡可能的保證有對比感。設(shè)計師應(yīng)使用最小的視覺變化來表達想法。事實上這就是意味著元素之間要有主次感,如圖9所示。
其實透氣的留白并不等于無力的蒼白,讓有趣并富有創(chuàng)意的大膽設(shè)計去刺激閱讀者的視覺神經(jīng)吧!讓我們的網(wǎng)頁設(shè)計變得更有趣味性,更有思想,更簡約,但不簡單。
3 結(jié)束語
在網(wǎng)頁設(shè)計過程中,我們應(yīng)繼承我國的傳統(tǒng)文化,形成獨特的設(shè)計風格,拓展設(shè)計的視覺語言。與此同時,我們還要推陳出新,突出現(xiàn)代化,引領(lǐng)時尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進行提煉和二次設(shè)計,讓網(wǎng)頁設(shè)計獲得更強的視覺認知力和藝術(shù)感染力,營造一個自然、合理、順暢的視覺流程,更好的激發(fā)人們的審美情趣,引導(dǎo)人們在美的享受中接受傳達的信息,發(fā)現(xiàn)美好。
參考文獻
[1](美)魯?shù)婪颉ぐ⒍骱D?藝術(shù)與視知覺[M].北京:中國社會科學(xué)出版社,1984,(5).
[2]孫嬌,宗明明.網(wǎng)頁設(shè)計中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究,2011,(7).
[3]李湘媛.淺談網(wǎng)頁設(shè)計中的色彩語言表達[J].藝術(shù)教育,2012,(11).
[4]萬劍,丁潔瓊.論平面設(shè)計中色彩的應(yīng)用[J].職業(yè)技術(shù),2006,(20).endprint
摘要:
隨著商業(yè)社會的繁榮,大眾生活品質(zhì)的提高,互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式,同時我們開始關(guān)注“信息的品質(zhì)”。而網(wǎng)頁是網(wǎng)絡(luò)信息傳達的主要載體,網(wǎng)頁設(shè)計成為人機交互的重要對象之一。其視覺呈現(xiàn)更是直接影響最終的網(wǎng)絡(luò)傳播效果。通過對網(wǎng)頁版式設(shè)計的視覺流程的籌劃分析以及影響網(wǎng)頁設(shè)計頁面視覺呈現(xiàn)要素的闡述,凸顯了簡潔網(wǎng)頁設(shè)計的視覺呈現(xiàn)和藝術(shù)美感的重要性。只有輕薄簡潔美觀的視覺呈現(xiàn)才能更多的吸引消費者,對于網(wǎng)絡(luò)信息傳達來講具有重要的意義。
關(guān)鍵詞:
網(wǎng)頁設(shè)計;簡約主義;視覺呈現(xiàn)
中圖分類號:
F49
文獻標識碼:A
文章編號:1672-3198(2014)01-0173-02
1 網(wǎng)頁設(shè)計視覺流程籌劃
首先,什么是視覺流程?通俗的講,就是人們在觀看網(wǎng)頁時候的視覺路線走向。我們在瀏覽網(wǎng)頁是時候通常是從第一感覺印象到具體信息傳達,最后產(chǎn)生整體感官印象的過程。美國阿爾多斯.赫敘尼在《觀看的藝術(shù)》中提到:感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素,進行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。
視覺流程是視線在觀賞物體上移動的過程,而網(wǎng)頁設(shè)計中的視覺流動路線是相當重要的,是設(shè)計師們不可忽視的關(guān)鍵因素之一。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運動軌跡,水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動,三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動,而圓形的物體往往會讓我們的視線呈輻射狀運動。
因此,網(wǎng)頁設(shè)計中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時一般的閱讀習(xí)慣是從左至右,從上至下。也就是說我們在瀏覽網(wǎng)頁時一般視覺流程是從左上角向下逐漸移動的,所以,我們一般會把一些重要的訊息,比如logo、通知、最新信息放在左上位置,通常我們叫這個位置為視覺中心。
2 影響網(wǎng)頁頁面視覺呈現(xiàn)的要素
2.1 網(wǎng)頁頁面的版面率
版面率指的是網(wǎng)頁設(shè)計中文字、圖形、圖像、顏色等的占有率,它不僅影響頁面信息傳達效率,也決定著整個網(wǎng)頁設(shè)計的視覺呈現(xiàn)效果。一般來說,版面率與視覺傳達效果以及設(shè)計創(chuàng)意成反比的。如圖1、2所示。
我們可以看出,宜家的版面率低,整個頁面幾乎只有其logo的存在,所容納的信息量少,但是給我們的視覺沖擊力很強烈,視覺呈現(xiàn)的形式感很強。在網(wǎng)頁設(shè)計中,極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達給瀏覽者,而且也可以起到一個避免閱讀中分散注意力的作用。譬如,在一個純白或是純黑的頁面上,出現(xiàn)的任何一個色彩都將會引起瀏覽者的注意,色彩本身也就成為了我們關(guān)注的焦點?!吧偌词嵌唷痹诰W(wǎng)頁設(shè)計中同樣也適用。如我們的一些個人網(wǎng)站、博客等商業(yè)氣息不濃厚,大多都會以設(shè)計創(chuàng)意個性為主,版面率較低。選擇版面率比較高的設(shè)計時,講究空間的有效利用與秩序的合理劃分,而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板,要么秩序混亂。
2.2 網(wǎng)頁設(shè)計的權(quán)衡布局及簡化設(shè)計
所謂簡約主義,顧名思義就是要我們將設(shè)計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”,實際上就是簡約主義。目前,簡約設(shè)計已經(jīng)被廣泛應(yīng)用到我們生活的各個領(lǐng)域,無論是室內(nèi)設(shè)計或是平面設(shè)計還是包裝設(shè)計,都在實行“簡約主義”。甚至很多品牌,譬如無印良品、宜家家居等都是采用的簡約主義風格,無疑簡潔時尚已成為人們廣泛追求的一種風格。正所謂“簡約不簡單”,個人也認為越是簡單的東西越大牌。
排版布局中的平衡、對齊及對比關(guān)系,對頁面視覺效果至關(guān)重要。然而畫面效果頭重腳輕,或者左右失衡,則會讓瀏覽者感覺到不適,心理上會造成一種束縛感和壓迫感,從而影響到閱讀者瀏覽信息的流暢性。
那么對于網(wǎng)頁設(shè)計來說,要做到簡化設(shè)計的第一步就是要去除一些多余的沒有必要的東西,盡可能的丟掉他們,留下一下最為關(guān)鍵的信息,比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊,它的頁面設(shè)計就做到了這點,如圖3、圖4所示。
2.3 顏色給我們帶來的心理暗示
彩是我們認識事物的第一印象,我們在瀏覽網(wǎng)頁的時候?qū)σ曈X沖擊力強的網(wǎng)頁設(shè)計留下的印象最為深刻。因此一個好的網(wǎng)頁設(shè)計必定有一個很好的頁面配色設(shè)計,它不僅能更好的傳達信息,同時還能更好的與大眾的心理需求相契合,更大的發(fā)揮網(wǎng)頁設(shè)計中帶來的視覺效果,如圖5、圖6所示。
根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念,常常要做一些不同的網(wǎng)頁設(shè)計才吸引消費大眾。因為人們在長時間瀏覽網(wǎng)頁的時候很容易產(chǎn)生疲倦,在色彩的使用上,我們一般應(yīng)將色彩對比放在一些需要仔細閱讀或主要信息上,以免增加網(wǎng)頁瀏覽者的閱讀難度,引起視覺疲勞。同時,我們也不能采用一些辨識度低的顏色,盡可能把信息目標更快更好的傳達到消費者的眼中。
不同的網(wǎng)站類型都有著自身的色彩語意相關(guān)性,譬如兒童用品的網(wǎng)頁設(shè)計則多使用一些明亮醒目的純色,而一些高科技產(chǎn)業(yè)等互聯(lián)網(wǎng)行業(yè)的網(wǎng)頁設(shè)計一般采用藍色為主。我們平時網(wǎng)上訂餐的KFC、必勝客等頁面一般都是采用的企業(yè)文化的標識顏色,以紅色橘色為主,這樣的暖色系更能勾起人們食欲。白色,因其明度最高,無色相,明亮干凈、暢快、樸素,永恒無暇,在自然界象征著極致的純凈與貞潔??梢越o人很好的輕快速度感,運用得當可以讓其它任何淺顏色及亮顏色呈現(xiàn)出其深度、明度和飽和度的不同,通過對比讓其亮色更加明快、專注和舒適。整潔、大空白的同時讓用戶保持歡快的情感進行瀏覽。如圖7、圖8所示。
2.4 空白不等于蒼白
中國的傳統(tǒng)美學(xué)所提倡“空白”,不是單純的抽象、虛無,而是一種主觀的感性的理性的感悟。頁面變得蒼白?是不是整版的文字缺少圖片的點綴?其實適當?shù)狞c綴是必不可少的。在適當保留重要的留白空間的同時,為配上一張與文字相契合美圖吧,起到畫龍點睛的作用?;蛘呤墙o段落文字總結(jié)旁邊添加一個小圖標,示意其文字內(nèi)涵。雖然使用空白多多益善,但也要盡可能的保證有對比感。設(shè)計師應(yīng)使用最小的視覺變化來表達想法。事實上這就是意味著元素之間要有主次感,如圖9所示。
其實透氣的留白并不等于無力的蒼白,讓有趣并富有創(chuàng)意的大膽設(shè)計去刺激閱讀者的視覺神經(jīng)吧!讓我們的網(wǎng)頁設(shè)計變得更有趣味性,更有思想,更簡約,但不簡單。
3 結(jié)束語
在網(wǎng)頁設(shè)計過程中,我們應(yīng)繼承我國的傳統(tǒng)文化,形成獨特的設(shè)計風格,拓展設(shè)計的視覺語言。與此同時,我們還要推陳出新,突出現(xiàn)代化,引領(lǐng)時尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進行提煉和二次設(shè)計,讓網(wǎng)頁設(shè)計獲得更強的視覺認知力和藝術(shù)感染力,營造一個自然、合理、順暢的視覺流程,更好的激發(fā)人們的審美情趣,引導(dǎo)人們在美的享受中接受傳達的信息,發(fā)現(xiàn)美好。
參考文獻
[1](美)魯?shù)婪颉ぐ⒍骱D?藝術(shù)與視知覺[M].北京:中國社會科學(xué)出版社,1984,(5).
[2]孫嬌,宗明明.網(wǎng)頁設(shè)計中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究,2011,(7).
[3]李湘媛.淺談網(wǎng)頁設(shè)計中的色彩語言表達[J].藝術(shù)教育,2012,(11).
[4]萬劍,丁潔瓊.論平面設(shè)計中色彩的應(yīng)用[J].職業(yè)技術(shù),2006,(20).endprint