數(shù)字出版物的版式設(shè)計要點

數(shù)字出版物的版式設(shè)計目錄Contents12版式設(shè)計的影響因素3數(shù)字出版物的版式設(shè)計要點版式設(shè)計的概念版式設(shè)計的概念YOURTITLEHERE011版式設(shè)計的概念■什么是版式設(shè)計？就是在版面上，將圖片、文字進行排列組合，以達到傳遞信息和滿足審美需求的作用。設(shè)計的對象是圖片和文字。設(shè)計的目的是傳遞信息和滿足審美需求。要注意！必須首先讓設(shè)計出來的版式起到傳遞信息的作用后，再去考慮如何美化它。因為只有少數(shù)人會去購買一本美觀但閱讀起來很費力的書。1數(shù)字出版物發(fā)展及概念■從哪些方面思考，讓版式達到目的？版式設(shè)計樣式版面視覺度圖版率文字跳躍率照片跳躍率網(wǎng)格拘束率空白率文字排列類型字體印象明確主題分開主副題群化整理流向避免曖昧抑制四角利用版心線造型技巧版式設(shè)計的影響因素YOURTITLEHERE022版式設(shè)計的影響因素■關(guān)于樣式由視覺度、圖版率、文字跳躍率、網(wǎng)格拘束率、文字排列、字體等因素決定的版面組成風(fēng)格，不同的樣式可以帶給讀者不同感受，選擇正確的樣式才能傳遞正確的信息。2版式設(shè)計的影響因素■感受不同的樣式2版式設(shè)計的影響因素■感受不同的樣式2版式設(shè)計的影響因素■樣式選擇結(jié)論1文字圖片給人的感受美寶蓮活潑的藝術(shù)字體引人注目的美女的笑臉親和力、動感、低廉資生堂嚴謹復(fù)古的宋體字平靜的景物畫面高品質(zhì)、冷靜、高級使用不同的文字、圖片樣式能帶給人以不同的感受。2版式設(shè)計的影響因素■樣式選擇結(jié)論2正確的選擇樣式才能傳遞正確的信息。兩件設(shè)計作品都很美觀，上圖給人的感覺比較輕松活潑，適合時尚、娛樂類型的網(wǎng)站；下圖則比較理性和冷靜，給人專業(yè)、專注的感覺，適合專業(yè)、商業(yè)類網(wǎng)站。2版式設(shè)計的影響因素■樣式的構(gòu)成要素1-視覺度文字、圖象（照片、插圖）對人產(chǎn)生的視覺吸引力的強度。越引人注目的物體視覺度越大。2版式設(shè)計的影響因素■樣式的構(gòu)成要素1-視覺度2版式設(shè)計的影響因素■視覺度強弱結(jié)論圖片比文字更吸引人注意，圖片的視覺度高于文字。在版面中增添照片或插圖能夠提高視覺度，讓人有興趣繼續(xù)讀下去。2版式設(shè)計的影響因素■圖片視覺度強弱比較一般來講，在同等大小的情況下，抽象圖形的視覺度強于寫實圖形。這是因為簡單的圖形更容易記憶，所以人天生對簡單的圖形敏感。2版式設(shè)計的影響因素■圖片視覺度強弱比較一般來說，人的形象具有最強的視覺吸引力，尤其是人的臉部，看到后讓人興奮。而天空、大海、草原的吸引力最弱，可以讓人情緒平靜。2版式設(shè)計的影響因素■如何選擇適當(dāng)?shù)膱D片視覺度類型視覺度效果感受嚴肅文學(xué)（小說、詩集等）低太高會破壞嚴肅性嚴肅活潑趣味圖書（時尚雜志、兒童讀物等）高增加閱讀興趣2版式設(shè)計的影響因素■樣式的構(gòu)成要素2-圖版率2版式設(shè)計的影響因素■樣式的構(gòu)成要素2-圖版率2版式設(shè)計的影響因素■關(guān)于圖版率的結(jié)論1提高圖版率可以活躍版面：沒有圖的版式顯的很壓抑，令人窒息。這種版式只適合于字典、法規(guī)等特殊用途的書籍。而加上一張圖片后感覺就完全不同了，顯的很有生氣，讓人產(chǎn)生閱讀的興趣。2版式設(shè)計的影響因素■關(guān)于圖版率的結(jié)論2完全沒有文字的版面顯得空洞。增加圖版率可以增加版式的親和力，在達到50%左右時，親和力急劇上升。但圖版率一旦超過了90%，如果沒有文字，反而會感覺空洞無味，給人單調(diào)的感覺。如果稍微加入一點文字，版式就又活躍起來。2版式設(shè)計的影響因素■關(guān)于圖版率的結(jié)論3選擇適當(dāng)圖版率，以傳達正確的信息。類型圖版率效果感受嚴肅文學(xué)（小說、詩集等）10%左右太高會破壞嚴肅性嚴肅活潑一般讀物（故事、報紙等）30%左右增加閱讀興趣，但如果圖太多信息則過少趣味圖書（時尚雜志、兒童讀物等）50%-90%創(chuàng)造活躍的氣氛2版式設(shè)計的影響因素■關(guān)于圖片精度制作時要選擇清晰的沒有壓縮過的圖片。精美雜志使用圖片的分辨率必須在300dpi以上。2版式設(shè)計的影響因素■關(guān)于圖片比例不要隨意調(diào)整圖片比例，尤其是人物類圖片。2版式設(shè)計的影響因素■樣式的構(gòu)成要素3-文字跳躍率版面中最小字與最大字，字體大小的比率叫做文字跳躍率。比率越大，跳躍率越高。跳躍率高跳躍率低2版式設(shè)計的影響因素■樣式的構(gòu)成要素3-文字跳躍率2版式設(shè)計的影響因素■樣式的構(gòu)成要素3-文字跳躍率2版式設(shè)計的影響因素■關(guān)于文字跳躍率的結(jié)論1較高的文字跳躍率可以吸引人的注意力降低跳躍率給人沉穩(wěn)、高品質(zhì)、歷史感的印象。提高跳躍率給人健康、有活力的印象。2版式設(shè)計的影響因素■關(guān)于文字跳躍率的結(jié)論2正確的文字跳躍律，傳遞正確的信息：日本的《生活手冊》，一向以沉穩(wěn)的版式獲得好評。版面莊重、平和，稍有單調(diào)之感，但是能讓人從中感受到幾十年不變的歷史的沉重。提高文字跳躍率，即使文章的內(nèi)容完全一樣，也不能引起人們的共鳴。2版式設(shè)計的影響因素■樣式的構(gòu)成要素3-文字跳躍率2版式設(shè)計的影響因素■關(guān)于文字跳躍率的結(jié)論3正確的文字跳躍律，傳遞正確的信息：文藝表演的海報，巨大的標題增加了視覺吸引力，讓人感覺氣氛熱烈，從而產(chǎn)生了參與的欲望。2版式設(shè)計的影響因素■樣式的構(gòu)成要素4-圖片跳躍率版面中面積最小的圖片與面積最大的圖片的面積比，叫做圖片跳躍率。比率越大跳躍率越高。低跳躍率高跳躍率2版式設(shè)計的影響因素■樣式的構(gòu)成要素4-圖片跳躍率2版式設(shè)計的影響因素■圖片跳躍率結(jié)論1圖片跳躍率低，給人以穩(wěn)重、高品質(zhì)的感受。圖片跳躍率高，給人輕松俏皮的感受。2版式設(shè)計的影響因素■圖片跳躍率結(jié)論2放大某些圖片，形成主次，版面顯得更加有條理，有生氣。2版式設(shè)計的影響因素■樣式的構(gòu)成要素4-圖片跳躍率2版式設(shè)計的影響因素■圖片跳躍率結(jié)論3大框架中宜用局部特寫的照片：用大小兩張照片做人物設(shè)計，原則上大的框架中采用特寫照。小的框架中采用全身照。照片面積的大小與照片中物體的繁簡程度進行對比，可以增強了動感。2版式設(shè)計的影響因素■樣式的構(gòu)成要素5-網(wǎng)格拘束率網(wǎng)格是一種重要的編排輔助手段。我們依靠網(wǎng)格對版面的框架結(jié)構(gòu)進行大致的規(guī)劃。網(wǎng)格拘束率指，文字、圖片受網(wǎng)格約束的程度。2版式設(shè)計的影響因素■樣式的構(gòu)成要素5-網(wǎng)格拘束率2版式設(shè)計的影響因素■網(wǎng)格拘束率結(jié)論1嚴格拘束于網(wǎng)格的版面給人穩(wěn)重的印象。脫離網(wǎng)格則有自由的感覺，產(chǎn)生輕松有趣的版面。2版式設(shè)計的影響因素■網(wǎng)格拘束率結(jié)論2選擇正確的網(wǎng)格拘束率，傳遞正確的信息類型拘束率效果感受嚴肅文學(xué)（企業(yè)報表、財經(jīng)雜志、教材等）高給人以條理清晰、可靠、嚴謹、高品質(zhì)的感覺。嚴肅活潑趣味圖書（時尚雜志、兒童讀物等）低增加閱讀興趣2版式設(shè)計的影響因素■樣式的構(gòu)成要素6-空白率版面上的圖片文字的所占的面積與空白面積的比率?？瞻自蕉嗫瞻茁试礁?。2版式設(shè)計的影響因素■空白率結(jié)論1高版面率，體現(xiàn)使用者是個熱情、有干勁的人。低版面率，體現(xiàn)使用者是個沉靜穩(wěn)健、有品位的人。2版式設(shè)計的影響因素■樣式的構(gòu)成要素6-空白率2版式設(shè)計的影響因素■空白率結(jié)論2要表現(xiàn)高品質(zhì)、高質(zhì)量的商品需要大面積的空白。左圖雖然文字的跳躍率不高，但是因為空白少，并不顯得高檔。右圖與左圖相比，擴大了空白量。給人以高雅、穩(wěn)重的氛圍，給人高品質(zhì)感。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列齊行型齊頭齊尾型齊頭散尾型居中型自由型2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列1.齊行型（齊頭齊尾）中庸的、理性的、嚴肅的、冷靜的。1.齊行型（齊頭散尾）界于齊頭齊尾型與自由型之間，有中國書法的韻味。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列3.居中型高格調(diào)的、優(yōu)雅的、歐洲古典的。4.自由型自由的、活潑的、輕松的、可愛的。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列2版式設(shè)計的影響因素■文字排列結(jié)論1名片上文字的排列方式，體現(xiàn)使用者的性格。齊行型的文字排列，是所有排列方式中最理性、最穩(wěn)重的類型，可以給人以誠信可靠、精明干練的印象。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列2版式設(shè)計的影響因素■文字排列結(jié)論2居中型的文字排列，可以傳達高格調(diào)、有文化品位的印象。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列2版式設(shè)計的影響因素■文字排列結(jié)論3自由型的文字排列。如果使用者不想塑造自己是商業(yè)者的形象可以使用自由型的排版方式。自由型的文字排列給畫面增添了活力，使整個版式顯得輕松、舒暢。2版式設(shè)計的影響因素■樣式的構(gòu)成要素7-文字排列2版式設(shè)計的影響因素■文字排列結(jié)論4居中型的文字排列最適合在低圖版率的環(huán)境里，體現(xiàn)出藝術(shù)感和高雅感。適于表達內(nèi)容的高品質(zhì)。如配上藝術(shù)的手寫字體，更能強化了這種感覺。2版式設(shè)計的影響因素■樣式的構(gòu)成要素8-字體字體可以傳遞很多信息，字體改變，版面的整體印象也會跟著改變。必須配合媒體類型、頁面主體及設(shè)計風(fēng)格來選擇字體。中文字體可以大致分為四類：宋體、黑體、書法體、藝術(shù)體。2版式設(shè)計的影響因素■樣式的構(gòu)成要素8-字體-宋體有現(xiàn)代與古典結(jié)合之感，最易于閱讀。報宋體仿宋體大標宋2版式設(shè)計的影響因素■樣式的構(gòu)成要素8-字體-黑體給人以冷靜、理性、現(xiàn)代之感。細圓黑黑體粗黑體綜藝體2版式設(shè)計的影響因素■樣式的構(gòu)成要素8-字體-書法體可以創(chuàng)造古樸、藝術(shù)的氣氛楷體（正式的，端莊的）瘦金體（宋徽宗的書法，有一種緊張的美感）黃草體（黃庭堅的書法，有一種飄逸秀麗的美感）隸體（端正的、古樸的）魏碑（古樸的、粗曠的）2版式設(shè)計的影響因素■樣式的構(gòu)成要素8-字體-藝術(shù)體藝術(shù)字體變化很多，新穎別致，個性鮮明的。珊瑚體氈筆體剪紙體兒童體胖頭魚體2版式設(shè)計的影響因素■字體結(jié)論1筆畫粗的字體給人以力量男性化的感覺；筆畫細的字體給人以柔美女性化的感覺。大的文字體現(xiàn)精神和活力；小的文字體現(xiàn)高貴和品質(zhì)。2版式設(shè)計的影響因素■字體結(jié)論2正確的字體傳達正確的信息。這是一本關(guān)于在城市中投資理財?shù)氖謨?，使用理性的粗黑字體，給人穩(wěn)重可靠之感。2版式設(shè)計的影響因素■字體結(jié)論3自由的手寫字體，給人輕松隨意之感。例如下面的樓書代表了該樓盤追求輕松享受的生活理念。2版式設(shè)計的影響因素■樣式的構(gòu)成要素9-字距和行距字距就是文字之間的距離。標準字距緊縮字距松散字距2版式設(shè)計的影響因素■樣式的構(gòu)成要素9-字距和行距漢字的字距不易過小，太小不易閱讀。漢字的標準字距為字寬1/10。當(dāng)使用大號文字作標題時，可以適當(dāng)緊縮字距。擴大字距，給人高格調(diào)之感。2版式設(shè)計的影響因素■樣式的構(gòu)成要素9-字距和行距行距就是行與行之間的距離。緊密的行距正常行距疏松的行距2版式設(shè)計的影響因素■樣式的構(gòu)成要素9-字距和行距一般情況下，正文小字的行距不宜過于緊密，尤其是在字數(shù)較多的情況，相當(dāng)難以閱讀。行距一般采用字號的1.5-2倍為宜。2版式設(shè)計的影響因素■版面當(dāng)選擇好適當(dāng)?shù)臉邮胶?，接下來就需要調(diào)整這些樣式的位置關(guān)系。樣式按什么樣的關(guān)系排列，我們稱為版面?！霭媸皆O(shè)計的步驟原稿選擇樣式調(diào)整版面2版式設(shè)計的影響因素原稿，雖然已經(jīng)具備所必須的全部信息，但條例不清，毫無生氣。步驟一，選擇適合的樣式。提高跳躍律，提高了視覺度，完成了樣式的調(diào)整后，與原稿比增加了趣味，更吸引人也更具條理。步驟二，版面調(diào)整。調(diào)整文字位置，根據(jù)文字的重要性體調(diào)整文字大小，調(diào)整空白大小。這樣版式變得工整，更加有條有理。2版式設(shè)計的影響因素■常見版面構(gòu)圖方法左右式對稱式三角式斜線式曲線式中心式2版式設(shè)計的影響因素■版面配色方法使用白色或黑色文字最清楚使用與圖片色調(diào)一致的顏色選擇與圖片相反的色調(diào)1、利用配色讓圖片上的文字更顯眼。2版式設(shè)計的影響因素■版面配色方法利用文字顏色整理信息利用色塊劃分區(qū)域利用相反色劃分版面2、利用顏色分割版面2版式設(shè)計的影響因素■版面配色方法改變底色以創(chuàng)造不同的印象與彩色圖片的對比性將彩色圖片部分黑化3、黑白圖片表現(xiàn)質(zhì)感數(shù)字出版物版式設(shè)計要點YOURTITLEHERE033數(shù)字出版物版式設(shè)計要點關(guān)于尺寸的選擇Pad尺寸1024*768ppx2048*1536ppx2732*2048ppxKindle尺寸1024*600ppx手機尺寸320*520ppx375*667ppx750*1334ppx其他輸出設(shè)備視情況自定義版面大??！不要新建對頁文檔！不需要出血！3數(shù)字出版物版式