第02章-網(wǎng)頁設(shè)計創(chuàng)意

主講：曾健友，藝術(shù)與傳媒學院，中國地質(zhì)大學2023年12月30日Jianyou藝術(shù)與傳媒學院22.1網(wǎng)頁創(chuàng)意設(shè)計思維2.2網(wǎng)頁設(shè)計創(chuàng)意方法2023年12月30日Jianyou藝術(shù)與傳媒學院32.1網(wǎng)頁創(chuàng)意設(shè)計思維2.1網(wǎng)頁創(chuàng)意設(shè)計思維一個網(wǎng)站如果想在瀏覽者中確立自己的形象，就必須具有突出的個性。在網(wǎng)頁設(shè)計中，要想到達吸引瀏覽者、引起共鳴的目的，就必須依靠網(wǎng)站自身獨特的創(chuàng)意，因此創(chuàng)意是網(wǎng)站存在的關(guān)鍵。好的創(chuàng)意能巧妙、恰如其分地表現(xiàn)主題、渲染氣氛，增加網(wǎng)頁的感染力，讓人過目不忘，并且能夠使網(wǎng)頁具有整體協(xié)調(diào)的風格。作為網(wǎng)頁設(shè)計師，最苦惱的就是沒有好的創(chuàng)意來源。2023年12月30日Jianyou藝術(shù)與傳媒學院42.1.1什么是創(chuàng)意創(chuàng)意是引人入勝、精彩萬分、出奇不意的想法；創(chuàng)意是捕捉出來的點子，是創(chuàng)作出來的奇招……創(chuàng)意并不是天才者的靈感，而是思考的結(jié)果。創(chuàng)意是將現(xiàn)有的要素重新組合。在網(wǎng)頁設(shè)計中，創(chuàng)意的中心任務(wù)是表現(xiàn)主題。因此，創(chuàng)意階段的一切思考，都要圍繞著主題來進行。2023年12月30日Jianyou藝術(shù)與傳媒學院5鮮橙多網(wǎng)站首頁Flash動畫

加載過程截圖

2023年12月30日Jianyou藝術(shù)與傳媒學院6“一切皆有可能〞——李寧網(wǎng)站動畫加載過程截圖

2023年12月30日Jianyou藝術(shù)與傳媒學院72023年12月30日Jianyou藝術(shù)與傳媒學院82.1.2創(chuàng)意思維的原那么1.審美原那么好的創(chuàng)意必須具有審美性。一種創(chuàng)意如果不能給瀏覽者以好的審美感受，就不會產(chǎn)生好的效果。創(chuàng)意的審美原那么要求所設(shè)計的內(nèi)容健康、生動、符合人們審美觀念。2023年12月30日Jianyou藝術(shù)與傳媒學院92.1.2創(chuàng)意思維的原那么2.目標原那么創(chuàng)意自身必須與創(chuàng)意目標相吻合，創(chuàng)意必須能夠反映主題、表現(xiàn)主題。網(wǎng)頁設(shè)計必須具有明確地目標性。網(wǎng)頁設(shè)計的目的是為了更好的表達網(wǎng)站內(nèi)容。2023年12月30日Jianyou藝術(shù)與傳媒學院102.1.2創(chuàng)意思維的原那么3.系列原那么系列原那么符合“寓多樣于統(tǒng)一之中〞這一形式美的根本法那么，是在具有同一設(shè)計要素或同一造型、同一風格或同一色彩、同一格局等的根底上進行連續(xù)的開展變化，既有重復(fù)的變遷，又有漸變的規(guī)律。這種系列變化，給人一種連續(xù)、統(tǒng)一的形式感，同時又具有一定的變化，表達了網(wǎng)站的整體運作能力和水平，增強了網(wǎng)站的固定印象和信任度。2023年12月30日Jianyou藝術(shù)與傳媒學院112.1.2創(chuàng)意思維的原那么4.簡潔原那么要做到簡潔原那么：一是要明確主題，抓住重點，不能本末倒置、喧賓奪主；二是注意修飾得當，要做到含而不露、蓄而不發(fā)、以凝煉、樸素、自然為美。2023年12月30日Jianyou藝術(shù)與傳媒學院122.1.3創(chuàng)意過程創(chuàng)意是傳達信息的一種特別方式。根據(jù)美國廣告學教授詹姆斯的研究，創(chuàng)意思考的過程分5個階段：準備期：研究所搜集的資料，根據(jù)舊經(jīng)驗，啟發(fā)新創(chuàng)意。孵化期：將資料咀嚼消化，使意識自由開展，任意結(jié)合。啟示期：意識開展并結(jié)合，產(chǎn)生創(chuàng)意。驗證期：將產(chǎn)生的創(chuàng)意討論修正。形成期：設(shè)計制作網(wǎng)頁，將創(chuàng)意具體化。2023年12月30日Jianyou藝術(shù)與傳媒學院132023年12月30日Jianyou藝術(shù)與傳媒學院142.2網(wǎng)頁設(shè)計創(chuàng)意方法2.2網(wǎng)頁設(shè)計創(chuàng)意方法在進行創(chuàng)意的過程中，需要設(shè)計人員新穎的思維方式。好的創(chuàng)意是在借鑒的根底上，利用已經(jīng)獲取的設(shè)計形式，來豐富自己的知識、從而啟發(fā)創(chuàng)造性的設(shè)計思路。下面介紹幾種常用的創(chuàng)意方法。2023年12月30日Jianyou藝術(shù)與傳媒學院15常用的網(wǎng)頁設(shè)計創(chuàng)意方法綜合型創(chuàng)意方法趣味型創(chuàng)意方法聯(lián)想型創(chuàng)意方法比喻型創(chuàng)意方法傳統(tǒng)型創(chuàng)意方法時尚型創(chuàng)意方法2023年12月30日Jianyou藝術(shù)與傳媒學院162.2.1綜合型創(chuàng)意方法綜合型方法指在對網(wǎng)頁各個構(gòu)成要素進行分析的根底上加以綜合，使綜合后的界面整體形式表現(xiàn)出創(chuàng)新性。綜合型創(chuàng)意方法在網(wǎng)頁設(shè)計中被廣泛應(yīng)用，通過對各個元素的適宜性處理來表達出設(shè)計師的創(chuàng)作意圖和網(wǎng)站建設(shè)的風格，追求和諧的美感。對于大型網(wǎng)站，由于所包含的信息、資源眾多，所以在網(wǎng)頁創(chuàng)意設(shè)計時更要對各個局部進行合理的規(guī)劃。2023年12月30日Jianyou藝術(shù)與傳媒學院172023年12月30日Jianyou藝術(shù)與傳媒學院18趣味型創(chuàng)意方法瀏覽者容易被富于情趣的界面形式所吸引。趣味性方法以幽默、夸張的表現(xiàn)形式，表現(xiàn)出較強的視覺沖擊力，讓人瀏覽信息的同時擁有愉悅、輕松的心情，并能使瀏覽者留下回味。在網(wǎng)頁設(shè)計中，通過在網(wǎng)頁中采用一些經(jīng)過夸張?zhí)幚淼膱D形圖像，能更鮮明地強調(diào)主題，同時增強畫面的視覺效果。2023年12月30日Jianyou藝術(shù)與傳媒學院19幽默幽默法是指網(wǎng)頁作品中巧妙地再現(xiàn)喜劇性特征，抓住生活現(xiàn)象中局部性的東西,通過人們的性恪、外貌和舉止的某些可笑的特征表現(xiàn)出來。幽默的表現(xiàn)手法，往往運用饒有幽默的情節(jié)，巧妙的安排，把某種需要肯定的事物，無限延伸到漫畫的程度，造成一種充滿情趣，引人發(fā)笑而又耐人尋味的幽默意境。幽默的矛盾沖突可以到達出乎意料之外，又在情理之中的藝術(shù)效果，勾引起欣賞者會心的微笑，以別具一格的方式，發(fā)揮藝術(shù)感染力的作用。2023年12月30日Jianyou藝術(shù)與傳媒學院20網(wǎng)頁加載過程呈現(xiàn)出漢堡一張一合類似講話的效果，富有趣味！夸張夸張是一般中求新奇變化，通過虛構(gòu)把對象的特點和個性中美的方面進行夸大，賦予人們一種新奇與變化的情趣。按其表現(xiàn)的特征，夸張可以分為形態(tài)夸張和神情夸張兩種類型，前者為表象性的處理品，后者那么為含蓄性的情態(tài)處理品。通過夸張手法的運用，為網(wǎng)頁的藝術(shù)美注入了濃郁的感情色彩，使網(wǎng)頁的特征性鮮明、突出、動人。2023年12月30日Jianyou藝術(shù)與傳媒學院212.2.3聯(lián)想型創(chuàng)意方法人具有聯(lián)想的思維心理活動特征，它來自于人潛意識的本能，也來自于認知和經(jīng)驗的積累。在網(wǎng)頁中使用富于聯(lián)想性的圖形和色彩，可以使瀏覽者在形象與主題之間建立必然的聯(lián)系，從而起到加強主題表現(xiàn)的作用。豐富的聯(lián)想，能突破時空的界限，擴大藝術(shù)形象的容量，加深畫面的意境。通過聯(lián)想，人們在審美對象上看到自己或與自己有關(guān)的經(jīng)驗，美感往往顯得特別強烈。聯(lián)想是藝術(shù)設(shè)計中最常用的表現(xiàn)手法。聯(lián)想型創(chuàng)意要選擇受眾最熟悉的聯(lián)想形象誘導(dǎo)瀏覽者。例如：網(wǎng)頁上信封或郵筒的形象是“與我們聯(lián)系〞，麥克風的形象是“我要發(fā)言〞等。2023年12月30日Jianyou藝術(shù)與傳媒學院222023年12月30日Jianyou藝術(shù)與傳媒學院23手勢與照相的造型沙漠與河流2.2.4比喻型創(chuàng)意方法比喻與聯(lián)想的不同之處在于，聯(lián)想選用與主題直接關(guān)聯(lián)的形象，比喻那么選用與主題在某些方面有些許相近的形象。比喻型創(chuàng)意方法是指在設(shè)計過程中選擇兩個各不相同，而在某些方面又有些相似性的事物，“以此物喻彼物〞，比喻的事物與主題沒有直接的關(guān)系，但是某一點上與主題的某些特征有相似之處甚至比主題更加美好，因而可以借題發(fā)揮，進行延伸轉(zhuǎn)化，獲得“婉轉(zhuǎn)曲達〞的藝術(shù)效果。與其它表現(xiàn)手法相比，比喻手法比較含蓄隱伏，有時難以一目了然，但一旦領(lǐng)會其意，便能給人以意味無盡的感受。2023年12月30日Jianyou藝術(shù)與傳媒學院242023年12月30日Jianyou藝術(shù)與傳媒學院25用最原始的打來寓意聯(lián)通、溝通；用爬上聽筒的綠草來寓意活力、生機！2.2.5傳統(tǒng)型創(chuàng)意方法這類網(wǎng)頁設(shè)計以傳統(tǒng)風格和古舊形式來吸引瀏覽者。網(wǎng)頁中的造型元素采用傳統(tǒng)民族形式。傳統(tǒng)型創(chuàng)意適合應(yīng)用于以傳統(tǒng)藝術(shù)和文化為主題的網(wǎng)站中，將我國的書法、繪畫、建筑、音樂、戲曲等傳統(tǒng)文化中獨具的民族風格，融入到網(wǎng)頁設(shè)計的創(chuàng)意中。2023年12月30日Jianyou藝術(shù)與傳媒學院262023年12月30日Jianyou藝術(shù)與傳媒學院27北京-開倫隨園2.2.6時尚型創(chuàng)意方法時尚型創(chuàng)意手法通過鮮明的色彩、單純的形象以及編排上的節(jié)奏感，表達出流行的形式特征。網(wǎng)頁設(shè)計者利用不同類別的視覺元素，給瀏覽者強烈、不安定的視覺刺激感和炫目感。這類網(wǎng)站以時尚現(xiàn)代的表現(xiàn)形式吸引年輕瀏覽者的注意。2023年12月30日Jianyou藝術(shù)與傳媒學院282023年12月30日Jianyou藝術(shù)與傳媒學院292.2.7其它創(chuàng)意方法偶像崇拜巧設(shè)懸念巧用比照以小見大以人為本神奇迷幻2023年12月30日Jianyou藝術(shù)與傳媒學院30偶像崇拜在現(xiàn)實生活中，人們心里都有自己崇拜、仰慕或效仿的對象，而且有盡可能地向他們靠近的心理欲求。這種手法正是針對人們的這種心理特點，抓住人們對名人偶像仰慕的心理，選擇觀眾心目中崇拜的偶像，配合產(chǎn)品將信息傳達給觀眾。由于名人偶像有很強的心理感召力，故借助名人偶像的陪襯，可以大大提高產(chǎn)品的印象程度與銷售地位，樹立品牌的可信度，產(chǎn)生不可言喻的說服力，誘發(fā)消費者對名人偶像所贊譽的產(chǎn)品的注意、并激發(fā)起購置欲望。2023年12月30日Jianyou藝術(shù)與傳媒學院31

巧設(shè)懸念在表現(xiàn)手法上故弄玄虛，布下疑陣，使人對網(wǎng)頁乍看不解題意，造成一種猜疑和緊張的心理狀態(tài)，在瀏覽者的心理上掀起層層波瀾，產(chǎn)生夸張的效果，驅(qū)動瀏覽者的好奇心和強烈舉動，開啟積極的思維聯(lián)想，引起觀眾進一步探明網(wǎng)頁題意之所在的強烈愿望，然后通過網(wǎng)頁標題或正文把網(wǎng)頁的主題點明出來，使懸念得以解除，給人留下難忘的心理感受。懸念手法有相當高的藝術(shù)價值，它首先能加深矛盾沖突，吸引觀眾的興趣和注意力，造成一種強烈的感受，產(chǎn)生引人入勝的藝術(shù)效果。2023年12月30日Jianyou藝術(shù)與傳媒學院32掀起你的蓋頭來！

——巧設(shè)懸念，引起好奇巧用比照比照是一種趨向于對立沖突的藝術(shù)美最突出的表現(xiàn)手法。在網(wǎng)頁設(shè)計形式中參加不和諧的元素，把網(wǎng)頁中所描繪的事物的性質(zhì)和特點放在鮮明的對照和直接比照中進行表現(xiàn)，借彼顯此，互比互襯，從比照所呈現(xiàn)的差異中，達成集中、簡潔、曲折變化的表現(xiàn)效果。借助這種手法能夠更鮮明地強調(diào)或提示網(wǎng)頁的特征，給瀏覽者以深刻的視覺感受。2023年12月30日Jianyou藝術(shù)與傳媒學院33/

以小見大以小見大中的“小〞，是網(wǎng)頁中描寫的焦點和視覺興趣中心，它既是網(wǎng)頁創(chuàng)意的濃縮和升華，也是設(shè)計者匠心獨具的安排，因而它并不是一般意義的“小〞，而是小中寓大，以小勝大的高度提煉的產(chǎn)物，是簡潔的刻意追求。以細節(jié)見整體，以管窺豹。2023年12月30日Jianyou藝術(shù)與傳媒學院34

以人為本藝術(shù)的感染力最有直接作用的是感情因素，而以人為本是使藝術(shù)加強傳達感情的特征，在表現(xiàn)手法上側(cè)重選擇具有感情傾向的內(nèi)容，以美好的感情來襯托主題，真實而生動地反映這種審美感情就能獲得以情動人，發(fā)揮藝術(shù)感染人的力量，這是現(xiàn)代網(wǎng)頁設(shè)計的文學側(cè)重和美的意境與情趣的追求。多見于住宅、家具、食品等類型網(wǎng)站2023年12月30日Jianyou藝術(shù)與傳媒學院35

神奇迷幻運用畸形的夸張，以無限豐富的想象構(gòu)織出神話與童話般的頁面，在一種奇幻的情景中再現(xiàn)現(xiàn)實，造成與現(xiàn)實生活的某種距離，這種充滿濃郁浪漫主義，寫意多于寫實的表現(xiàn)手法，以突然出現(xiàn)的神奇的視覺感受，很富于感染力，給人一種特殊的美感受，可滿足人們喜好奇異多變的審美情趣的要求。多見于游戲網(wǎng)站、科幻題材網(wǎng)站。2023年12月30日Jianyou