資源簡介

(共135張PPT)
七、標志設計
7.1 標志概述
標志設計
7
標志的含義
標志、標識、商標是我們經常混用的概念，但實際這三者是有所區別的。在《現代漢語詞典》中，將“標志”定義為“表明特征的記號”；將“標識”定義為“用來識別的記號”；將“商標”定義為“企業用來使自己的產品或服務與其他企業的產品或服務相區別的具有明顯特征的標志”，它是標志的一種。
7.1.1 標志的含義及類別
標志設計 7.1標志概述
7
標志的含義
在藝術設計領域，標志的概念相對狹窄，是一種具有象征性的視覺圖像，是企業、品牌、機構、活動等的代表符號，屬于無形資產。例如，企業標志是企業從事生產經營活動的形象代表，代表著企業本身，傳遞著企業信息。
海爾集團的標志
標志的含義
標志設計 7.1標志概述
7
湖南衛視臺標
標志設計 7.1標志概述
7
標志的類別
根據主體的不同，標志可分為三大類：協會團體類標志、公共信息類標志和商業標志。
協會團體類標志主要包括機關、學校、協會、展覽、運動會等的徽標。
公共信息類標志通常以指示、引導、警示人們的行為，協助人們明確位置、場所、操作為目的。
商業類標志就是我們日常所說的商標。商標在政府有關部門核準注冊后受法律保護，權利人享有專用權。
清華大學校徽
協會團體類標志
標志設計 7.1標志概述
7
北京2022年冬奧會會徽
交通指示標識
公共信息類標志
標志設計 7.1標志概述
7
安全提示標識
華為商標
商業類標志
標志設計 7.1標志概述
7
中國電信集團有限公司商標
標志設計 7.1標志概述
7
西方的標志故事
在古羅馬、龐貝古城及巴勒斯坦的古代建筑物上都曾發現石匠專用標志圖案。歐洲中世紀士兵所戴的盔甲、頭蓋上都有辨別歸屬的隱形標志，貴族家族也都有族徽。
隨著生產力的提高與市場的發展，標志與商品的關聯越來越緊密。13世紀時，歐洲大陸盛行各種行會，并要求在商品上打上行會認可的標記，起到區分生產者的作用，這已經具備了現代商標的內涵。
7.1.2 標志的發展歷程
標志設計 7.1標志概述
7
中國的標志故事
上古時期，人們為了表示對自然的敬畏并得到護佑，會選用一些自然事物作為特殊標記，其中一些標記不但延續時間長且紋樣圖形也比較固定，就成為該地區先民的標志，即圖騰。
隨著生產力的提高，為了表明身份、區別產品，印章、符牌、署名、畫像等方式出現。唐宋時期，商貿日漸繁榮，商品流通也更加廣泛。為了宣傳產品、防止仿造，商標得到了普遍應用。明清時期，工商業發展快速，經濟繁榮水平超越了以往歷朝歷代。商品種類豐富，產量大，標志成為商品必不可缺的專有形象。
宋代“劉家功夫針鋪”的白兔商標
中國的標志故事
標志設計 7.1標志概述
7
明朝陳鳴遠的紫砂瓜形壺
標志設計 7.1標志概述
7
中國的標志故事
鴉片戰爭爆發后，外國資本快速侵占中國市場，大量商品涌入。1904年，清政府頒布了《商標注冊試辦章程》。這是中國近代第一部商標法，但幾經周折最終以失敗告終。
辛亥革命后，民族工商業發展迅速，懷抱“實業救國”的企業家積極開辦民族企業，并創立自己的商標。
榮氏兄弟創立的“兵船”牌面粉的商標
中國的標志故事
標志設計 7.1標志概述
7
久大精鹽廠廣告
標志設計 7.1標志概述
7
中國的標志故事
中華人民共和國成立后，國民經濟逐漸恢復，標志發展進入了新時期。1978年，國家工商行政管理總局成立。1982年8月23日，第五屆全國人民代表大會常務委員會通過了《中華人民共和國商標法》，這是中華人民共和國成立后制定的第一部有關知識產權保護的法律。
20 世紀90年代，標志設計進入飛速發展階段，無論是標志的形式、配色還是傳播使用都逐漸成熟。各大企業也開始打造自己的品牌商標，并獲得了巨大的成就。
健力寶的商標
中國的標志故事
標志設計 7.1標志概述
7
熊貓電視說明書封面的商標
標志設計 7.1標志概述
7
信息傳達
信息傳達是標志的基礎作用。標志是主體內容、理念、特征等綜合信息的概括和融合。
樹立形象
標志作為主體形象的構成核心，代表著主體的精神與價值觀，對樹立良好的主體形象有著重要影響。
法律保護
注冊成功的商標受到法律的保護，這種保護既是針對消費者的又是針對商標權利人的。
7.1.3 標志的作用
設計討論
標志與圖案紋樣的區別
從功能價值、表現形式、法律效力等方面探索，從實際問題出發，通過搜集整合資料、小組討論等步驟梳理標志與圖案紋樣之間的異同，理解標志的本質與價值。
討論成果：研究筆記
討論建議：在討論過程中要結合具體作品有理有據地闡述相關觀點。
7.2 標志的設計原則
標志設計
7
《中華人民共和國商標法》第九條規定“申請注冊的商標，應當有顯著特征，便于識別，并不得與他人在先取得的合法權利相沖突。”《商標審查審理指南》指出，顯著特征是指商標應當具備的足以使相關公眾區分商品或服務來源的特征，是商標能夠使消費者識別、記憶，可以發揮指示商品或服務來源的功能與作用。
標志設計的顯著性還體現在同行業間的差異化，是否具備讓大眾將此商品或服務的提供者與其他同種或類似商品和服務的提供者區分開來的特性。
7.2.1 顯著性
顯著性
標志設計 7.2標志的設計原則
7
同行業商標差異化設計
不同的媒介在材質、工藝、傳達方式等方面都有各自的特點，在設計標志時應充分考慮各種媒介的適應性，必要時還應做彈性變通。
標志設計的延展性還表現為多觸點。標志在使用過程中會通過不同的場景與大眾接觸，這些接觸端口被稱為觸點，大眾通過對觸點的感知積累建立對標志主體的認知。
7.2.2 延展性
標志設計 7.2標志的設計原則
7
延展性
標志設計 7.2標志的設計原則
7
北京2022年冬奧會單色會徽
中國東方航空股份有限公司的航標應用
為了適應時代的發展和自身的需要，很多品牌會在企業戰略或發展方向調整后對商標進行一些調整。這種調整一般保留原商標的個性特點，減少大眾對新商標的記憶壓力，這樣既增強了標志的時代性，又有利于維持品牌價值。
7.2.3 時代性
標志設計 7.2標志的設計原則
7
時代性
標志設計 7.2標志的設計原則
7
海爾商標的演變
為了適應時代的發展和自身的需要，很多品牌會在企業戰略或發展方向調整后對商標進行一些調整。這種調整一般保留原商標的個性特點，減少大眾對新商標的記憶壓力，這樣既增強了標志的時代性，又有利于維持品牌價值。
7.2.4 藝術性
標志設計 7.2標志的設計原則
7
藝術性
標志設計 7.2標志的設計原則
7
故宮博物院院徽
中國文聯會徽
設計討論
尋找身邊標志的故事
以身邊耳熟能詳的標志為基礎，結合企業發展、戰略目標、企業文化、業務范圍等，梳理此企業標志的變革歷程及其與社會人文之間的關系，深入理解標志的設計原則。
討論成果：研究報告（圖文并茂）
討論建議：
① 至少選擇2個以上的標志進行探究，報告字數不少于3000字；
② 內容圖文并茂，包括調研情況、標志溯源、標志變革及變革分析。
設計實踐
學校（學院）校徽再設計
從學校發展的新趨勢、新目標、新方向出發，對校徽進行再設計。在設計過程中，以顯著性、延展性、時代性及藝術性為基本原則，注意新校徽與原校徽之間的延續性與關聯性。
設計成果：校徽設計作品
設計要求：
① 注意校徽設計的延續性；
② 造型美觀，體現出新時代學校（學院）的辦學特色及精神。
7.3 標志設計的類型
標志設計
7
標志是一種傳達信息的視覺符號，利用特定的圖形、文字及顏色等視覺語言傳遞信息、表達理念、塑造形象。常見的設計類型主要分為：圖形型標志、文字型標志、綜合型標志三大類。
標志設計 7.3標志設計的類型
7
在標志設計中，以圖形為主的經典作品更是數不勝數。與文字相比，圖形形式多樣，易于克服語言障礙，可以被不同階層、不同文化、不同年齡的人所接受。按照具體的表現形式，又可將圖形型標志分為具象型標志和抽象型標志兩大類。
7.3.1 圖形型標志
標志設計 7.3標志設計的類型
7
具象型標志
具象型標志來源于自然、生活中的具體物象，在對其臨摹的基礎上，進行概括、刪減、夸張、組合等的再設計，形成新的圖形符號。
這類圖形通常在受眾中具有較高的認知度，使用此類圖形作為標志不僅便于人們識別記憶，更容易拉近與人們的距離，引發人們的情感共鳴。
具象型
標志設計 7.3標志設計的類型
7
大白兔奶糖商標
中國國際航空股份有限公司商標
云南白藥商標
標志設計 7.3標志設計的類型
7
抽象型標志
抽象型標志通常利用點、線、面和其他幾何圖形表達含義。
抽象圖形凝練概括，可以給予受眾更加廣闊的想象空間。當抽象圖形與標志主體相關聯時，通過設計創意賦予其具體的內涵與價值。
抽象型標志
標志設計 7.3標志設計的類型
7
蒙牛商標
東方衛視臺標
中國移動通信集團有限公司商標
標志設計 7.3標志設計的類型
7
文字又是歷史的陳跡、文化的結晶，具有明顯的地域與人文屬性。文字型標志既可以強化標志與主體的一致性，又可以展現標志主體的地域特色與文化特點。
文字型標志包括字母型標志、漢字型標志、數字型標志。
7.3.2 文字型標志
標志設計 7.3標志設計的類型
7
字母型標志
字母型標志通常源于英文單詞或漢語拼音。在具體設計時，可以采用單一字母、縮寫字母或全稱字母三種形式。
字母型標志
標志設計 7.3標志設計的類型
7
中央電視臺臺標
海信集團商標
標志設計 7.3標志設計的類型
7
漢字型標志
漢字型標志具有強烈的民族特色，能夠充分體現主體的文化特性。
在具體設計時，既要兼顧漢字自身的書寫特征與形態結構，又要注意標志設計的顯著性、延展性、時代性、藝術性及標志主體的內涵與理念。。
漢字型標志
標志設計 7.3標志設計的類型
7
北京大學標志
中華老字號標志
標志設計 7.3標志設計的類型
7
數字型標志
在標志設計中，數字通常是年份的代表，多用于紀念活動。
數字型標志
標志設計 7.3標志設計的類型
7
深圳經濟特區建立40周年標志
標志設計 7.3標志設計的類型
7
綜合型標志是由圖形、文字與數字組合而成的。這類標志通常兼有文字的說明性和圖形的隱喻性，表現形式更加豐富，信息傳遞更加多元化。
7.3.3 綜合型標志
綜合型標志
標志設計 7.3標志設計的類型
7
　TCL40周年慶標志
設計討論
標志設計的趨勢
從設計元素、標志用色、表現形式等方面探索當下標志設計的趨勢。通過閱讀文獻、案例調研、分析歸納等步驟歸納標志設計的新趨勢。
討論成果：研究報告（圖文并茂）
討論建議：
① 報告字數不少于1000字；
② 內容詳實，邏輯清晰，推論合理；
③ 要結合當前案例與媒體技術有理有據地闡述相關觀點。
設計實踐
建校百年慶祝活動標志設計
為建校百年慶祝活動設計相關標志。從實際問題出發，以學校特色、發展歷程、發展成果、校訓校風等內容為基礎搜集素材，并進行構思創意與設計制作。
設計成果：校慶標識設計作品
設計要求：
① 標志形態以數字為主；
② 標志寓意豐富、配色合理、視覺美觀，整體形態“形”與“義”相互協調；
③ 設計發布形式不限，內容包括設計緣起、設計方案及創意說明。
7.4 標志設計的注意事項
標志設計
7
標志的名稱既是標志的稱號又是標志主體的代名詞，通常使用主體簡稱，但設計時也會遇到為品牌命名或譯名的情況。而此時名稱的讀音與涵義就成為品牌成功與否的關鍵因素。
在標志命名或譯名時，通常需要注意以下幾點：首先，名稱讀音要清晰簡潔，避免使用生僻字、諧音奇異不雅或禁忌的詞匯與名稱；其次，能引發美好的聯想，如養生堂、寶馬、奔馳等；最后，名稱要獨特，防止與他人相似或雷同，避免混擾或侵權。
7.4.1 標志命名
標志設計 7.4 標志設計的注意事項
7
色彩不但能豐富圖像、吸引視線，還可以幫助標志更準確、生動地傳達信息。當下，計算機輔助設計技術和印刷工藝的大幅發展提升了色彩的生成與顯示范圍，但在用色時仍然需要注意遵守文化習俗與使用習慣。
在標志設計完成時，還需要對顏色進行相應的說明或標注。其標注形式主要包括色彩模式和色彩體系。
7.4.2 標志用色
用色習俗
標志設計 7.4 標志設計的注意事項
7
黃色與黑色警告標志
紅色禁止標志
綠色提示標志
藍色指令標志
顏色標注
標志設計 7.4 標志設計的注意事項
7
北京大學標準色標注
北京大學輔助色標注
標志設計 7.4 標志設計的注意事項
7
標志的應用環境和媒介各種各樣，大到幾十米的廣告牌，小到幾厘米的徽章。為了維護標志的嚴肅性及識別的準確性，在設計時通常需要對標志進行標準制圖。其中，最常用的制圖方式有比例制圖法、方格制圖法及尺規制圖法。當標志形態相對復雜時，甚至多種方法綜合運用。
7.4.3 標志制圖
顏色標注
標志設計 7.4 標志設計的注意事項
7
某標志比例制圖
北京大學標志尺規制圖
北京大學標志方格制圖
標志設計 7.4 標志設計的注意事項
7
標志是主體形象的代表，在使用過程中為了保持標志的一致性及良好的視覺體驗感，通常需要對其應用場景進行相應的規范與限定。
7.4.4 標志使用
規范與限定
標志設計 7.4 標志設計的注意事項
7
北京大學標志反白應用與灰度背景色的關系及禁忌
北京大學標志錯誤使用范例
　北京大學標志在輔助色背景上的
反白應用
北京大學標志最小使用范圍
設計討論
標志用色分析
以身邊耳熟能詳的標志為案例，結合企業理念、色彩寓意、地域文化、受眾特征等內容，分析標志用色，深入理解在標志設計中色彩的作用、價值及運用原則。
討論成果：研究報告（圖文并茂）
討論建議：
① 每人至少選擇2個以上的標志進行探究；
② 在討論過程中要結合真實作品有理有據地闡述相關觀點。
設計實踐
美食商標設計
在家鄉特色美食中挑選一種還未建立形象系統的美食，從食品特色、發展歷程、文化故事、價值理念、受眾定位等方面尋找素材，并進行商標創意設計。
設計成果：美食商標作品
設計要求：
① 商標造型具有顯著性、延展性、時代性和藝術性；
② 準確把握“形”與“義”的關系，體現出商標特征及市場定位；
③ 商標制圖規范，使用說明翔實，具有實用價值與可實施性。
八、版式設計
8.1 版式設計概述
版式設計
8
版式設計是指在有限的版面空間內，將視覺元素——文本、圖片（圖形）、線條和顏色等內容，根據需要進行有序、有目的的排列組合設計。
版式設計是藝術與技術的結合，應用范圍廣泛，涉及書籍（畫冊）、報紙、刊物、廣告、宣傳手冊、企業形象、包裝、網頁、軟件界面等各個領域。
8.1.1 版式設計的概念
版式設計 8.1版式設計概述
8
在現代版式設計中，常用一些專用名詞來表示基本概念與度量，如視覺度、版心、出血邊、分欄、欄寬、行高、字號等。
視覺度是指文字和圖版（插圖、照片）在版面中產生的視覺強弱度。通常照片比插圖的視覺度低，沒有照片的版面比有照片的版面視覺度低。
版心通常是頁面正中位置，是指版面上除去周圍白邊，頁面主要內容所在區域。
8.1.2 版式設計的專用名詞
版式設計 8.1版式設計概述
8
出血邊是指需要裁切的版面（如雜志、畫冊、書籍等）所預留的裁切空間。
分欄是指因為版式或閱讀的需要，將文本分為多列；欄寬是指分欄后的單欄的寬度。
行高是指文字橫排時，某行文字的頂端到下一行文字頂端的高度，是文字高度與行距的總和。
字號是區別文字大小的度量標準。國際單位度量標準通常是點制也稱為磅制，在微軟系統中還有號制度量標準。
8.1.2 版式設計的專用名詞
專用名詞
版式設計 8.1版式設計概述
8
版心
文本分欄版式
字號
　字號度量值之間的關系
版式設計 8.1版式設計概述
8
版式設計 8.1版式設計概述
8
古籍版式主要是指古籍版刻的樣式。造紙術發明之后，我國書籍印刷水平在宋朝達到新高度，線裝刻本代替手抄本成為圖書流傳的主要形式。
書籍的每一印頁都有相對固定的格式和名稱。通常版面四周圍的黑線稱為邊欄或版框。邊欄有單邊、左右雙邊（俗稱文武邊）、四周雙邊和花邊之分。版面的中心稱為版心或版口，版心通常有用作對折準繩的黑線和魚尾形圖案，有的還印有書名、卷數、頁碼及本頁字數。明代以前，版心下方往往還印有刻工姓名。
8.1.3 中文傳統古籍版式
古籍版式
　　明前期刻書《元史》為例的古籍版式說明
版式設計 8.1版式設計概述
8
古籍版式
　魚尾樣式及名稱
版式設計 8.1版式設計概述
8
　象鼻樣式及名稱
　（花邊）竹節欄邊欄與（花邊）博古欄邊欄
版式設計 8.1版式設計概述
8
15 世紀中期，約翰·古騰堡的金屬活字印刷術的應用標志著西方圖書批量生產的開始。到了15世紀下半葉，圖文混排的排版方式開始從德國向其他歐洲國家傳播。到了19世紀中期，攝影技術出現。攝影圖片、字體和插畫等元素一起成了現代版式設計的構成要素。20世紀初，藝術界充滿了開創與改革。
8.1.4 西方版式發展
　西方版式
版式設計 8.1版式設計概述
8
　《御用天文學》首頁及內頁版式
　西方版式
版式設計 8.1版式設計概述
8
攝影圖片成為現代版式設計的構成要素之一
　　阿波利奈爾寫給愛人的情詩圖
設計討論
版式設計原則
通過搜集資料、分析案例、比較分析等步驟，從設計目的、需求審美、設計作用、設計價值等方面，總結版式設計需遵守的基本原則。
討論成果：學習筆記
討論建議：在討論過程中要結合具體案例有理有據地闡述相關觀點。
設計實踐
雜志版式案例臨摹
從時尚類、設計類、攝影類等雜志中選擇圖文并茂的優秀版式頁面，自行擬定作品內容與配圖，進行版面空間分配、構圖布局、色彩搭配的臨摹學習。
設計成果：版式臨摹作品
設計要求：
① 建議計算機軟件輔助繪制，可根據實際情況更改作品尺寸；
② 所選雜志頁面版式內容豐富且富有設計性與創意性；
③ 建議在臨摹基礎之上，根據個人的審美與所選內容進行版式再設計。
8.2 版式設計流程
版式設計
8
在深刻理解主題內容與傳遞需求的基礎上，才能更好地篩選內容與展示信息。
在進行編排之前，先要理解設計主題與需求，版式的內容與排列要服務于主題。用什么字體？用多大字號？橫排還是豎排？版式風格趨向？這些都是由主題和需求所決定的。
8.2.1 明確需求
版式設計 8.2版式設計流程
8
分級是根據信息傳遞的重要程度將內容分為不同層級。通常第一層級是需要突出顯示的文字或圖片，如主標題、廣告語、關鍵詞、主要圖片等；第二層級是對第一層級的輔助說明或次級信息，如內文、配圖、需要特別強調的信息等；第三層級是最次要的，如通欄、頁碼、注釋等。
特別說明的是，這種分級并不是絕對的，是根據主題內容而定的，需要根據文本內容、圖片類型的不同而靈活設計，其目的是幫助我們了解編排對象在版面中的功能和意義。
8.2.2 內容分級
　內容分級
版式設計 8.2版式設計流程
8
版面中的通欄（紅色框選部分）
　　版面中的注釋
版式設計 8.2版式設計流程
8
版面設計過程就是將視覺元素進行空間分配的過程。在分配過程中，需要從版面美感、視覺流程、內容展示、閱讀習慣等多方面去考慮，以達到合理、舒適、美觀的視覺效果。
8.2.3 空間分配
版式設計 8.2版式設計流程
8
篇幅拆分
版面設計過程就是將視覺元素進行空間分配的過程。在分配過程中，需要從版面美感、視覺流程、內容展示、閱讀習慣等多方面去考慮，以達到合理、舒適、美觀的視覺效果。
　篇幅拆分
版式設計 8.2版式設計流程
8
中文文字分欄效果
版式設計 8.2版式設計流程
8
字號確定
需要基本確定每個層級字號大小，通過各層級間的字號比例與對比關系體現層級的主次關系。通常第一層級的字號與第二層級的字號大小對比強烈，而第二層級與第三層級的字號差異要小一點。
　字號確定
版式設計 8.2版式設計流程
8
同字號不同字體的視覺大小差異
《生動》海報
版式設計 8.2版式設計流程
8
間距設定
影響閱讀體驗的因素不僅有字號，還有間距。每一個字、每一行字、每一段字的上下左右的空間間隔是否合理也關系著閱讀的清晰與流暢。
　間距設定
版式設計 8.2版式設計流程
8
《世博會博物館十周年圖像展》海報(作者：世博會博物館 林倩蝶)
《金陵小巷人物志》目錄（設計：周偉偉）
《金陵小巷人物志》（設計：周偉偉）
版式設計 8.2版式設計流程
8
網格設計
在進行空間分配時，還可以借助網格系統進行空間設計。
在確定版心尺寸、設計內容、圖片尺寸等的基礎上，將版心面積劃分為統一的網格，其網格數量無固定限制，網格數量越多可組合出的版式樣式越多，可放置的圖片尺寸越靈活。
　網格設計
版式設計 8.2版式設計流程
8
網格劃分與版式變化
版式設計 8.2版式設計流程
8
頁面留白
留白也是構成頁面版式必不可少的因素。所有的白都是“有目的的留白” 。
常見的手法有以下幾種:通過留白減輕頁面給人的負擔;通過留白有目的地突出表達重點;通過留白區分元素的存在，弱化元素與元素之間的阻隔。
　留白設計
版式設計 8.2版式設計流程
8
通過留白減輕頁面給人的負擔
通過留白有目的地突出表達重點
通過留白區分元素的存在
版式設計 8.2版式設計流程
8
版面設計過程就是在版式設計中，為了強化版面信息，優化結構布局、引導視覺流程，提升閱讀體驗，需要對其色彩調配進行有序的設計。
先要確定主色調，主色調在營造版面氛圍與意境方面可以發揮主導作用。
多種顏色共同使用時還需要進行色彩調配。通常色彩的明度、純度和面積是影響配色視覺的主要因素。
8.2.4 色彩調配
　色彩調配
版式設計 8.2版式設計流程
8
夜光博物館活動海報（作者：正佳自然科學博物館 胡涵）
紅黑色調版式效果
對比色彩版式效果
　色彩調配
版式設計 8.2版式設計流程
8
有彩色與無彩色對比的版式效果
色塊分割版式效果
利用色彩差異烘托主次關系,加強版面表現力。
設計討論
中、英文版式的編排差異
從字形、字號、篇幅、閱讀方式、編排規律等方面對比分析中英文文本的編排特點。通過搜集案例、比較分析、互相討論等步驟歸納總結中文文本和英文文本版式的編排差異。
討論成果：學習筆記
討論建議：在討論過程中要結合具體案例有理有據地闡述相關觀點。
設計實踐
迎新晚會節目單
在新學期到來之際，校園迎來了新一屆的學生。以師生歡聚一堂，共同展示自我風采為目的，設計迎新晚會節目單。從實際問題出發，結合晚會宗旨、迎新特色、演出信息、節目內容等方面篩選素材，并轉化為視覺元素，最終完成節目單的設計制作。
設計成果：晚會節目單
設計要求：
① 節目單需包括活動標題、活動信息及相關配圖；
② 文字清晰、信息完整、圖片選取合理；
③ 版面用色與主題相符，視覺美觀、效果突出。
8.3 傳統媒體的版式設計與趨勢
版式設計
8
目前，常見的書籍版式包括封面、扉頁、書脊、版權頁、目錄、內文等。雖然目前我國沒有出臺圖書版式設計的標準，但在設計過程中還需要遵守出版社的要求。
書籍排版的發展越來越個性化。在當今時代，紙質書籍想要占據市場就必須挖掘自身特點，讓讀者享受舒適、獨特的閱讀體驗。
8.3.1 書籍的版式設計及趨勢
　書籍版式內容與要求
版式設計 8.3傳統媒體的版式設計與趨勢
8
封面與書脊
叢書標題小于書名且標注朝代用方括號
版權頁
　書籍版式內容與要求
版式設計 8.3傳統媒體的版式設計與趨勢
8
《博物》圖文混排版式
《中國國家地理·能源山西》特輯頁眉設計
　書籍版式內容與要求
版式設計 8.3傳統媒體的版式設計與趨勢
8
左右頁面的版式協調
　書籍版式個性化
版式設計 8.3傳統媒體的版式設計與趨勢
8
個性化的書籍版式
趣味立體兒童讀物
　書籍版式個性化
版式設計 8.3傳統媒體的版式設計與趨勢
8
書籍內頁版式設計 （書籍設計：尹琳琳）
版式設計
8
與書籍相比，雜志的出版周期短、發行區域固定、內容廣泛，同時兼具時效性、新穎性與知識性。
在具體設計時，雜志的版式與讀者定位、主題內容、發行區域有著密切的關系。雜志內頁的版式內容與書籍相似，同樣包括文本、圖片、書眉、頁碼等內容。
8.3.2 雜志的版式設計及趨勢
　雜志版式
版式設計 8.3傳統媒體的版式設計與趨勢
8
《nature》雜志
《青年視覺》雜志
《中國國家地理》雜志
　雜志版式
版式設計 8.3傳統媒體的版式設計與趨勢
8
雜志內頁的文字、圖片、書眉、頁碼
《環球少年地理》內頁
版式設計
8
招貼是當今主要的戶外廣告形式。在國際教科書出版公司出版的廣告詞典里，招貼則是指張貼于紙板、墻、大木板或車輛上的印刷廣告，或者以其他方式展示的印刷廣告。
目前，招貼上的內容主要包括文字與圖片兩大元素。
新媒體時代下，招貼設計會更加人性化，更具個性化及互動性，要更多地關注用戶的需求與喜好，使信息的傳播更加快捷與高效。
8.4.3 招貼的版式設計及趨勢
　招貼版式
版式設計 8.3傳統媒體的版式設計與趨勢
8
2010年南非世界杯招貼
華為麥芒6發布會倒計時招貼
2014年巴西世界杯招貼
設計討論
紙媒發展之我談
結合案例談談你對新時代下紙媒發展的看法。通過閱讀文獻、市場調查、案例分析等研究方法，提出對傳統紙媒發展遠景的見解，探討紙媒發展的新方向，并闡述其可行性。
討論成果：研究報告（圖文并茂）
討論建議：辯證地看待未來紙媒的發展，至少提出三種發展方向，并結合具體案例有理有據地陳述觀點。
設計實踐
學生會納新招貼設計
為了給學院學生會吸納更多的人才,給同學們提供一個展示自我的平臺,學院學生會準備舉行納新活動，為相關宣傳活動設計一幅招貼。從實際需求出發，將納新口號、學生會特色、活動地點等信息轉化為設計元素，并結合相關圖片與色彩進行招貼版式設計。
設計成果：招貼作品
設計要求：
① 招貼尺寸不小于A3；
② 招貼內容包括但不限于活動標題、納新口號、學生會特色、活動地點和相關圖片；
③ 文字與圖片布局合理，信息完整且具有可讀性；
④ 版面配色與內容相一致，整體美觀且富有設計感，具有強烈的視覺吸引力。
8.4 新媒體的版式設計與趨勢
版式設計
8
近年來，數字媒體逐漸成為大眾生活中的重要部分，其中網站成為企業和機構對外宣傳與服務的重要窗口。
網頁的版面中主要包括文字、圖片、符號、動畫、菜單、按鈕等內容，其中文字、圖片、符號、動畫是對信息的表達與展示，而菜單和按鈕則是網頁跳轉和交互操作的必備條件。同時，受顯示設備和閱讀習慣的影響，網頁版式通常采用縱向分割的方式將頁面進行劃分。
8.4.1 網頁的版式設計及趨勢
　網頁版式
版式設計 8.4新媒體的版式設計與趨勢
8
央視網教育版塊首頁
央視網熊貓版塊頁面視頻
版式設計 8.4新媒體的版式設計與趨勢
8
簡約化
在簡約化版式中，一般沒有裝飾性元素或邊框，弱化了材質、漸變、陰影等效果，僅保留必要的信息和內容。
簡約化版式頁面信息層級明確，方便用戶快速尋找目標，可以節約用戶的時間成本。
　簡約化版式
版式設計 8.4新媒體的版式設計與趨勢
8
　AR頁面
極簡化頁面
版式設計 8.4新媒體的版式設計與趨勢
8
矢量插畫化
矢量插畫化版式中，設計者通常使用矢量畫作為元素或內容，使網頁看起來清新有趣，加強網站本身的獨特性。
　矢量插畫版式
版式設計 8.4新媒體的版式設計與趨勢
8
　2.5D插畫頁面
矢量化頁面
版式設計 8.4新媒體的版式設計與趨勢
8
頭版化
網頁中的頭版頭條版式是源自傳統紙媒中對重要新聞的設計。
在具體設計時，通過使用尺寸超大的圖片與簡潔醒目的標題傳遞網站的主旨與精華，吸引人注意。
　頭版版式
版式設計 8.4新媒體的版式設計與趨勢
8
標題與圖片結合的頭版化頁面
頭版化網頁效果
版式設計
8
當下，移動程序已經成為大眾生活、工作必不可少的工具，也是大家獲取信息的主要渠道。程序界面看似只是幾種元素的排列組合，但其內涵卻是信息傳遞與交互規劃的構架，是移動版的網站。
8.4.2 程序界面的版式設計及趨勢
版式設計 8.4新媒體的版式設計與趨勢
8
界面信息的布局
首先，要掌握對齊、重復、親密、對比四大設計原則。
其次，在有限的界面中，需要通過合理的信息布局幫助用戶快速讀取信息，降低出錯率。
在信息可視化方面，適當使用圖表代替文字可以增強頁面的易讀性與設計感。
　界面信息的布局
版式設計 8.4新媒體的版式設計與趨勢
8
手機界面對齊排版
中國海軍博物館小程序界面
版式設計 8.4新媒體的版式設計與趨勢
8
界面常見布局
隨著信息化程度的提高，移動程序的綜合性越來越強，版式變化也越來越快。
界面布局設計中，主要表現為以下幾種：
　列表式布局
版式設計 8.4新媒體的版式設計與趨勢
8
微信公眾號界面布局
天氣預報界面布局
列表式布局適用于含信息量或文字較多的界面，便于在一個界面上展示同一個級別的分類模塊。
　宮格式布局
版式設計 8.4新媒體的版式設計與趨勢
8
　九宮格布局
　微信服務界面
宮格在展現形式上表現為以矩陣排列的大小相等、形狀一致的幾何網格。通過點擊宮格，可跳轉到下一級頁面。
　卡片式布局
版式設計 8.4新媒體的版式設計與趨勢
8
　卡片式布局界面
　縮略信息界面
卡片式布局尺寸靈活，在占用較少界面空間的情況下能將信息進行組織與區分，幫助用戶快速瀏覽與查找。
　多面板式布局
版式設計 8.4新媒體的版式設計與趨勢
8
　多面板布局界面
　多面板布局界面
多面板布局適合分類和內容都比較多的界面，減少整體跳轉的層級；但是頁面比較擁擠，信息量較大。
　輪播式布局
版式設計 8.4新媒體的版式設計與趨勢
8
　中國移動程序引導頁
輪播式布局界面每次只重點展示一個對象，但可以通過滑動按鈕按順序查看更多內容。
　彈出式布局
版式設計 8.4新媒體的版式設計與趨勢
8
　操作確認彈出界面
彈出界面通常用作信息或操作的提示、確認與反饋，僅在需要的時候在當前界面彈出。
　軟件升級提示界面
設計討論
界面設計師的職業素養
以2021 年 9 月中共中央辦公廳、國務院辦公廳印發的《關于加強網絡文明建設的意見》要求為指導，結合界面設計的工作內容與工作性質，從職業要求、職業道德、職業責任等方面出發討論新時代下界面設計師所應具備的職業素養。
討論成果：討論筆記
討論建議：在討論過程中注意論點的導向性，要結合具體案例有理有據地闡述相關觀點。
設計實踐
個人網站設計
為了更好地展示個人的學習經歷與專業能力，以個人介紹、求學經歷、創作理念、專業作品為主，用網站的形式設計制作個人作品集。從實際需求出發，以體現個人優勢、凸顯個人特色為目標，結合網站構架進行網頁結構、網頁跳轉及網頁版式設計。
設計成果：個人網站作品
設計要求：
① 版面內容包括但不限于菜單、標題、內容，其他元素可根據需求自行添加；
② 版塊布局構架合理、層級清晰，各版塊間既要相互獨立,又要相互關聯；
③ 版面內容豐富且美觀，具有明顯的個人特色，效果突出。

展開更多......

收起↑