版式設(shè)計第二課-版面設(shè)計的的編排構(gòu)成課件

平面設(shè)計與排版2平面設(shè)計與排版2

20世紀初，瑞士現(xiàn)代主義的設(shè)計家們經(jīng)過長期的研究與實踐將骨骼編排的設(shè)計方法發(fā)展成為一種成熟而可以被廣泛應(yīng)用的方法，可以在各類平面設(shè)計中，特別是書籍裝幀、報刊雜志、產(chǎn)品樣本等方面應(yīng)用。之后在歐、美國家被廣泛運用，并得以不斷完善和發(fā)展。4.骨骼（分割）設(shè)計20世紀初，瑞士現(xiàn)代主義的設(shè)計家們經(jīng)（1）.骨骼設(shè)計

骨骼或分割設(shè)計——嚴謹、理性的設(shè)計方法。

基本原理——將版面刻意按照骨骼的規(guī)則，有序地分割成大小相等的空間單位。

常見分割法：豎向通欄:雙欄、三欄、四欄橫向通欄:雙欄、三欄、四欄（1）.骨骼設(shè)計豎向通欄:雙欄、三欄、四欄橫、豎同時進行分割的四欄、六欄、八欄、十二欄等:橫、豎同時進行分割的四欄、六欄、八欄、十二欄等:期刊雜志、畫冊編排：雙欄、三欄。報刊編排：（信息量多而大）四欄、五欄、六欄←雙欄骨骼?！s志頁面。標題為通欄，文字為四欄骨骼，圖片和圖片上端的文字跨越兩欄。版面嚴謹、理性。期刊雜志、畫冊編排：雙欄、三欄。←雙欄骨骼?！s志頁面。標題整個版面為四欄骨骼的組合，圖片按照四欄骨骼的規(guī)則配置。內(nèi)頁設(shè)計。分別為十欄和十二欄骨骼。整個版面為四欄骨骼的組合，圖片按照四欄骨骼的規(guī)則配置。雜志頁面設(shè)計。兩幅圖片整體的插入雙欄骨骼中。雜志頁面設(shè)計。此設(shè)計在四欄骨骼的基礎(chǔ)上進行變化。其中包含了四欄、圖文跨越雙欄的文字居中排列，版面左右以對稱方式編排。雜志頁面設(shè)計。兩幅圖片整體的插入雙欄骨骼中。雜志頁面設(shè)計。此大面積的圖片與五欄骨骼的組織構(gòu)成。因為圖片與文字的對比懸殊，圖片的張弛使版面不顯刻板。大面積的圖片與五欄骨骼的組織構(gòu)成。因為圖片與文字的對比懸殊，（2）.變形骨骼。

淵源：后現(xiàn)代時期，冷漠、高度人性化的國際主義設(shè)計風格→富有生氣、

自由變化的后現(xiàn)代主義設(shè)計觀。

變形骨骼在骨骼設(shè)計的基礎(chǔ)上發(fā)展變化。是在骨骼的基本形上，通過合并、取舍部分骨骼尋求新的造型變化?！冻霭嫖镌O(shè)計》。是一幅以五欄骨骼為主的報版，圖片跨越兩欄和四欄。版面在骨骼的基礎(chǔ)上變化較豐富，（2）.變形骨骼。

淵源：后現(xiàn)代時期，冷漠、高度人性化的國際←骨骼規(guī)范性越來越小，而自由設(shè)計的因素非常明顯、突出，所以版面的圖版率，視覺度、活力增強。

圖版率——占據(jù)版面的圖（插圖、照片）和文章的面積之比叫做圖版率。只有文字的版面十分擁擠。

文字的跳躍率——以正文為基準，以最大標題的字幅、字高計算后的大小比率叫做文字的跳躍率。

照片的跳躍率——版面中最小照片和最大照片的大小比率叫照片的跳躍率。提高照片的跳躍率就能改善格局。相反，降低照片的跳躍率，使用大小相等的照片和畫，就給人平穩(wěn)的印象?！趋酪?guī)范性越來越小，而自由設(shè)計的因素非常明顯、突出，所以版內(nèi)頁設(shè)計：跳躍的字母使平淡的骨骼版面變得活潑。放大的首字母在設(shè)計中起到了視覺圖形的作用。內(nèi)頁設(shè)計：跳躍的字母使平淡的骨骼版面變得活潑。三欄骨骼版面，有意空出版面右上方和左下方的空間，在左下方做標題的個性編排。三欄骨骼版面，有意空出版面右上方和左下方的空間，在左下方做標版面劃分出三欄骨骼的空間，取第一欄安排標題，圖片和重要信息。版面劃分出三欄骨骼的空間，取第一欄安排標題，圖片和重要信息。版面為雙欄結(jié)構(gòu)，但欄的上下游小小的錯落，版面嚴謹不失活潑。版面為雙欄結(jié)構(gòu)，但欄的上下游小小的錯落，版面嚴謹不失活潑。版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版面空間留白較多，影響骨骼的完整呈現(xiàn)，但骨骼結(jié)構(gòu)依然明晰。版面設(shè)計整體、簡潔。整體留白空間更好地烘托了主體。版面空間留白較多，影響骨骼的完整呈現(xiàn)，但骨骼結(jié)構(gòu)依然明晰。版內(nèi)頁設(shè)計。版面結(jié)構(gòu)復雜，上部分為三欄骨骼，下部分為不規(guī)則的分欄。版面上緊下松，圖片的編排服務(wù)于下部分文字群的流程關(guān)系。內(nèi)頁設(shè)計。版面結(jié)構(gòu)復雜，上部分為三欄骨骼，下部分為不規(guī)則的分版面為三欄骨骼的內(nèi)頁設(shè)計，版面?zhèn)鬟_的符號元素都是以白底襯托。版面為三欄骨骼的內(nèi)頁設(shè)計，版面?zhèn)鬟_的符號元素都是以白底襯托。左右版面的內(nèi)頁設(shè)計，細看有骨骼的痕跡，設(shè)計依據(jù)骨骼的設(shè)計概念，但很多地方又非標準骨骼的分欄，既秩序，又自由。打破了骨骼的刻板、理性，是求變、求個性的設(shè)計。左右版面的內(nèi)頁設(shè)計，細看有骨骼的痕跡，設(shè)計依據(jù)雜志頁面設(shè)計，自由編排的圖片與骨骼的設(shè)計組合。圖片的跳躍與文字的寧靜產(chǎn)生空間跳躍。雜志頁面設(shè)計，自由編排的圖片與骨骼的設(shè)計組合。圖片的跳躍與文有明確的骨骼分欄，但不是按骨骼嚴格的標準設(shè)計。有明確的骨骼分欄，但不是按骨骼嚴格的標準設(shè)計。展示設(shè)計墻，在骨骼的基礎(chǔ)上進行變化。展示設(shè)計墻，在骨骼的基礎(chǔ)上進行變化。利用九宮骨骼分割展開的設(shè)計利用九宮骨骼分割展開的設(shè)計五、自由構(gòu)成

平面設(shè)計風格的人性化，個性化和娛樂性，無論圖和文字、點或線的構(gòu)成關(guān)系都充滿著隨機無序，無主次，無中心，相互矛盾，相互排斥，以及極端的耗散的編排。（層次豐富，輕松、自由、活力、人性化）五、自由構(gòu)成版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件1、如何理解點在版面中的概念？以及點在版面的表現(xiàn)形式？版面中的點由于大小、形態(tài)、位置不同所產(chǎn)生的視覺效果也不同，心理的作用也不同。它的表現(xiàn)形式為：1，點的縮小起著強調(diào)和引起注意的作用。點的放大有面之感。2，點在首行放大，起著引導、強調(diào)、活潑和成為視覺焦點的作用。3，當點居于幾何中心時，上下左右空間對等，有莊重之感，但呆板。4，但點居于視覺中心時，有平衡和舒適感。5，但點偏右或偏左時，有向心移動之勢，但過于邊置則產(chǎn)生離心之動感。6，點作上下邊置，有上升或下沉之感。1、如何理解點在版面中的概念？以及點在版面的表現(xiàn)形式？2、如何理解線在版面中的概念？線在版面中有哪些表現(xiàn)形式？不同的線有不同的心理情感和作用，你能認識到多少？

線是版面中點移動的軌跡，它的表現(xiàn)形式有直線、折線、波浪線、實線、虛線、自由曲線、幾何曲線等。一般水平直線有平安之感，曲線有變化運動之感，折線有轉(zhuǎn)折、僵硬之感，波浪線有優(yōu)美舒緩之感，自由曲線有隨意、奔放之感，幾何曲線有工整、節(jié)奏之感，垂直直線有嚴肅、肅穆之感。3、如何理解面在版面中的概念？面在版面中表現(xiàn)的形式和作用？

面在版面中的概念可理解為的放大、點的密集或線的重復。只有面的版面顯得單調(diào)，平淡，在加入了線的分割組織后，版面立即產(chǎn)生精細且精神之感，若在加入點的運用，則點常常能成為版面中活躍的視覺焦點，而面常以結(jié)實肯定、大方起著烘托及豐富版面空間層次的作用。2、如何理解線在版面中的概念？線在版面中有哪些表現(xiàn)形式？不同4、點線面在版面中的構(gòu)成是相對的，不可均等，均等不是好版面”，你如何理解？由于點線面是相互依存，相互滲透的關(guān)系，所以絕對的由點組成的板式有太花、太碎、不夠集中的感覺，絕對的曲線組成的板式有單薄、零碎的感覺，同樣絕對是面構(gòu)成的板式有呆板之感。因此均等的點線面同樣不利于主題的表現(xiàn)，喪失了整體的設(shè)計風格。所以我們一定要相對的對點線面作一定傾斜式的版式設(shè)計。5、骨骼設(shè)計的基本概念是什么？骨骼法對當代設(shè)計有哪些影響？

骨骼設(shè)計是一種嚴謹?shù)?、?guī)范的、理性的設(shè)計方法，骨骼的基本原理是將版面刻意按照骨骼的規(guī)則，有序的分割成大小相等的空間單位。它給人以嚴謹、秩序的理性美，在當代設(shè)計中，對于信息量大，板式多樣，骨骼法的應(yīng)用更適應(yīng)于標準化的批量排版。4、點線面在版面中的構(gòu)成是相對的，不可均等，均等不是好版面”6、變形骨骼是否有規(guī)則課時風格特定與自由構(gòu)成版面有什么不同？因為變形骨骼是在骨骼法的基礎(chǔ)上發(fā)展、變化而來的，所以無論它怎么演變，我們都可以看到骨骼法對其影響的痕跡。風格特點與自由構(gòu)成版面最大的不同在于變形骨骼是“萬變不離其中”，它的理性，穩(wěn)重與秩序的美始終能夠得到體現(xiàn)。而自由構(gòu)成則主要是渲瀉自由、活潑、個性的設(shè)計風格，感性的成分大于理性。6、變形骨骼是否有規(guī)則課時風格特定與自由構(gòu)成版面有什么不同？平面設(shè)計與排版2平面設(shè)計與排版2

20世紀初，瑞士現(xiàn)代主義的設(shè)計家們經(jīng)過長期的研究與實踐將骨骼編排的設(shè)計方法發(fā)展成為一種成熟而可以被廣泛應(yīng)用的方法，可以在各類平面設(shè)計中，特別是書籍裝幀、報刊雜志、產(chǎn)品樣本等方面應(yīng)用。之后在歐、美國家被廣泛運用，并得以不斷完善和發(fā)展。4.骨骼（分割）設(shè)計20世紀初，瑞士現(xiàn)代主義的設(shè)計家們經(jīng)（1）.骨骼設(shè)計

骨骼或分割設(shè)計——嚴謹、理性的設(shè)計方法。

基本原理——將版面刻意按照骨骼的規(guī)則，有序地分割成大小相等的空間單位。

常見分割法：豎向通欄:雙欄、三欄、四欄橫向通欄:雙欄、三欄、四欄（1）.骨骼設(shè)計豎向通欄:雙欄、三欄、四欄橫、豎同時進行分割的四欄、六欄、八欄、十二欄等:橫、豎同時進行分割的四欄、六欄、八欄、十二欄等:期刊雜志、畫冊編排：雙欄、三欄。報刊編排：（信息量多而大）四欄、五欄、六欄←雙欄骨骼?！s志頁面。標題為通欄，文字為四欄骨骼，圖片和圖片上端的文字跨越兩欄。版面嚴謹、理性。期刊雜志、畫冊編排：雙欄、三欄?！p欄骨骼?！s志頁面。標題整個版面為四欄骨骼的組合，圖片按照四欄骨骼的規(guī)則配置。內(nèi)頁設(shè)計。分別為十欄和十二欄骨骼。整個版面為四欄骨骼的組合，圖片按照四欄骨骼的規(guī)則配置。雜志頁面設(shè)計。兩幅圖片整體的插入雙欄骨骼中。雜志頁面設(shè)計。此設(shè)計在四欄骨骼的基礎(chǔ)上進行變化。其中包含了四欄、圖文跨越雙欄的文字居中排列，版面左右以對稱方式編排。雜志頁面設(shè)計。兩幅圖片整體的插入雙欄骨骼中。雜志頁面設(shè)計。此大面積的圖片與五欄骨骼的組織構(gòu)成。因為圖片與文字的對比懸殊，圖片的張弛使版面不顯刻板。大面積的圖片與五欄骨骼的組織構(gòu)成。因為圖片與文字的對比懸殊，（2）.變形骨骼。

淵源：后現(xiàn)代時期，冷漠、高度人性化的國際主義設(shè)計風格→富有生氣、

自由變化的后現(xiàn)代主義設(shè)計觀。

變形骨骼在骨骼設(shè)計的基礎(chǔ)上發(fā)展變化。是在骨骼的基本形上，通過合并、取舍部分骨骼尋求新的造型變化?！冻霭嫖镌O(shè)計》。是一幅以五欄骨骼為主的報版，圖片跨越兩欄和四欄。版面在骨骼的基礎(chǔ)上變化較豐富，（2）.變形骨骼。

淵源：后現(xiàn)代時期，冷漠、高度人性化的國際←骨骼規(guī)范性越來越小，而自由設(shè)計的因素非常明顯、突出，所以版面的圖版率，視覺度、活力增強。

圖版率——占據(jù)版面的圖（插圖、照片）和文章的面積之比叫做圖版率。只有文字的版面十分擁擠。

文字的跳躍率——以正文為基準，以最大標題的字幅、字高計算后的大小比率叫做文字的跳躍率。

照片的跳躍率——版面中最小照片和最大照片的大小比率叫照片的跳躍率。提高照片的跳躍率就能改善格局。相反，降低照片的跳躍率，使用大小相等的照片和畫，就給人平穩(wěn)的印象?！趋酪?guī)范性越來越小，而自由設(shè)計的因素非常明顯、突出，所以版內(nèi)頁設(shè)計：跳躍的字母使平淡的骨骼版面變得活潑。放大的首字母在設(shè)計中起到了視覺圖形的作用。內(nèi)頁設(shè)計：跳躍的字母使平淡的骨骼版面變得活潑。三欄骨骼版面，有意空出版面右上方和左下方的空間，在左下方做標題的個性編排。三欄骨骼版面，有意空出版面右上方和左下方的空間，在左下方做標版面劃分出三欄骨骼的空間，取第一欄安排標題，圖片和重要信息。版面劃分出三欄骨骼的空間，取第一欄安排標題，圖片和重要信息。版面為雙欄結(jié)構(gòu)，但欄的上下游小小的錯落，版面嚴謹不失活潑。版面為雙欄結(jié)構(gòu)，但欄的上下游小小的錯落，版面嚴謹不失活潑。版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版面空間留白較多，影響骨骼的完整呈現(xiàn)，但骨骼結(jié)構(gòu)依然明晰。版面設(shè)計整體、簡潔。整體留白空間更好地烘托了主體。版面空間留白較多，影響骨骼的完整呈現(xiàn)，但骨骼結(jié)構(gòu)依然明晰。版內(nèi)頁設(shè)計。版面結(jié)構(gòu)復雜，上部分為三欄骨骼，下部分為不規(guī)則的分欄。版面上緊下松，圖片的編排服務(wù)于下部分文字群的流程關(guān)系。內(nèi)頁設(shè)計。版面結(jié)構(gòu)復雜，上部分為三欄骨骼，下部分為不規(guī)則的分版面為三欄骨骼的內(nèi)頁設(shè)計，版面?zhèn)鬟_的符號元素都是以白底襯托。版面為三欄骨骼的內(nèi)頁設(shè)計，版面?zhèn)鬟_的符號元素都是以白底襯托。左右版面的內(nèi)頁設(shè)計，細看有骨骼的痕跡，設(shè)計依據(jù)骨骼的設(shè)計概念，但很多地方又非標準骨骼的分欄，既秩序，又自由。打破了骨骼的刻板、理性，是求變、求個性的設(shè)計。左右版面的內(nèi)頁設(shè)計，細看有骨骼的痕跡，設(shè)計依據(jù)雜志頁面設(shè)計，自由編排的圖片與骨骼的設(shè)計組合。圖片的跳躍與文字的寧靜產(chǎn)生空間跳躍。雜志頁面設(shè)計，自由編排的圖片與骨骼的設(shè)計組合。圖片的跳躍與文有明確的骨骼分欄，但不是按骨骼嚴格的標準設(shè)計。有明確的骨骼分欄，但不是按骨骼嚴格的標準設(shè)計。展示設(shè)計墻，在骨骼的基礎(chǔ)上進行變化。展示設(shè)計墻，在骨骼的基礎(chǔ)上進行變化。利用九宮骨骼分割展開的設(shè)計利用九宮骨骼分割展開的設(shè)計五、自由構(gòu)成

平面設(shè)計風格的人性化，個性化和娛樂性，無論圖和文字、點或線的構(gòu)成關(guān)系都充滿著隨機無序，無主次，無中心，相互矛盾，相互排斥，以及極端的耗散的編排。（層次豐富，輕松、自由、活力、人性化）五、自由構(gòu)成版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件版式設(shè)計第二課——版面設(shè)計的的編排構(gòu)成課件1、如何理解點在版面中的概念？以及點在版面的表現(xiàn)形式？版面中的點由于大小、形態(tài)、位置不同所產(chǎn)生的視覺效果也不同，心理的作用也不同。它的表現(xiàn)形式為：1，點的縮小起著強調(diào)和引起注意的作用。點的放大有面之感。2，點在首行放大，起著引導、強調(diào)、活潑和成為視覺焦點的作用。3，當點居于幾何中心時，上下左右空間對等，有莊重之感，但呆板。4，但點居于視覺中心時，有平衡和舒適感。5，但點偏右或偏左時，有向心移動之勢，但過于邊置則產(chǎn)生離心之動感。6，點作上下邊置，有上升或下沉之感。1、如何理解點在版面中的概念？以及點在版面的表現(xiàn)形式？2、如何理解線在版面中的概念？線在版面中有哪些表現(xiàn)形式？不同的線有不同的心理情感和作用，你能認識到多少？

線是版面中點移動的軌跡，它的表現(xiàn)形式有直線、折線、波浪線、實線、虛線、自由曲線、幾何曲線等。一般水平直線有平安之感，曲線有變化運動之感，折線有轉(zhuǎn)折、僵硬之感，波浪線有優(yōu)美舒緩之感，自由曲線有隨意、奔放之感，幾何曲線有工整、節(jié)奏之感，垂直直線有嚴肅、肅穆之感。3、如何理解面在版面中的概念？面在版面中表現(xiàn)的形式和作用？

面在版面中的概念可理解為的放大