版式設計指南

1、版式設計指南前言：1、文中的概念“貴重2、文中全部的圖例都承受黑白，目的是為了排解類似顏色、材質(zhì)等的干擾，本文僅限于探討“版式”的奇特力氣； 3、任何事情都不是確定的，共性與共性在這個世界并存，但是在你還不是專家或者強者以前， 了解普遍意義上的規(guī)律是理所應當?shù)模τ谝?guī)章的突破依靠于我們長期的對已有規(guī)律的練 習、積存和探究，然后再是打破。就如同同學們在做設計時，大量的人寵愛將元素沒有理由 的設計師，并不會拒絕飽滿、豐富、吵鬧甚至繁復，一個真正的“簡約”設計其實是有很多細怕豐富，所以只能用削減元素來掩蓋，可那并不是真正的“簡約”，只是簡陋而已。所以，請好好應用我們的版式設計技巧，讓你的把握力量突飛

2、猛進吧！ 我的原則是盡量做到不更改學生的設計初衷，通過調(diào)整在版面空間中對文字、圖形的位置、 消滅：為什么文字內(nèi)容沒變、要傳遞的信息主題沒變、甚至還是那張不怎么好看的圖，經(jīng)過一番調(diào)整就會氣氛大變呢？從木納變成活潑、從廉價變成貴重？ 這就是版式設計的力氣！研讀了好些教材和書本，我覺得最有用的，往往是最簡潔的，我就從一本日本的版式設有幾分收獲！這些學問需熟記熟用，方能舉一反三，自我創(chuàng)！以上這個基因樹形圖就是對版式設計中最根底的內(nèi)容進展的歸納，排解了一些其他因 材質(zhì)、工藝等學問，那么我們的設計將變得成熟而精彩！第一、什么是“樣式”？們的設計對象比方為我們?nèi)俗约?，一個人要出席不同的場合，那么就需要不同的

3、裝扮風格， 因此“樣式”就是我們首先要做的選擇：假設是去面試工作，那么我們要干練的 OL 風格；假設我們要參與狂歡派對，那么我們可以前衛(wèi)大膽的貓王風格；假設我們要參與婚禮，那么 你要他成熟高雅那是太殘忍?？墒窃诎媸皆O計中，對于感覺沒到位的人，我們照舊可以教給 就需要我們對“視覺度、圖版率、文字跳動率、圖片跳動率、網(wǎng)格拘束率、版面率、三類構成、文字印象”這個八個要素進展學習、理解、記憶和練習。這樣我們就能選對“衣服”、“鞋子”等等。其次、什么是“造型”？ 我們穿一條拖地晚禮服，我們卻頂著一頭沒洗一樣的油頭發(fā)，或者是雜兩個羊角辮，可能怎么都不能到達高雅的感覺除非你是有意搞怪；又如我們穿一身職業(yè)裝預

4、備去面試，卻畫一個超級魅惑的煙熏妝，一個爆炸頭，估量沒單位敢要你或許夜總會或一些不入流的歌舞團。更進一步說，造型可以讓我們錦上添花，如虎添翼不僅是讓你穿對，更是讓你面 格外瑣碎的細節(jié)，比方頭發(fā)的適當蓬松，眼影的搭配，或者粉底的質(zhì)感等等。因此版式設計中的“造型”就是要運用相關的技巧，將我們之前選對的那些樣式要素進展組合、搭配、修正、改善，讓這些元素有機的融合，營造我們想要的氣氛，完善全部的細節(jié)，形成正確的視覺感官效果和合理的閱讀流程。而這八個技巧簡潔易記，他們是“明確主題、分開副主題、但是假設放在一起進展比較的話，我認為“樣式”是最重要的。是否選對樣式將打算我們版式設計效果成敗。選擇正確的樣式，

5、就像我們選對適合場合的裝扮風格，假設我們連樣式都沒選對，那么無論怎么有技巧的、精良的造型都是白搭！極端的例子：去面試一份市場調(diào)查員的工作，我們卻擇了嘻哈風的裝扮樣式，那么后期無論怎么化裝，發(fā)型，著裝都將是徒勞的，這就是同學們經(jīng)常遇到的問題作業(yè)盲目的追求電腦效果，堆砌，抑或刪減費心 遠、更離譜而已。因此“樣式”的學問是至關重要的。第四、進入分解講解前，我們來做第一個試驗吧！在以后的講解中，都是以比照試驗和測試來論證觀點，固然為了說明最根底的問題，我們都選擇的是比較極端的例子，任何事情都有特別的狀況，但是請大家在學習本項類容時平和心態(tài)，先吃透普遍范圍內(nèi)的概念， 等以后見多識廣了再來分解、打破和提升

6、。Q:A、B兩張廣告中，哪一份看起來是比較廉價的化裝品？固然顯而易見的是 B，它讓我們覺得這個發(fā)膠很廉價。奇特吧？可是什么緣由造成的呢？是女模特不夠美嗎？照片不夠清楚嗎？文字不夠豐富、不夠大嗎？我們可以考慮造成 正確的“樣式選擇”打算版式設計效果的大局部！我們可以看出，布滿生氣活力的 B 廣告表現(xiàn)出的樣式和作品性格更適合于廉價的商品或者促銷，由于它具備良好的親和力，淺顯易懂。因此假設想強調(diào)化裝品的一種高級感，那 么 B 的樣式是很難成功的。即使選用最當紅的影星，超特寫的鏡頭那么也是徒勞的。由于他沒方法到達高級感所呈現(xiàn)出的那種冷漠！因此要表現(xiàn)品質(zhì)的優(yōu)良，我們往往選用小文字、大面積的空白、低視覺度

7、的照片。因此我們不難理解，為什么時尚雜志里那些高級化裝品 總寵愛承受產(chǎn)品本身做主角，也不難理解為什么即使選用當紅明星做模特，也會把明星的 妝容畫的極冷、表情也是冷漠的。就是為了竭力降低其視覺度，到達一種冷漠、貴重、高 品質(zhì)的感覺。Q2：下面同一個人的名片，哪一張看上去更有信任感？A B答案固然是下面 B A 更干凈有序，看起來能利落的解決問題，同時我們從名片上能更輕松的閱讀和找到清楚的視覺流程。我 們只需要調(diào)整文字的大小、位置和空間，就產(chǎn)生了巨大的差異，形成了 B 更有平衡感的版面設計。A 名片沒有從細節(jié)調(diào)整形態(tài)，因此顯得畫面不平衡，總給人散亂、不專業(yè)、不能信任的感覺。A 的字體也顯得較為稚嫩

8、和任憑，因此更不能很好的取得人們的信任。為了取得好的信任感就要對形態(tài)加以調(diào)整，保持平衡感是必需的，調(diào)整形態(tài)就是我們將要講解的“造型”原 理。版式設計第一步選擇樣式選擇適合的樣式，版面設計就向成功邁出了一大步！ 只要你智商正常，從小生活在人類的社會環(huán)境，有推斷力，就能選出適合的樣式！雖說樣式的內(nèi)容里那“八大要素”看起來 語而已。請依據(jù)一般的常識思考，就能做出正確的選擇。第一回合：樣式的效果 活力、易懂、有親和力的印象。反之，假設以文字為中心，則給人理性、高風格、冷漠、堅硬的印象。然而，并不是說，視覺度越高效果越好，與要表現(xiàn)的內(nèi)容相吻合的“度”是很重要的。例如，在一本法律典籍或者政府宣言等純文字的

9、對象中參加插圖，雖然有活潑版式的感覺，但卻形成了不和諧的版面。1、錯誤的樣式不能正確的傳達信息各種樣式本身是沒有對錯之分的，就像西服和 T 恤，本身都是優(yōu)秀的。但是場合不同我們就需要選擇不同的樣式，因此準確的說不符合目標對象的樣式是不能正確傳遞信息的。我們來看一個列子：A這是日本學生制作的用于募集小組成員的傳單改作A 的專業(yè)性很強，作為學習設計的我們很簡潔理解也很寵愛這種“腔調(diào)”的設計，但是這個作品的目的是募集小組成員，每個周末年輕的孩子們一起出去郊游或者玩耍。因此 A 圖的樣式給人感覺過于深邃， 雖然是很棒的設計作品卻在表現(xiàn)形式上不適合募集對象，也不適合要傳遞的信息。人們看 到這樣的圖像樣式

10、并沒有想在一起玩的想法，甚或至于會產(chǎn)生信息的誤讀，搞不好人家會 以為是“模型俱樂部”還是“玩具俱樂部”的宣傳，或者更簡潔誤會為“氣球俱樂部”的 宣傳單。所以雖然設計的很專業(yè)、很富有設計感、很別致卻沒法正確的傳遞信息。所以它，是錯的！B這是最終真正使用的成稿。界面舒緩的插圖，雖然不是很精煉，但是別有一番拙趣，給人以溫存的清爽的親和力。手寫體的文字，讓人感覺親切而溫和，敬重的寫在畫面中適當?shù)奈恢?，讓我們感到募集者的誠意。整個設計輕松活潑，雖然顯得有點點稚嫩，卻恰好與承受信息的對象心態(tài)相符合這是個好玩的俱樂部，里面肯定都是些寵愛親近大自然的同學，沒有約束。再舉一例風格不同的兩幅廣告被我們有意分解組合

11、在一起形成了一種怪異的版面。樣式差異竟能產(chǎn) 生如此大的差異。不同的模特，不同的照片拍攝方式，不同的形態(tài)表情都必需要符合自己 所要效勞的產(chǎn)品，手表廣告中原稿才能表達出手表中性的風格和貴重的品質(zhì)感！而口紅廣 告中絢爛的笑臉具有高視覺度，有極強的親和力，明確得表達出其訴求的對象為布滿活力 的年輕人，很明顯這個產(chǎn)品不會那么高不行攀。2、效果通過樣式得到表現(xiàn)上開頭。多多去看相關的書和雜志，已經(jīng)各種類型的設計作品，邊看邊試著對自己提問：這理嗎？為什么這個作品看起來會讓人感覺好禪靜？為什么這個作品讓人感到熱忱？在 問這些問題的同時，試著用版式設計里面的相關要素和原則的學問、技巧去答復，嘗試著找出規(guī)律。 A：

12、讓人感覺他可以利落的完成工作，感覺這個單位很井井有條，很有信任感。這是一種突出重點的組合方式，并且視覺流程清楚簡明。B：擴大空白、縮小文字、筆畫細膩的字體整體給人高品質(zhì)的感覺。另外，文字的組合方法承受了“居中對齊”更給人感覺理性而高風格的印象。C：擴大姓名文字并且選擇加粗的字體，同時字體是橫細豎粗的大宋體，雖然文字厚重卻不顯得笨拙，放大字的體積感可以增加版面的能量感，讓人感覺信息豐富，表現(xiàn)出自信，貓頭鷹 LOGO的放大增加了版式的視覺度，增加了親和力，符合一個促銷員該有的精神面貌。排列出不同的樣式效果。而且每一種樣式都有其優(yōu)點。作為學習設計的我們，由于常年累月設計風格。但是往往我們所效勞的對象

13、，來自各行各業(yè)，他們也有他們的行業(yè)審美原則，再到，隨著群眾審美意識的加強、行業(yè)競爭的加劇，消滅了很多模糊行業(yè)特征的、一味追求視“好共性的名片”的同時照舊能從名片所表達的樣式里獲得正確的信息、感受出符合名片仆人職業(yè)、身份、行業(yè)的氣息。這才是正道！從這個測試中我們也就能釋然一些讓我們頭疼的事情：我們覺得很共性、高雅的設計， 到這種狀況，請先檢查自身是否遺忘了效勞對象的行業(yè)特質(zhì)，看看是否為他選對了樣式，穿 信任能夠讓難題迎刃而解。 確傳遞信息的圓滿，也感悟到了視覺元素的風格統(tǒng)一才能形成完整有效的符合身份的版式， 固然更知道我們想要的效果是可以通過樣式的打造而呈現(xiàn)出來。下一回合，我們就從視覺要素中的“

14、視覺度”開頭。視覺度心理感受，僅從符合常理的圖像要素去爭辯在后面我們會進一步說明1、從什么是視覺度開頭。從這里開頭，我們正式進入樣式的八要素的學習。首先我們要學的就是最奇特的“視覺 插 圖、照片等 視覺度就低。所以，一般來說，照片的視覺度比插圖低，尤其是云、海、草原等風景照，視覺度更低。舉例來說，對象都是大象，可是一張是卡通大象，另一張是實拍的大象，那么后者的視覺度明顯就比前者低的多，由于前者更夸大更讓人印象深刻，甚至不行思議。那么圖像要素的視覺度到底對我們的平面二維空間起到怎樣的作用呢？我們來看第一例子，一個大學里某棒球組織募集會員的傳單。Q1：下面會有 AB 兩張效果圖，哪一個傳遞信息更快

15、、更有效？讓人閱讀更簡潔？A這份傳單假設發(fā)到你手里，你會有什么感覺呢？我覺得它看起來很理性，感覺很不熱忱，然后信息量很浩大，有點不太想認真去讀那么多文字該多累！怎么辦呢？我們對于這樣的設計工程最根本的要求就是不能削減文字內(nèi)容，這些文字雖然多但是他們確實都B是怎么做的吧！比較兩者，視覺要素具有打算性的效果， B 一目了然，我們能直接的快速的獲得最重要的信息這是關于棒球的俱樂部在招募會員而不是什么藥品促銷或者其他。像這樣一種目的簡潔，內(nèi)容直接的設計狀況，視覺要素的合理應用可以極大的轉變整體效果。Q2：下面左右兩張傳單，哪一個更讓你印象深刻？視覺度較高的圖像是插頁廣告不行缺少的視覺要素！左邊是原稿，

16、手寫的純文字有格外獨特的表現(xiàn)力。從文字內(nèi)容上看的出這是個現(xiàn)代舞 方面的招募或者表演的宣傳，那么在參加一副跟文字的表情格外相像的剪影舞者插圖后， 整個效果更加生動活潑！這就是視覺度的魔力，參加插圖后版面的視覺度增加，活力就增 加了。另外從這幅傳單的設計中我們可以看出，日本的學生們的設計格外具有生活的樂趣，也很擅用最直接的手繪方式，相對于我們自己可能要好好思考自己對生活的態(tài)度，豐富自 己的閱歷，更擅用除電腦以外的更多技法，為我們的作品制造更共性的效果。2、平面設計中最小的設計單位名片，看看我們將名片視覺化后的效果。我們現(xiàn)在很常見這種類型的名片設計，同學們也很寵愛那么去做，由于名片上的元素只是文字所

17、以只要略微嚴謹?shù)呐乓幌碌陌姹隳艹尸F(xiàn)現(xiàn)在這樣一種不痛不癢的效果。雖然看上去我們并不會有不適宜的感覺，但這種樣式的名片不會給人留下任何印象。那么我們看看將名片視覺化后有什么變化吧！ 名片時的場景。雖然不太記得實際上是怎樣的一個人，但還是留下了更好、更深刻的印象。因此，我們覺察在名片上參加插圖，會增加它的趣味性。公司圖標介于文字要素和視覺要素之間，視覺度較弱，但依據(jù)排列方式的不同，亦能呈現(xiàn)較好的效果。這里我們從上面參加的不同的插圖當中的出另一種規(guī)律：越是趨向夸大的、卡通化的插圖視覺度越高強，越是接近現(xiàn)實或趨向于文字的插圖視覺度越弱。3、設計主題的表現(xiàn)力Q20 秒時間看以下的照片，答復接下來的問題。2

18、0 秒：20 19 18 17 16 15 14 13 12 11 10 9 8 7 6 5 4 3 2 1！以下照片中，有幾張照片在前面那張圖中有消滅過，是哪幾張？請自己將代碼寫下來。欄內(nèi)字母為正確答案。將自己的答案和下表比照，有什么奇特的結果？請你和幾位同學一 起做不要商量，最終再來看看你們的答案，看看有多少一樣的呢！通常狀況下，A組的正確答案最多，特別是孩子的笑臉給大多數(shù)人留下深刻的印象，那貓咪的傻表情也給大多 數(shù)人留下深刻的印象。BC組的答案則反映出個人的興趣。反映觀者的興趣共性同樣大小的照片，依據(jù)所照的內(nèi)容給人留下不同的印象。這反映出觀者自身的興趣和志向，形成了一種溝通。這就是制作廣

19、告時需要認真選擇宣傳點的緣由。設計師也是人，往往我們也有獨特的閱歷，比方小時候假設你可能曾經(jīng)把洋蔥當成水果去啃，從而在你的大腦里洋蔥印象深刻！因此在選擇的時候毫不遲疑先就能記住洋蔥那個靜物照片。但是這時候我們肯定要問問自己，這僅僅是我個人的閱歷和興趣，還是說有相當局部的人與我有共鳴？在廣告設計中，我們經(jīng)?？吹酵瑢W們糾結于查找獨特的視覺元素，期望以此來獲得視覺沖擊力并到達共鳴，但結果往往是事與愿違自己認為好玩的事觀眾毫無感覺！這就是沒有考慮訴求對象的興趣和閱歷。表現(xiàn)力的強弱留意人和臉一般來說，人類具有最強的表現(xiàn)力，尤其是臉部怪不得消滅那么多模特。最弱的是云、海洋、草原等風景，它們能讓人們的心情安

20、靜下來。原來很好玩的描寫對象，用很難 觀察的角度來構圖的話，表現(xiàn)力就會下降。例如，嬰兒純真的笑臉我們通常是表現(xiàn)的重點，但是假設我們在畫面中參加很多大人的臉的話，嬰兒的表現(xiàn)力反而減弱！因此在表現(xiàn)類似 對孩子關愛的信息時，我們往往更直接地應用孩子自身安康陽光的照片，大人往往成為非 的重合以及不必要的影像。樣式的八要素之二 圖版率1、什么是圖版率？在同一版面空間中，占據(jù)版面的圖像插圖、照片等和文章內(nèi)容的面積比我們稱之為，制約著版面所呈現(xiàn)出來的緊急和寬松，活潑與穩(wěn)重。經(jīng)常在我們版面遇到瓶頸時可以通過轉變圖版率來打破格局。2、圖版率和視覺度的區(qū)分？圖版率是指相對于版面中的文字內(nèi)容，圖像所占的面積比例，用

21、%來表示。視覺度強調(diào)圖像的視覺強度，而圖版率僅針對面積比。版面空間中全是文字的話，圖版率為 0%，相反假設全是圖像沒有文字，圖版率為 100%。一般來說，全部是文字的版面樣式讓人感覺擁擠和緊急，并讓讀者有恐驚心理覺得雜亂、信息量大，不想讀下去。因此就算是一些詩集、小說等純文學的作品，我們盡量維持 10%左右的圖版率以便讓人簡潔閱讀。而大信息量的報紙，圖版率為 30%左右，當圖版率低于這個數(shù)值，報紙沒有生趣，讓人厭煩不簡潔閱讀。當圖版率大大超過這個數(shù)值，報紙就變成了“畫報”又會產(chǎn)生過于活潑、信息量缺乏和不夠嚴峻等感受因此圖版率的設定也要求我們依據(jù)實際的設計需要和針對的對象來估 計。我們很不情愿去

22、閱讀圖版率為 0%的緊急版面，但同時我們也很難承受一份圖版率過高的經(jīng)濟類報紙。固然，在這里我還要告誡某些愛鉆牛角尖的同學：圖版率不需要真的去測量面積，或許目測估摸就行！固然在后期的實際操作中我們會覺察圖版率和視覺度存在著共性，同等的視覺度照片， 當它面積越大，圖版率越大，而版面的活潑程度也就相對大起來。3、文字所能傳遞的信息是設計不行或缺的！能依靠圖形去傳遞信息，這是無可厚非的。比方我們的一些純粹的海報、影視廣告等等，我受眾的設計來說，想完全回避文字是不太可能，也是沒有必要的。圖文并茂始終是老百姓們更加簡潔接收！覺上、信息傳遞上更完整，可謂錦上添花，畫龍點睛。4、沒有文字的版面顯得空洞下面兩個設計，你更寵愛哪一幅呢？那么受眾又更情愿看哪一幅呢？ABA 圖用獨特的圖形傳遞這個協(xié)會話劇表演爭辯之類的協(xié)會的性質(zhì)，很有創(chuàng)意，畫面感覺很有設計感，這也是我們同學們經(jīng)常樂于使用的版面少文字，甚至不要文字。 但是我們明顯不能從這幅畫面中獲得更多具體的信息。所以 B 面的獨特將抓住人們的眼球，更帶給人深刻的印象，參加文字后覺察，文字所能傳遞的 信息是設計不行或缺的！再看一個例子：一個大學里某組織的募集傳單，明顯是想表現(xiàn)這個組織會給你寬闊的呈現(xiàn)空間。 滑翔翼簡潔地表現(xiàn)了安靜無聲的空間，但是好似這更像一張