版面設計概述課件

講——概述

講——概述1版面設計版面設計又被稱為版式設計、編排設計版面設計是一門字體設計和圖文整和的工作，在界定的范圍內，將文字字體、圖形符號、線條線框和顏色色塊等有限的視覺元素進行有機的排列組合，并運用造型要素及形式原理，將理性思維個性地表現出來。版面設計版面設計又被稱為版式設計、編排設計2包裝設計包裝設計3名片、畫冊名片、畫冊4第一講版面設計概述課件5輕松預訂，即在指尖平面廣告空白的電腦鍵盤、幾個鮮明的字母，辨識一下原來都是知名的酒店：希爾頓、假日酒店、萬豪，再配合頁面下的訴求“OnlineBooking”，廣告目的不言自明。這一系列平面表現簡潔明了輕松預訂，即在指尖平面廣告空白的電腦鍵盤、幾個鮮明的字母，辨6VI設計VI設計7網站頁面網站頁面8第一講版面設計概述課件9第一講版面設計概述課件10一、課程介紹課程代碼:DA2018課程學時：54學時課程學分：3學分教學目的要求：版面設計是視覺傳達中最重要的組成部分，主要目的是要求學生能通過對版面視覺元素、編排形式法則的研究和練習，掌握版面設計的基本規(guī)律和基本技巧，觸類旁通一、課程介紹課程代碼:DA201811教學目標：在完成這門課的學習后,學生需要達到以下要求:A、了解什么是版面設計及其重要性B、掌握版面設計正確的選擇樣式C、掌握如何調整版面的設計形態(tài)D、掌握文字、圖片、圖形的版面構成D、掌握版面設計的視覺流程E、掌握版面設計的編排設計法則F、掌握版面設計在其他領域上的應用教學目標：在完成這門課的學習后,學生需要達到以下要求:12考核方式：考核內容學習目標分數百分比考勤準時到課堂，不影響其他人，準時離開課堂。1015%平時成績課堂表現5分。平時成績15分。平時作業(yè)是有針對性單個知識點的訓練。主要根據當周講解的理論知識及欣賞的一些有針對性的案例，安排適當的實訓作業(yè)。為了讓學生了解一定的知識點、一些創(chuàng)意方法后，緊接著進行動手實踐來加強理解。2045%考試利用本課程最后一節(jié)課進行隨堂考試，檢驗學生的學習效果?？己诵问街饕捎蒙蠙C操作來完成。7070%考核方式：考核內容學習目標分數百分比考勤準時到課堂，不影響其13作業(yè)下載地址：

作業(yè)上傳地址：

用戶名、密碼為upload_0616任課教師：張欣本課程時間段：第一周至第八周辦公地點：數碼媒體系辦公室辦公電話：87818203E—maIl：手機：作業(yè)下載地址：任課教師：張欣14版式設計的理解：版式設計是一種有計劃、有目的的平面展示版式設計的主體是視覺傳達，視覺傳達的主要作用是達到信息傳遞的目的；版式設計是通過大眾傳播媒介來體現的，是視覺上的；版式設計的目的是為了讓人更容易讀懂內容，在某種程度上也是更能達到宣傳的目的；版式設計并不是獨立存在的，而是在作品主題內容影響與作用下產生的。版式設計的理解：版式設計是一種有計劃、有目的的平面展示15好設計的20條金律必須有一個概念需要溝通，不需要裝飾用一種視覺語言來表達最多使用兩種或三種字體分清主次，先后出擊！按需選擇色彩盡力做到“少即是多”！創(chuàng)造負空間，但不要填滿它!把字體當作圖像進行設計讓字體效果具有親和力讓做品人人都能看明白動靜有致安排明暗關系做設計要果斷、明確用眼睛測量，設計是視覺的設計制作自己所需之物，不要選用現成之物不要過于注重流行，嚴肅對待設計動起來!靜止等于索然無味回顧歷史，不重蹈覆轍對稱是最大的禍害好設計的20條金律必須有一個概念讓做品人人都能看明白161、必須有一個概念版面設計如果沒有信息，沒有故事，沒有觀點，沒有敘述，或者沒有有益的經驗，就不是平面設計。如果一個畫面版式不具有清晰的信息，它就是個空殼。1、必須有一個概念版面設計如果沒有信息，沒有故事，沒有觀點，17奧妙：衣服臟了不可怕，重要的是成長奧妙：衣服臟了不可怕，重要的是成長18第一講版面設計概述課件19國外CD包裝設計國外CD包裝設計20一縷茶香茶包裝一縷茶香茶包裝212、需要溝通，不需要裝飾如果為特定的設計選擇了不恰當的造型，那么傳達的信息將會出現偏差。利用形狀、細節(jié)和特殊效果固然好，但如果只是胡亂一起的把他們填充進版面，而不考慮他們的含義，不考慮他們如何表達信息或如何又背離了信息，那么得到的將是混亂成一片的垃圾，根本稱不上是設計。2、需要溝通，不需要裝飾如果為特定的設計選擇了不恰當的造型，22第一講版面設計概述課件23第一講版面設計概述課件243、用一種視覺語言來表達一個好的設計，其視覺語言即內在邏輯是能使各個元素達到完美契合的，各個元素能相互加強，相互映襯，相互關聯，不只在形狀、分量和布局上如此，在理念上也是一樣。3、用一種視覺語言來表達一個好的設計，其視覺語言即內在邏輯是25第一講版面設計概述課件26第一講版面設計概述課件274、最多使用兩種或三種字體根據需要選擇字體。要做好，必須確定你的需要是什么，而你很可能會發(fā)現，在一件設計作品中，字體對于正文只有兩到三種用途。因為字體的改變通常預示著含義或功能的改變。用太多字體會分散人的注意力和自覺性，讓觀眾感到混淆并產生疲勞感。4、最多使用兩種或三種字體根據需要選擇字體。要做好，必須確定28第一講版面設計概述課件295、分清主次，先后出擊！首先要把觀眾的注意力吸引到重要的信息上，然后再引向其他部分。一般而言，用一個大的形狀、一張突出的圖片、一種特殊的字體處理或大膽的用色，往往能合理地削弱次要部分的活躍程度，而讓重要的部分凸顯出來。5、分清主次，先后出擊！首先要把觀眾的注意力吸引到重要的信息30第一講版面設計概述課件31第一講版面設計概述課件32第一講版面設計概述課件336、按需選擇色彩

不要毫無目的地抓取色彩。要清楚當你把一些色彩結合使用的時候，他們發(fā)揮了什么樣的作用，更重要的是，他們對于觀眾意味著什么。色彩可以影響視覺的層次關系，文字的易讀程度，還會影響人們把迥然不同的食物聯系到一起。6、按需選擇色彩

不要毫無目的地抓取色彩。要清楚當你把一些色34第一講版面設計概述課件35第一講版面設計概述課件367、盡力做到“少即是多”！

在一個特定的空間里，材料填的越多，就越難引導觀眾看到預期的東西。而且，多余的材料毫無價值可言，任何人都能把一連串的材料填充成一個枯燥無味的設計。如果不需增加材料就可以把觀點表達的清晰明了，那么增加材料就是一種“畫蛇添足”。7、盡力做到“少即是多”！

在一個特定的空間里，材料填的越37第一講版面設計概述課件388、創(chuàng)造負空間，但不要填滿它!負空間就像形狀一樣，在構成中必須把它當作正空間的形狀來同等對待。如果對之置之不理，負空間就會顯得死氣沉沉，難于與周邊的視覺元素相融合；如果空間填的太滿，構成會造成壓迫感，那么沒有人會對這個設計感興趣。8、創(chuàng)造負空間，但不要填滿它!負空間就像形狀一樣，在構成中必39第一講版面設計概述課件40第一講版面設計概述課件41第一講版面設計概述課件429、把字體當作圖像進行設計讓字體效果具有親和力。字體是一種視覺素材——由點、線、形狀及肌理組成——需要在構成上與設計當中包含的其他東西關聯起來。9、把字體當作圖像進行設計讓字體效果具有親和力。字體是一種視43第一講版面設計概述課件44第一講版面設計概述課件4510、讓字體效果具有親和力字體編排具有一定的表現力；字體編排可以富有創(chuàng)造性的把結構元素相互連接起來；字體編排可以與觀眾產生共鳴，可以設計這樣或那樣的流行文化的時代精神；字體編排始終可以傳遞信息。10、讓字體效果具有親和力字體編排具有一定的表現力；字體編排46第一講版面設計概述課件47第一講版面設計概述課件4811、讓作品人人都能看明白與自己交談是藝術家的范疇，而達到通用效果則是設計師努力的范疇。畢竟知道內情的觀眾只是少部分，對于大多數的觀眾，他們必須懂得你使用的這些形狀、色彩以及選擇的圖像要表達什么樣的含義。11、讓作品人人都能看明白與自己交談是藝術家的范疇，而達到通49第一講版面設計概述課件50第一講版面設計概述課件5112、動靜有致通過拉近某些元素的距離，而拉開另一些材料的距離，使它們在密度和節(jié)律上造成對比，從而使設計富有節(jié)奏感。通過把某些元素之間變得緊湊，而使另一些變得松弛，可以使這些元素之間產生節(jié)拍感，否則，設計將會顯得呆滯、廖無生氣，甚至無趣。12、動靜有致通過拉近某些元素的距離，而拉開另一些材料的距離52第一講版面設計概述課件53第一講版面設計概述課件5413、安排明暗關系應注重處于不同位置的明度最低和最高的地方；創(chuàng)造發(fā)光點和黑暗度，讓它們與相關明度之間的微妙變化形成對照。總之，要在明與暗之間形成顯而易見且一目了然的對比。13、安排明暗關系應注重處于不同位置的明度最低和最高的地方；55第一講版面設計概述課件56第一講版面設計概述課件5714、做設計要果斷、明確我們應當充滿自信地利用視覺素材，要思路清晰地對材料的大小、布局及其與其他素材的間距等等作出決定。如果在構成上顯得虛弱不穩(wěn)定，那么觀眾對信息就很難正確的理解。14、做設計要果斷、明確我們應當充滿自信地利用視覺素材，要思58第一講版面設計概述課件5915、用眼睛測量，設計是視覺的設計視覺假象占了構成的視覺邏輯達90%。圓形的造型看起來總是比在數學上具有相同高度的方形的造型要小，所以必須把它們稍微放大，才能與方形的造型看起來大小一致。因此，在制作過程中，有時不能完全信賴測量工具來進行編排。15、用眼睛測量，設計是視覺的設計視覺假象占了構成的視覺邏輯60第一講版面設計概述課件6116、制作自己所需之物，不要選用現成之物需要什么就去創(chuàng)造，并且盡你所能把它做到盡善盡美。試著不要依賴于已有的素材，即使它可能會比較便宜或很容易獲取。有時候，一個比較簡單那和有意義的解決辦法，或許能讓觀眾產生強烈的共鳴。16、制作自己所需之物，不要選用現成之物需要什么就去創(chuàng)造，并62第一講版面設計概述課件63第一講版面設計概述課件6417、不要過于注重流行，嚴肅對待設計如果一個方案，是圍繞著含義來進行，而不是去迎合觀眾對當今時尚理解的期待，那么頭腦中定會冒出一些好東西。17、不要過于注重流行，嚴肅對待設計如果一個方案，是圍繞著含65第一講版面設計概述課件6618、動起來!靜止等于索然無味如果一個版式是平面的，并且不能傳達出運動的感覺或空間的相互作用，而事實上這又是極易達成的狀態(tài)，那么觀眾可能會覺得索然無味，進而沒有耐心讀取這條信息。18、動起來!靜止等于索然無味如果一個版式是平面的，并且不能67第一講版面設計概述課件68第一講版面設計概述課件69第一講版面設計概述課件7019、回顧歷史，不重蹈覆轍過去的設計有其自身的地位。我們要用思考傳播的方法和審美觀點如何隨著時間的推移發(fā)生變化，并研究設計師他們的設計是如何達到思想與實踐的統(tǒng)一。我們可以學習他人的設計，但一定要創(chuàng)作自己的作品。19、回顧歷史，不重蹈覆轍過去的設計有其自身的地位。我們要用71第一講版面設計概述課件72第一講版面設計概述課件7320、對稱是最大的禍害對稱的視覺布局一般呈現為靜態(tài)，極少表現出動態(tài)。對稱的布局會使整體不對稱的圖片素材顯得笨拙，并限制了設計師處理本來不想做對稱處理的內容的靈活性。20、對稱是最大的禍害對稱的視覺布局一般呈現為靜態(tài)，極少表現74第一講版面設計概述課件75第一講版面設計概述課件76版式設計的學習方法：

最大程度掌握基礎知識體驗互動式教學分析優(yōu)秀版式設計理論與實踐相結合版式設計的學習方法：

最大程度掌握基礎知識77

講——概述

講——概述78版面設計版面設計又被稱為版式設計、編排設計版面設計是一門字體設計和圖文整和的工作，在界定的范圍內，將文字字體、圖形符號、線條線框和顏色色塊等有限的視覺元素進行有機的排列組合，并運用造型要素及形式原理，將理性思維個性地表現出來。版面設計版面設計又被稱為版式設計、編排設計79包裝設計包裝設計80名片、畫冊名片、畫冊81第一講版面設計概述課件82輕松預訂，即在指尖平面廣告空白的電腦鍵盤、幾個鮮明的字母，辨識一下原來都是知名的酒店：希爾頓、假日酒店、萬豪，再配合頁面下的訴求“OnlineBooking”，廣告目的不言自明。這一系列平面表現簡潔明了輕松預訂，即在指尖平面廣告空白的電腦鍵盤、幾個鮮明的字母，辨83VI設計VI設計84網站頁面網站頁面85第一講版面設計概述課件86第一講版面設計概述課件87一、課程介紹課程代碼:DA2018課程學時：54學時課程學分：3學分教學目的要求：版面設計是視覺傳達中最重要的組成部分，主要目的是要求學生能通過對版面視覺元素、編排形式法則的研究和練習，掌握版面設計的基本規(guī)律和基本技巧，觸類旁通一、課程介紹課程代碼:DA201888教學目標：在完成這門課的學習后,學生需要達到以下要求:A、了解什么是版面設計及其重要性B、掌握版面設計正確的選擇樣式C、掌握如何調整版面的設計形態(tài)D、掌握文字、圖片、圖形的版面構成D、掌握版面設計的視覺流程E、掌握版面設計的編排設計法則F、掌握版面設計在其他領域上的應用教學目標：在完成這門課的學習后,學生需要達到以下要求:89考核方式：考核內容學習目標分數百分比考勤準時到課堂，不影響其他人，準時離開課堂。1015%平時成績課堂表現5分。平時成績15分。平時作業(yè)是有針對性單個知識點的訓練。主要根據當周講解的理論知識及欣賞的一些有針對性的案例，安排適當的實訓作業(yè)。為了讓學生了解一定的知識點、一些創(chuàng)意方法后，緊接著進行動手實踐來加強理解。2045%考試利用本課程最后一節(jié)課進行隨堂考試，檢驗學生的學習效果?？己诵问街饕捎蒙蠙C操作來完成。7070%考核方式：考核內容學習目標分數百分比考勤準時到課堂，不影響其90作業(yè)下載地址：

作業(yè)上傳地址：

用戶名、密碼為upload_0616任課教師：張欣本課程時間段：第一周至第八周辦公地點：數碼媒體系辦公室辦公電話：87818203E—maIl：手機：作業(yè)下載地址：任課教師：張欣91版式設計的理解：版式設計是一種有計劃、有目的的平面展示版式設計的主體是視覺傳達，視覺傳達的主要作用是達到信息傳遞的目的；版式設計是通過大眾傳播媒介來體現的，是視覺上的；版式設計的目的是為了讓人更容易讀懂內容，在某種程度上也是更能達到宣傳的目的；版式設計并不是獨立存在的，而是在作品主題內容影響與作用下產生的。版式設計的理解：版式設計是一種有計劃、有目的的平面展示92好設計的20條金律必須有一個概念需要溝通，不需要裝飾用一種視覺語言來表達最多使用兩種或三種字體分清主次，先后出擊！按需選擇色彩盡力做到“少即是多”！創(chuàng)造負空間，但不要填滿它!把字體當作圖像進行設計讓字體效果具有親和力讓做品人人都能看明白動靜有致安排明暗關系做設計要果斷、明確用眼睛測量，設計是視覺的設計制作自己所需之物，不要選用現成之物不要過于注重流行，嚴肅對待設計動起來!靜止等于索然無味回顧歷史，不重蹈覆轍對稱是最大的禍害好設計的20條金律必須有一個概念讓做品人人都能看明白931、必須有一個概念版面設計如果沒有信息，沒有故事，沒有觀點，沒有敘述，或者沒有有益的經驗，就不是平面設計。如果一個畫面版式不具有清晰的信息，它就是個空殼。1、必須有一個概念版面設計如果沒有信息，沒有故事，沒有觀點，94奧妙：衣服臟了不可怕，重要的是成長奧妙：衣服臟了不可怕，重要的是成長95第一講版面設計概述課件96國外CD包裝設計國外CD包裝設計97一縷茶香茶包裝一縷茶香茶包裝982、需要溝通，不需要裝飾如果為特定的設計選擇了不恰當的造型，那么傳達的信息將會出現偏差。利用形狀、細節(jié)和特殊效果固然好，但如果只是胡亂一起的把他們填充進版面，而不考慮他們的含義，不考慮他們如何表達信息或如何又背離了信息，那么得到的將是混亂成一片的垃圾，根本稱不上是設計。2、需要溝通，不需要裝飾如果為特定的設計選擇了不恰當的造型，99第一講版面設計概述課件100第一講版面設計概述課件1013、用一種視覺語言來表達一個好的設計，其視覺語言即內在邏輯是能使各個元素達到完美契合的，各個元素能相互加強，相互映襯，相互關聯，不只在形狀、分量和布局上如此，在理念上也是一樣。3、用一種視覺語言來表達一個好的設計，其視覺語言即內在邏輯是102第一講版面設計概述課件103第一講版面設計概述課件1044、最多使用兩種或三種字體根據需要選擇字體。要做好，必須確定你的需要是什么，而你很可能會發(fā)現，在一件設計作品中，字體對于正文只有兩到三種用途。因為字體的改變通常預示著含義或功能的改變。用太多字體會分散人的注意力和自覺性，讓觀眾感到混淆并產生疲勞感。4、最多使用兩種或三種字體根據需要選擇字體。要做好，必須確定105第一講版面設計概述課件1065、分清主次，先后出擊！首先要把觀眾的注意力吸引到重要的信息上，然后再引向其他部分。一般而言，用一個大的形狀、一張突出的圖片、一種特殊的字體處理或大膽的用色，往往能合理地削弱次要部分的活躍程度，而讓重要的部分凸顯出來。5、分清主次，先后出擊！首先要把觀眾的注意力吸引到重要的信息107第一講版面設計概述課件108第一講版面設計概述課件109第一講版面設計概述課件1106、按需選擇色彩

不要毫無目的地抓取色彩。要清楚當你把一些色彩結合使用的時候，他們發(fā)揮了什么樣的作用，更重要的是，他們對于觀眾意味著什么。色彩可以影響視覺的層次關系，文字的易讀程度，還會影響人們把迥然不同的食物聯系到一起。6、按需選擇色彩

不要毫無目的地抓取色彩。要清楚當你把一些色111第一講版面設計概述課件112第一講版面設計概述課件1137、盡力做到“少即是多”！

在一個特定的空間里，材料填的越多，就越難引導觀眾看到預期的東西。而且，多余的材料毫無價值可言，任何人都能把一連串的材料填充成一個枯燥無味的設計。如果不需增加材料就可以把觀點表達的清晰明了，那么增加材料就是一種“畫蛇添足”。7、盡力做到“少即是多”！

在一個特定的空間里，材料填的越114第一講版面設計概述課件1158、創(chuàng)造負空間，但不要填滿它!負空間就像形狀一樣，在構成中必須把它當作正空間的形狀來同等對待。如果對之置之不理，負空間就會顯得死氣沉沉，難于與周邊的視覺元素相融合；如果空間填的太滿，構成會造成壓迫感，那么沒有人會對這個設計感興趣。8、創(chuàng)造負空間，但不要填滿它!負空間就像形狀一樣，在構成中必116第一講版面設計概述課件117第一講版面設計概述課件118第一講版面設計概述課件1199、把字體當作圖像進行設計讓字體效果具有親和力。字體是一種視覺素材——由點、線、形狀及肌理組成——需要在構成上與設計當中包含的其他東西關聯起來。9、把字體當作圖像進行設計讓字體效果具有親和力。字體是一種視120第一講版面設計概述課件121第一講版面設計概述課件12210、讓字體效果具有親和力字體編排具有一定的表現力；字體編排可以富有創(chuàng)造性的把結構元素相互連接起來；字體編排可以與觀眾產生共鳴，可以設計這樣或那樣的流行文化的時代精神；字體編排始終可以傳遞信息。10、讓字體效果具有親和力字體編排具有一定的表現力；字體編排123第一講版面設計概述課件124第一講版面設計概述課件12511、讓作品人人都能看明白與自己交談是藝術家的范疇，而達到通用效果則是設計師努力的范疇。畢竟知道內情的觀眾只是少部分，對于大多數的觀眾，他們必須懂得你使用的這些形狀、色彩以及選擇的圖像要表達什么樣的含義。11、讓作品人人都能看明白與自己交談是藝術家的范疇，而達到通126第一講版面設計概述課件127第一講版面設計概述課件12812、動靜有致通過拉近某些元素的距離，而拉開另一些材料的距離，使它們在密度和節(jié)律上造成對比，從而使設計富有節(jié)奏感。通過把某些元素之間變得緊湊，而使另一些變得松弛，可以使這些元素之間產生節(jié)拍感，否則，設計將會顯得呆滯、廖無生氣，甚至無趣。12、動靜有致通過拉近某些元素的距離，而拉開另一些材料的距離129第一講版面設計概述課件130第一講版面設計概述課件13113、安排明暗關系應注重處于不同位置的明度最低和最高的地方；創(chuàng)造發(fā)光點和黑暗度，讓它們與相關明度之間的微妙變化形成對照?？傊诿髋c暗之間形成顯而易見且一目了然的對比。13、安排明暗關系應注重處于不同位置的明度最低和最高的地方；132第一講版面設計概述課件133第一講版面設計概述課件13414、做設計要果斷、明確我們應當充滿自信地利用視覺素材，要思路清晰地對材料的大小、布局及其與其他素材的間距等等作出決定。如果在構成上顯得虛弱不穩(wěn)定，那么觀眾對信息就很難正確的理解。14、做設計要果斷、明確我們應當充滿自信地利用視覺素材，要思135第一講版面設計概述課件13615、用眼睛測量，設計是視覺的設計視覺假象占了構成