




下載本文檔
版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
1、網(wǎng)頁設計制作論文范文精選在當前這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網(wǎng)頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網(wǎng)頁設計中,有著明顯的現(xiàn)實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網(wǎng)頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發(fā)意義。關鍵詞:簡約主義; 網(wǎng)頁設計 ; 對策一、前言邁入新世紀之后,信息技術蓬勃發(fā)展,我們已經(jīng)身處于信息時代的懷抱中,在這個時代中,各種視覺信息不斷泛濫,讓我們眼花繚亂、應不暇接。人們越來越希望網(wǎng)頁設計能夠變得簡潔、明快、一目了然。將簡約主義思想應用于網(wǎng)頁設計中,有著明顯
2、的現(xiàn)實意義。本文先分析簡約設計理念的起源,接著研究簡約主義視角下網(wǎng)頁設計的特點,最后提出一套有針對性的應用簡約主義理念的對策,希望能起到一定的啟發(fā)意義。二、簡約主義溯源三、簡約主義視角下網(wǎng)頁設計的特點互聯(lián)網(wǎng)的日益普及使得網(wǎng)絡承載的網(wǎng)頁內(nèi)容不斷增多,功能也日趨多元化。雖然人們通過網(wǎng)頁能找到自己想要的信息,但由于網(wǎng)絡世界缺乏應有的監(jiān)管,導致一些網(wǎng)頁看似華麗,實則空虛,這就對網(wǎng)頁設計提出了更高的要求。將簡約主義理念用于網(wǎng)頁設計中,有著廣泛而深遠的意義。首先,網(wǎng)頁設計應用簡約主義理念,可以提升用戶體驗。如果只注重網(wǎng)頁的外觀設計,一味追求華麗美觀,用戶可能難以在網(wǎng)頁中迅速攫取自己想要的信息內(nèi)容,這樣的用
3、戶體驗顯然是很糟糕的。其實,在網(wǎng)頁設計中,簡約是一個相對性概念,力求摒棄泛濫與隨意。網(wǎng)頁設計的簡約是對網(wǎng)頁信息結(jié)構進行科學布置,簡單清晰地向用戶傳達他們想要的信息,從而留住用戶,提高網(wǎng)頁的點擊率。其次,網(wǎng)頁設計應用簡約主義理念,可以做到網(wǎng)頁信息主次分明。Google產(chǎn)品設計副總裁MarissaMayer曾經(jīng)對這個功能做出過精辟闡釋,她認為簡約的網(wǎng)頁設計就猶如一把合上的瑞士軍刀,用戶往往只能記住一個網(wǎng)站的7-9 個功能,腦海中留有16個左右的關鍵詞印象,所以必須在這個范圍內(nèi)合理考慮用戶的要求,而那些功能繁雜、頁面華麗的網(wǎng)站,更像一把打開的瑞士軍刀,可能會“傷害”用戶的使用,使其感覺信息混亂。四、
4、網(wǎng)頁設計應用簡約主義理念的對策自從米斯?凡德羅提出了經(jīng)典的“ Lessismore”設計原則,簡約主義設計理念收到了人們的熱烈追捧與認可,它提倡摒除所有無關緊要的要素,以簡明、活潑、輕快的設計風格直達用戶內(nèi)心,滿足用戶訴求。如今,現(xiàn)代人身處于一個信息爆炸、知識泛濫的時代中,內(nèi)心越來越渴望網(wǎng)頁界面做到簡潔明快,能快速找到想要的信息。有鑒于此,網(wǎng)頁設計應用簡約主義理念可以從以下幾點入手:1、合理取舍2、合理組織視覺要素在設計網(wǎng)頁界面時,有了簡約主義設計理念的指導,設計師應該合理組織視覺要素,力求做到簡單清晰。設計者要合理分類、組合網(wǎng)頁界面的信息,進行適當刪減。分類網(wǎng)頁信息是為了讓用戶在瀏覽網(wǎng)頁時,
5、可以直接、快捷地了解網(wǎng)頁布局與結(jié)構,做到心中有數(shù),在其腦海中留下一定印象; 減少類別和適當刪減并不是要減少網(wǎng)頁含量,而是將重點信息、關鍵信息放置于一個相對簡單的布局中,使用戶能一眼就看到有效信息而不浪費時間。在組織視覺要素時,設計師可以先構建一個簡單清晰的首頁,摒棄繁雜,然后進行適當配色,色彩種類不可過多,以簡潔素養(yǎng)為主,文字介紹也不可花里胡哨,力求做到簡潔明快。3、網(wǎng)頁各界面保持風格統(tǒng)一毫無疑問,現(xiàn)在的網(wǎng)頁界面有著眾多層級,設計是必須做到網(wǎng)頁界面的風格統(tǒng)一和和諧,不可產(chǎn)生太大的突兀之感。用戶一般是通過首頁或者網(wǎng)頁鏈接進入網(wǎng)頁界面的某個層級中,假若網(wǎng)格界面的風格不夠統(tǒng)一,甚至存在較大反差,很容
6、易影響用戶認知網(wǎng)頁信息的效果,不利于他們順利解讀網(wǎng)頁信息。事實證明,統(tǒng)一和諧的網(wǎng)頁界面風格不僅可以增強用戶的認知與記憶,提高他們搜索所需信息的效率,還能使用戶對該網(wǎng)頁印象深刻,對其形成滿意度,成為該網(wǎng)頁的“忠實粉”。對于網(wǎng)頁界面風格的和諧統(tǒng)一,關鍵要做到同樣元素的位置和大小要保持一致,起碼不能差距太大,配色方案也要保持整體一致,同類型的設計要素風格也應該盡量保持一致。五、結(jié)束語網(wǎng)頁設計論文文獻1美RobertHoekman,Jr.瞬間之美-Web界面設計如何讓用戶動心 M. 北京 : 人民郵電出版社,20092 鬲波飛 . 網(wǎng)頁設計之視覺信息傳達分析J. 湖南大學學報(社會科學版),2001,
7、15(4):15-19.3 唐良瑞 , 李丹 . 網(wǎng)頁設計的諸要素分析J. 北方工業(yè)大學學報 ,2000,12(1):15-19.4 黃海燕 . 網(wǎng)頁設計與平面設計J. 包裝工程,2004,25(1):126-1276 徐超 . 探究簡約主義的網(wǎng)頁設計D. 上海:上海師范大學設計藝術學,2012: 19.7 李靜 . 基于視覺體驗的網(wǎng)頁界面極簡主義設計D. 武漢:中國地質(zhì)大學藝術與傳媒學院,2013: 27.摘要:網(wǎng)頁設計伴隨著網(wǎng)絡的快速發(fā)展而興起,網(wǎng)頁講究的是排版布局,其功能主要就是提供一種形式給上網(wǎng)者,讓他們能夠了解網(wǎng)站提供的信息。怎樣能讓上網(wǎng)者在瀏覽網(wǎng)頁信息的同時,不但瀏覽起來方便快捷而
8、且感覺網(wǎng)頁賞心悅目了?以下針對網(wǎng)絡環(huán)境下的審美,談談自己對網(wǎng)頁設計的一己之見。關鍵詞:網(wǎng)頁設計審美美感一、網(wǎng)頁設計的審美需求1、網(wǎng)頁的審美談到美,網(wǎng)頁這種特殊環(huán)境下的美與傳統(tǒng)的藝術上的審美有著明顯的區(qū)別,一般的藝術上只要能夠在欣賞者的心里產(chǎn)生共鳴就是美的 ; 而網(wǎng)頁的布局上的審美卻要受到很多的限制,網(wǎng)頁設計面對的是大量用戶,由于更新速度的快捷,隨時都會反饋回來對網(wǎng)頁的批評建議等,可以根據(jù)實際情況進行修改,這個過程可以在很短的時間里完成。同時網(wǎng)頁能融合文字、圖片、聲音、動畫于一身。這是傳統(tǒng)藝術所達不到的。當然最根本的在使用方面就限制了它不能夠隨意的揮灑自如,任設計師自由的發(fā)揮。2、網(wǎng)頁的功能網(wǎng)頁
9、,最初就是在功能性的基礎之上發(fā)展起來的。使用者如何從網(wǎng)頁中更好得到功能,這就需要站在使用者的角度來看待網(wǎng)頁設計。作為設計師引導潮流沒有錯,但是更要貼近自己的使用對象,想他們所想,急他們所急,適時的將自己的設計風格融入到作品中去,接受他們的檢驗,只有經(jīng)得起考驗的設計才是好的設計。二、網(wǎng)頁設計的幾點原則1、要考慮上網(wǎng)者的環(huán)境。在網(wǎng)絡世界里,涉及到各方面的內(nèi)容,使用者通常是打開很多的窗口,在一種紛繁復雜的情況下接受信息。假如他們?yōu)g覽的網(wǎng)頁是設計特別花哨,文字、動畫等堆砌的極為雜亂,加劇了心理上的厭煩感,這種網(wǎng)頁能算得上美嗎?所以從使用環(huán)境里的功能的因素來考慮美才是最根本的。2、考慮網(wǎng)頁的使用對象3、
10、考慮網(wǎng)頁的使用功能4、網(wǎng)站的自身形象設計三、網(wǎng)頁美的基本標準1、簡潔實用網(wǎng)絡特殊環(huán)境下,以最高效率的方式將用戶所要想得到的信息傳送出去,使用方便,越滿足使用者的要求,就越顯示出其功能美。2、整體性好一個網(wǎng)站強調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的。3、網(wǎng)站形象突出一個符合美的標準的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。4、頁面用色協(xié)調(diào),布局符合形式美的要求布局有條理,充分利用美的形式,使網(wǎng)頁富有可欣賞性,提高檔次。一個網(wǎng)站單一顏色,讓人感覺單調(diào)乏味; 顏色過多讓人感覺輕浮花俏。必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),乏味。5、交互式強發(fā)揮網(wǎng)絡的優(yōu)
11、勢,使每個使用者都參與到其中來,這樣的設計才能算成功的設計。四、設計界面的應用方法設計界面所包含的因素運用中必須有側(cè)重、有強調(diào)的把握。設計因素雖多,但它仍是一個不可分割的整體。它的結(jié)果是物化的形,但這個形卻是代表了時代、民族等方面的意識,并最終反映出人的“美”的心理活動。另一方面,設計師自身對社會環(huán)境也要進行深入的認識與考察,對設計的作品取向有明晰的認識。日本設計師佐野邦雄先生曾作一圖一一生活的變遷與設計師的課題,將日本及世界上某些非常有影響性的事件進行了歸納,進而對設計有了深入的認識與感悟。所以,要運用好設計的界面,理性的認識是首要的,其次就是創(chuàng)造性的,而且是有實效性的分析、處理信息。設計不
12、是一成不變的,分析方法也不是一成不變的,設計的界面同樣是在人一物的信息交流中變化發(fā)展的。以上談了幾個涉及到網(wǎng)頁設計的美的相關的功能的影響,綜合以上的概述,下面總結(jié)以下網(wǎng)頁美的基本標準。五、設計界面的運用原則1、合理性原則2、動態(tài)性原則即要有四維空間或五維空間的運作觀念。一件作品不僅是二維的平面或三絕的立體,也要有時間與空間的變換,情感與思維認識的演變等多維因素。3、多樣化原則即設計因素多樣化考慮。當前越來越多的專業(yè)調(diào)查人員與公司出現(xiàn),為設計帶來豐富的資料和依據(jù)。但是,如何獲取有效信息,如何分析設計信息實際上是一個要有創(chuàng)造性思維與方法的過程體系。4、交互性原則即界面設計強調(diào)交互過程。一方面是物的
13、信息傳達,另一方面是人的接受與反饋,對任何物的信息都能動地認識與把握。5、共通性原即把握三類界面的協(xié)調(diào)統(tǒng)一,功能、情感、環(huán)境不能孤立而存在。從心理的角度來講,設計元素給人一定的先后印象,它們的次序分別是:色彩一圖象一文字。色彩起著必不可少的作用,把握好色 彩,才能把握好網(wǎng)頁的整體設計。一、網(wǎng)頁設計中的色彩模式網(wǎng)頁設計的頁面最終顯示在計算機顯示器上,而非傳統(tǒng)的紙張上,因此,它的色彩運用有特殊的要求。網(wǎng)頁設計中用色以RG電彩模型為基礎,而RGBJI型則依賴混合 不同的R(紅)、G0i)、B(藍)值來建立色譜中的大多數(shù)顏色,RGB莫 式主要用于計算機上所顯示的圖象。以紅,綠,藍為計算機上所顯示圖象的
14、三原色,其它的色彩都可以用這三種色彩調(diào)和而成。二、網(wǎng)頁設計的色彩藝術設計(一 )綜合色相、明度、純度進行的網(wǎng)頁色彩設計網(wǎng)頁的色彩藝術設計是以色彩的屬性進行配色的依據(jù),而色彩的屬性包括色相一色彩不同的相貌、明度一色彩的明暗程度、純度一 色彩的鮮濁程度。1、根據(jù)色相的特征考慮網(wǎng)頁的色彩(2) 白色給人的印象是潔凈、光明、恬靜等。在它的襯托下,其 他色彩會顯得更鮮艷、更明朗。(3) 灰色突出的性格是柔和、平穩(wěn),它不會明顯影響其它色彩,因此,在網(wǎng)頁設計中,作為背景色非常理想。任何色彩都可與灰色相混合,給人以高雅、細膩、含蓄、而有素養(yǎng)的高檔感覺。(4) 紅色一般用作迎貴賓的場合,含白的高明度粉紅色,則有
15、柔美、甜蜜、幸福的感覺,不妨考慮用它作為女性網(wǎng)站的色彩。(5) 橙色感覺活潑、華美、甜密、幸福等,但也有疑惑、嫉爐等消極的傾向。含白的淺橙色與橙色本身都是食品包裝中常用的甜美 色彩,用在食品的網(wǎng)頁設計上是不錯的選擇。(7) 綠色象征生命、青春、和平等,人眼最適應綠色。黃綠帶給人們春天的氣息。藍綠、深綠有著深遠、睿智等含義?;揖G給人以 成熟、深沉的感覺。(8) 藍色表示沉靜、理智等含義。淺藍色系明朗而富有青春朝氣,被年輕人所喜愛,但也有不夠成熟的感覺。深藍色系沉著、穩(wěn)定,為中老年人普遍喜愛的色彩。藍色也有另一面的性格,如刻板、冷漠、悲哀、恐懼等。藍色受到世界各國、各族人民的歡迎。(9) 紫色具備
16、神秘、高貴、優(yōu)美、莊重、奢華的氣質(zhì),但也有孤寂、消極的感覺。尤其是暗紫容易給人以腐朽、死亡的印象。但藍紫色,卻有著類似太空、宇宙色彩的幽雅、神秘的時代感,在現(xiàn)代生活里被廣泛采用。(10) 光澤色指除了金、銀等貴金屬色以外,所有色彩帶上光澤后的色彩。金色富麗堂皇,象征榮華富貴; 銀色雅致高貴,象征純潔、信仰,比金色溫和。在網(wǎng)頁設計中,小面積點綴,具有提神作用,大面積使用則會產(chǎn)生過于眩目的影響,顯得浮華而失去穩(wěn)重感。2、網(wǎng)頁色彩設計除了考慮以上所講色相的各種特征,還要結(jié)合色彩的明度、純度綜合考慮可以歸納為這幾方面:(1) 用對比色調(diào)來表現(xiàn)網(wǎng)頁的色彩設計,包括色相對比、明度對比、純度對比色相的對比是
17、指不同色彩之間的對比,從24 色環(huán)上按度數(shù)可分為同類色 (15° )、類似色 (60° )、鄰近色 (90° )、對比色(120 ° )和互補色 (180 ° ),它們分別使網(wǎng)頁呈現(xiàn)以下的特點:同類色對比:和諧、統(tǒng)一。紅色、橙色、黃色、赭色等暖色調(diào)可使網(wǎng)頁呈現(xiàn)溫馨、和煦、熱情的氛圍。藍色、藍紫色等冷色調(diào)可使網(wǎng)頁呈現(xiàn)寧靜、清涼、高雅的氛圍。鄰近色對比:豐滿、活潑,既保持了統(tǒng)一的優(yōu)點,又克服了視覺不滿足的缺點。類似色相對比:仍然統(tǒng)一、和諧,與同類色相比效果要豐富得多。對比色相對比:效果強烈、興奮; 互補色 ( 紅色 - 綠色、藍色- 橙色、黃色-
18、紫色 ) 對比:飽滿、活躍、刺激的特點。明度對比,就是將不同明度的兩色或多色并列在一起,明的更明、暗的更暗的現(xiàn)象。高明度具有優(yōu)雅、明亮的感覺; 中明度具有柔和穩(wěn)定的感覺 ; 低明度具有沉靜厚重的感覺。純度對比是將不同純度的兩色并列在一起,因純度差而形成鮮的更鮮、濁的更濁的色彩對比現(xiàn)象。高純度色彩具有明朗、積極的感覺 ; 中純度色彩具有含蓄、穩(wěn)定的感覺; 低純度色彩具有:樸素、平淡的感覺。利用高中低明度、純度的特點組進行網(wǎng)頁中的色彩搭配,能體現(xiàn)不同的風格。(2) 色彩的大小和形狀對比色彩的大小會令色彩的對比有一種生動效果,比如網(wǎng)站設計中,嘗試在一大片綠色中加入幾小點紅色小花,你會注意到紅色的小花在綠色的襯托底下很搶眼,這就是色彩的大小對對比效果的影響,在大面積的色彩陪襯下,小面積的純色會突出特別的效果。但是如果用較淡的色彩,則會讓你感覺不到這種色彩的存在。譬如在米黃色中加入淡灰色,你根本就不會注意到淡灰色。(3) 網(wǎng)頁底色與文字、圖片色彩的對比假如網(wǎng)頁中底色是低調(diào),網(wǎng)頁上的文字、圖片顏色就要淺,以深色的背景襯托淺色的內(nèi)容; 反之,底色是高調(diào),文字、圖片顏色就要深些,以淺色的背景襯托深色的內(nèi)容。如果色彩的明度很接近,讀者在閱覽時,眼睛就會感覺很吃力,影響了閱讀
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 交易合同履行情況統(tǒng)計表
- 消防施工方案怎么寫
- 鞋店設計施工方案
- 企業(yè)股權激勵方案及效果研究的國內(nèi)外文獻綜述6100字
- 亳州輕型木屋施工方案
- 玻璃展館設計施工方案
- 法院旁聽審警示教育活動方案
- 菱形吊頂快速施工方案
- DB3707T 136-2025 無籽西瓜秋延遲栽培技術規(guī)程
- 預制板墻保溫墻施工方案
- 導彈防御課件教學課件
- 上海鐵路局入職合同范例
- Profinet(S523-FANUC)發(fā)那科通訊設置
- 航空器自動駕駛
- 《公路橋涵施工技術規(guī)范》JTG-T3650-2020培訓
- 2024年大學試題(教育學)-課程與教學論考試近5年真題集錦(頻考類試題)帶答案
- 四年級數(shù)學下冊簡便運算100題及答案
- 緊密型醫(yī)療衛(wèi)生共同體慢性病雙向轉(zhuǎn)診流程圖
- DB34T 1591-2012 茶樹凍害氣象指標
- 盤盤轉(zhuǎn)轉(zhuǎn)制作國風標簽(課件)六年級下冊勞動
- 02S515排水檢查井圖集
評論
0/150
提交評論