




已閱讀5頁(yè),還剩205頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
版式設(shè)計(jì),什么是版式設(shè)計(jì)?,就是在版面上,將圖片、文字進(jìn)行排列組合,以達(dá)到傳遞信息和滿足審美需求的作用。 設(shè)計(jì)的對(duì)象是圖片和文字。 設(shè)計(jì)的目的是傳遞信息和滿足審美需求。 要注意!必須首先讓設(shè)計(jì)出來的版式起到傳遞信息的作用后,再去考慮如何美化它。因?yàn)橹挥猩贁?shù)人會(huì)去購(gòu)買一本美觀但閱讀起來很費(fèi)力的書。,從那些方面去思考,如何讓版式達(dá)到目的?,影響版式的因素之一,樣式,什么是樣式?,樣式是指文字、圖片的外觀。,感受樣式的作用(一):,下面兩則廣告,那一個(gè)看起來更像是大眾化妝品? 圖在下頁(yè),結(jié)論(一):,使用不同的文字、圖片樣式能帶給人以不同的感受。,感受樣式的作用(二):,下面哪個(gè)設(shè)計(jì)更適合作為一家設(shè)計(jì)論壇自我宣傳的傳單? 圖在下頁(yè),結(jié)論(二):,正確的選擇樣式才能傳遞正確的信息。 兩件設(shè)計(jì)作品都很美觀,但是上圖給人的感覺過于輕松活潑,所以不能讓人感受到設(shè)計(jì)的理性、冷靜等感覺,但如果是用于時(shí)尚、娛樂等類型的網(wǎng)站就很合適了。,樣式01,視覺度,什么是視覺度?,文字、圖象(照片、插圖)對(duì)人產(chǎn)生的視覺吸引力的強(qiáng)度。越引人注目的物體視覺度越大。,感受視覺度(一):,下面哪張名片更引人注意?,感受視覺度(二):,下面哪張海報(bào)更引人注意? 圖在下頁(yè)。,結(jié)論:,圖片比文字更吸引人注意,圖片的視覺度高于文字。 在版面中增添照片或插圖能夠提高視覺度,讓人有興趣繼續(xù)讀下去。,圖片的視覺度的強(qiáng)弱比較:,圖片可分為兩類寫實(shí)性的、抽象性的。 一般來講,在同等大小的情況下,抽象圖形的視覺度強(qiáng)于寫實(shí)圖形。這是因?yàn)楹?jiǎn)單的圖形更容易記憶,所以人天生對(duì)簡(jiǎn)單的圖形敏感。,寫實(shí)性圖片的視覺度,一般來說,人的形象具有最強(qiáng)的視覺吸引力,尤其是人的臉部。而天空、大海、草原的吸引力最弱,可以讓人情緒平靜。 特寫圖像視覺沖擊力也非常強(qiáng)。 色彩色調(diào)對(duì)比強(qiáng)烈的圖片,結(jié)論:,選擇適當(dāng)?shù)膱D片視覺度,以傳遞正確的信息。,低質(zhì)量的圖片 極大的降低版式的品質(zhì)(一):,制作時(shí)要選擇清晰的沒有壓縮過的圖片。 精美雜志使用圖片的分辨率必須在300dpi以上。 圖在下頁(yè),低質(zhì)量的圖片 極大的降低版式的品質(zhì)(二):,如對(duì)圖片進(jìn)行不等比例的縮放,后果,實(shí)例(一):,在新聞上使用照片可以增加說服力。讓讀者覺得新聞?wù)鎸?shí)可信。并且增添閱讀的興趣。,實(shí)例(二):,使用插圖,可以快速的傳遞文章的內(nèi)容。使用圖表可以讓人清楚直觀看到數(shù)據(jù)。這些都有利于信息的傳播。,樣式02,圖版率,什么是圖版率?,版面中的圖片跟文字所占的面積比叫做圖版率。 如果版面全是文字的話,圖版率就為0% ,全是圖的話,圖版率就為100% 。,視覺度與圖版率的區(qū)別,“圖版率”是指相對(duì)于文章,圖所占的比率。用%來表示。而“視覺度”是指圖片視覺吸引力的強(qiáng)弱。,結(jié)論(一):,提高圖版率可以活躍版面: 沒有圖的版式顯的很壓抑,令人窒息。這種版式只適合于字典、法規(guī)等特殊用途的書籍。 而加上一張圖片后感覺就完全不同了,顯的很有生氣,讓人產(chǎn)生閱讀的興趣。,感受圖版率(一):,感受圖版率(二):,結(jié)論(二):,完全沒有文字的版面顯得空洞。 增加圖版率可以增加版式的親和力,在達(dá)到50%左右時(shí),親和力急劇上升。 但圖版率一旦超過了90%,如果沒有文字,反而會(huì)感覺空洞無(wú)味,給人單調(diào)的感覺。如果稍微加入一點(diǎn)文字,版式就又活躍起來。,結(jié)論(三):,選擇適當(dāng)圖版率,以傳達(dá)正確的信息。,復(fù)習(xí):,看下面左、右版式的區(qū)別是什么? 右圖(a.視覺度 b.圖版率)增加了? 產(chǎn)生了哪些效果?(c.高品質(zhì) d. 輕松活潑 c.親和力 f.高雅),樣式03,跳躍率,文字跳躍率,版面中最小字與最大字,字體大小的比率叫做文字跳躍率。比率越大,跳躍率越高。,跳躍率高,跳躍率低,感受文字跳躍率(一):,結(jié)論(一):,較高的文字跳躍率可以吸引人的注意力。,感受文字跳躍率(二):,結(jié)論(二):,降低跳躍率給人沉穩(wěn)、高品質(zhì)、歷史感的印象。 提高跳躍率給人健康、有活力的印象。,感受文字跳躍率(三):,結(jié)論(三):,正確的文字跳躍率,傳遞正確的信息: 日本的生活手冊(cè),一向以沉穩(wěn)的版式獲得好評(píng)。版面莊重、平和,稍有單調(diào)之感,但是能讓人從中感受到幾十年不變的歷史的沉重。提高文字跳躍率,即使文章的內(nèi)容完全一樣,也不能引起人們的共鳴。,感受文字跳躍率(四):,結(jié)論(四):,正確的文字跳躍律,傳遞正確的信息: 文藝表演的海報(bào),巨大的標(biāo)題增加了視覺吸引力,讓人感覺氣氛熱烈,從而產(chǎn)生了參與的欲望。,圖片跳躍率,版面中面積最小的圖片與面積最大的圖片的面積比,叫做圖片跳躍率。比率越大跳躍率越高。,低跳躍率,高跳躍率,感受圖片跳躍率(一):,結(jié)論(一):,圖片跳躍率低,給人以穩(wěn)重、高品質(zhì)的感受。 圖片跳躍率高,給人輕松俏皮的感受。,感受圖片跳躍率(二):,結(jié)論(二):,放大某些圖片,形成主次,版面顯得更加有條理,有生氣。,感受圖片跳躍率(三):,結(jié)論(三):,大框架中宜用局部特寫的照片: 用大小兩張照片做人物設(shè)計(jì),原則上大的框架中采用特寫照。小的框架中采用全身照。照片面積的大小與照片中物體的繁簡(jiǎn)程度進(jìn)行對(duì)比,可以增強(qiáng)了動(dòng)感。,樣式04,網(wǎng)格拘束率,什么是網(wǎng)格拘束率?,網(wǎng)格拘束率指,文字、圖片受網(wǎng)格約束的程度。,什么是網(wǎng)格?,網(wǎng)格是一種重要的編排輔助手段。我們依靠網(wǎng)格對(duì)版面的框架結(jié)構(gòu)進(jìn)行大致的規(guī)劃。,高網(wǎng)格拘束率,低網(wǎng)格拘束率,感受網(wǎng)格拘束率(一):,結(jié)論(一):,嚴(yán)格拘束于網(wǎng)格的版面給人穩(wěn)重的印象。 脫離網(wǎng)格則有自由的感覺,產(chǎn)生輕松有趣的版面。,感受網(wǎng)格拘束率(二):,結(jié)論(二):,要體現(xiàn)莊重、高格調(diào),最宜使用高網(wǎng)格拘束率的版面設(shè)計(jì)。,結(jié)論(三):,選擇正確的網(wǎng)格拘束率,傳遞正確的信息:,圖片的外形,角版,出血版,羽化版,挖版,角版,拘束性最強(qiáng),給人嚴(yán)謹(jǐn)、冷靜、高品質(zhì)的影響。,出血版,有一個(gè)以上的邊出血,較角版而言更富變化、更加活潑。,羽化版,邊緣模糊的圖片給人以柔美的印象。,挖版,不規(guī)則的邊緣給人以自由活潑的感受。,感受圖片的外形:,結(jié)論(一):,在大量角版中適當(dāng)?shù)募尤肷倭客诎?,既能夠打破沉悶,又不至于破壞原有的冷靜氣氛。 角版中只插入一個(gè)小小的挖版,因?yàn)檫@么一個(gè)小小的對(duì)比效果,活躍了整個(gè)版面的氣氛,并可突出置于挖版上的物體。,感受圖片的外形(二):,結(jié)論(二):,在大量挖版中,角版可以穩(wěn)定畫面。 大部分圖像使用挖版,不受網(wǎng)格的拘束,給人自由的感受。但插入一些小角版在中間,能起到穩(wěn)定畫面的作用(避免過于自由而顯得凌亂),更能突出挖版的自由感。,感受圖片的外形(三):,結(jié)論(三):,VIP不宜使用挖版。 重要事件和人物不宜使用挖版,因?yàn)橥诎鏁?huì)給人輕松的感覺,不能體現(xiàn)嚴(yán)肅性和不能引起注意。,樣式05,空白率,什么是空白率?,版面上的圖片文字的所占的面積與空白面積的比率??瞻自蕉嗫瞻茁试礁?。,低空白率,高空白率,感受空白率(一):,結(jié)論(一):,高版面率,體現(xiàn)使用者是個(gè)熱情、有干勁的人。 低版面率,體現(xiàn)使用者是個(gè)沉靜穩(wěn)健、有品位的人。,感受空白率(二):,結(jié)論(二):,要表現(xiàn)高品質(zhì)、高質(zhì)量的商品需要大面積的空白。 左圖雖然文字的跳躍率不高,但是因?yàn)榭瞻咨?,并不顯得高檔。 右圖與左圖相比,擴(kuò)大了空白量。給人以高雅、穩(wěn)重的氛圍,給人高品質(zhì)感。,感受空白率(三):,結(jié)論(三):,要傳遞古樸、恬靜的感覺,宜采用高空白率的版式。,感受空白率(四):,結(jié)論(四):,低空白率體現(xiàn)豐富的信息。,感受空白率(五):,接下頁(yè),報(bào)刊使用的空白率(五):,我們?nèi)粘=佑|到的印刷物品中,版面率最高一般是報(bào)紙。報(bào)紙以豐富的信息來吸引讀者,所以高的版面率是很必要的。一些娛樂雜志和書籍同樣如此。,文字排列,齊行型 齊頭齊尾型 齊頭散尾型 居中型 自由型,樣式06,1.齊行型(齊頭齊尾) 中庸的、理性的、嚴(yán)肅的、冷靜的。,1.齊行型(齊頭散尾) 界于齊頭齊尾型與自由型之間,有中國(guó)書法的韻味味。,3.居中型 高格調(diào)的、優(yōu)雅的、歐洲古典的。,4.自由型 自由的、活潑的、輕松的、可愛的。,感受文字排列(一):,結(jié)論(一):,名片上文字的排列方式,體現(xiàn)使用者的性格。 齊行型的文字排列,是所有排列方式中最理性、最穩(wěn)重的類型,可以給人以誠(chéng)信可靠、精明干練的印象。,感受文字排列(二):,結(jié)論(二):,居中型的文字排列,可以傳達(dá)高格調(diào)、有文化品位的印象。,感受文字排列(三):,結(jié)論(三):,自由型的文字排列。如果使用者不想塑造自己是商業(yè)者的形象可以使用自由型的排版方式。,感受文字排列(四):,結(jié)論(四):,齊頭齊尾的排列,給人以嚴(yán)謹(jǐn)理性的感覺,較多的空白給人以舒暢和高品質(zhì)的感覺。,感受文字排列(五):,結(jié)論(五):,正文采用齊頭散尾的排列,與上圖比較,給人以自由浪漫的印象。而整體排列又居中對(duì)齊,又給人以典雅之感。,感受文字排列(六):,結(jié)論(六):,居中型的文字排列最適合在低圖版率的環(huán)境里,體現(xiàn)出藝術(shù)感和高雅感。適于表達(dá)內(nèi)容的高品質(zhì)。如配上藝術(shù)的手寫字體,更能強(qiáng)化了這種感覺。,感受字體排列(七):,結(jié)論(七):,自由型的文字排列給畫面增添了活力,使整個(gè)版式顯得輕松、舒暢。,感受字體排列(八):,多種方式混排,全部齊行,標(biāo)題居中,正文齊行,結(jié)論(八):,讓文字排列的方式保持統(tǒng)一。 無(wú)原則的隨意混排文字會(huì)使版面變得難以閱讀,同時(shí)給人以低品質(zhì)之感。,什么是字體?,字體就是字的樣子。雖然與照片和插圖相比,文字給人的印象是較微弱的。但是只要注意觀察就能發(fā)現(xiàn)字體也能傳遞很多信息。 中文字體可以大致分為四類: 黑體 宋體 書法體 藝術(shù)體 每種字體都有自己的特色。,黑體,給人以冷靜、理性、現(xiàn)代之感。,細(xì)圓黑,黑體,粗黑體,綜藝體,宋體,有現(xiàn)代與古典結(jié)合之感,最易于閱讀。,報(bào)宋體,仿宋體,大標(biāo)宋,書法體,可以創(chuàng)造古樸、藝術(shù)的氣氛,楷體(正式的,端莊的),瘦金體(宋徽宗的書法,有一種緊張的美感),黃草體(黃庭堅(jiān)的書法,有一種飄逸秀麗的美感),隸體(端正的、古樸的),魏碑(古樸的、粗曠的),藝術(shù)字體,藝術(shù)字體變化很多,新穎別致,個(gè)性鮮明的。,珊瑚體,氈筆體,剪紙?bào)w,兒童體,胖頭魚體,感受字體(一):,結(jié)論(一):,應(yīng)選擇與文章內(nèi)容相符合的字體。 如果想要傳達(dá)的信息內(nèi)容與字體給人的感覺不相符,觀眾就得不到共鳴,無(wú)法產(chǎn)生閱讀的興趣。,感受字體(二):,結(jié)論(二):,筆畫粗的字體給人以力量男性化的感覺;筆畫細(xì)的字體給人以柔美女性化的感覺。 大的文字體現(xiàn)精神和活力;小的文字體現(xiàn)高貴和品質(zhì)。,感受字體(三):,結(jié)論(三):,正確的字體傳達(dá)正確的信息。 這是一本關(guān)于在城市中投資理財(cái)?shù)氖謨?cè),使用理性的粗黑字體,給人穩(wěn)重可靠之感。,感受字體(四):,結(jié)論(四):,感受正確的字體傳達(dá)正確的信息。 這是一本樓書,使用自由的手寫字體,給人輕松隨意之感,代表了該樓盤追求輕松享受的生活理念。,感受字體(五):,結(jié)論(五):,大號(hào)字旁使用小號(hào)文字,可以增加對(duì)比,從而增添活力。,什么是字距?(字與字間的距離),就是字與字之間的距離。,感受字距:,標(biāo)準(zhǔn)字距,緊縮字距,松散字距,結(jié)論:,一般來講,漢字的字距不易過小,太小不易閱讀。漢字的標(biāo)準(zhǔn)字距為字寬1/10。 當(dāng)使用大號(hào)文字作標(biāo)題時(shí),可以適當(dāng)緊縮字距。 擴(kuò)大字距,給人高格調(diào)之感。,什么是行距?,就是行與行之間的距離。,緊密的行距,正常行距,疏松的行距,感受行距:,結(jié)論:,一般情況下,正文小字的行距不宜過于緊密,尤其是在字?jǐn)?shù)較多的情況,相當(dāng)難以閱讀。 不過如果字?jǐn)?shù)不多,且字體尺寸較大的情況下,適當(dāng)縮小行距,可以給人以信息豐富以及活潑可愛的感覺。,什么是字?jǐn)?shù)?,這里僅指一行中字的數(shù)量。,每行28字,每行22字,每行18字,每行11字,結(jié)論:,一般來講,普通的字?jǐn)?shù)在20-30個(gè)以內(nèi)。適當(dāng)?shù)脑黾踊驕p少字?jǐn)?shù)可以傳遞不同的信息。 每一行的字?jǐn)?shù)多,有輕松舒暢和高格調(diào)的感覺,但要注意行距不能過于緊密,否則閱讀困難。每一行的字?jǐn)?shù)少,給人以活躍和信息豐富之感,這是就算行距較為緊密也不會(huì)影響閱讀。,版式設(shè)計(jì)還需要考慮很多布局要素,如三大視覺要素: 文字 圖形 色彩,影響版式的因素之二,版面,什么是版面?,當(dāng)選擇好適當(dāng)?shù)臉邮胶?,接下來就需要調(diào)整這些樣式的位置關(guān)系。樣式按什么樣的關(guān)系排列,我們稱為版面。,版式設(shè)計(jì)的兩個(gè)步驟:,原稿,雖然已經(jīng)具備所必須的全部信息,但條例不清,毫無(wú)生氣。,步驟一,選擇適合的樣式。 提高跳躍律,提高了視覺度,完成了樣式的調(diào)整后,與原稿比增加了趣味,更吸引人也更具條理。,步驟二,版面調(diào)整。 調(diào)整文字位置,根據(jù)文字的重要性體調(diào)整文字大小,調(diào)整空白大小。這樣版式變得工整,更加有條有理。,1、明確主題,放大主題部分,縮小次要部分,并給主體已充足的空白。,感受明確主題的效果(一):,結(jié)論(二):,明確主題可以使信息有條理,便于閱讀。 左邊名片上的信息很多,如果不加以區(qū)別就會(huì)給人混亂之感。 右邊名片根據(jù)信息的重要與否加以區(qū)別,別人看名片最先想要知道的就是主人的名字,于是我們就應(yīng)該放大名字,接著把別人其次想要知道的信息公司名稱也放大(當(dāng)然,要比名字小)。這樣名片條例清晰,別人很快就能找到需要的信息。,感受明確主題的效果(二):,結(jié)論(二):,明確主題讓信息有條理 左圖物體大小相似,有優(yōu)雅之感。不過稍顯缺乏條例。 右圖放大了2個(gè)為題,畫面上有了主次,顯得更有條理。,感受明確主題的效果(三):,結(jié)論(三):,如果把文字放在圖片上,那么別人就不會(huì)去閱讀它,因?yàn)楹茈y讀。,2、分開主、副體?,拉開版面中主體元素與次要元素間的距離。,感受分開主副體(一):,結(jié)論(一):,分開主副體產(chǎn)生動(dòng)感 左圖兩張照片放的靠近,畫面右面有沖擊力,但是卻不平衡了。 右圖把兩張照片分開,視線從左到右流動(dòng),形成的動(dòng)感。,感受分開主副體(二):,結(jié)論(二):,分開主副體產(chǎn)生動(dòng)感。 左圖的圖片放的很近,雖然工整,但是缺乏動(dòng)感。 右圖把圖片分開放置,產(chǎn)生了動(dòng)感。,3、群化?,簡(jiǎn)單的說,群化就是讓別人一眼就能看出物體間的關(guān)系來。 左圖看不出四張圖片以何種方式組合在一起的。 右圖很容易就能說出四張圖片的關(guān)系。,感受群化:,結(jié)論:,群化能夠使畫面工整,各組圖片和文字都有各自區(qū)域,這樣可以使版面條理清晰。,4、避免曖昧,避免曖昧就能避免混亂。,感受避免曖昧(一):,結(jié)論(一):,段與段之間的距離要適當(dāng)分開一點(diǎn),讓別人清楚地知道這一段的內(nèi)容已經(jīng)說完了,下面是新的內(nèi)容。,感受避免曖昧(二):,結(jié)論(二):,圖片的說明文字應(yīng)該適當(dāng)靠攏圖片。,感受避免曖昧(三):,結(jié)論(三):,對(duì)齊文字、段落和圖片。,感受避免曖昧(四):,如何避免曖昧,對(duì)齊文字
溫馨提示
- 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- JJG(煙草)30-2016卷煙端部落絲測(cè)定儀檢定規(guī)程振動(dòng)法
- 2025年美術(shù)教師編制考試模擬試卷:美術(shù)教師教學(xué)研究能力試題集
- 考研復(fù)習(xí)-風(fēng)景園林基礎(chǔ)考研試題【各地真題】附答案詳解
- 風(fēng)景園林基礎(chǔ)考研資料試題及參考答案詳解ab卷
- 泰州市2024-2025學(xué)年五年級(jí)下學(xué)期數(shù)學(xué)期末試題一(有答案)
- 2025年河北省定州市輔警招聘考試試題題庫(kù)及答案詳解(必刷)
- 2024年演出經(jīng)紀(jì)人之演出經(jīng)紀(jì)實(shí)務(wù)押題練習(xí)試卷【必刷】 (一)
- 化學(xué)●福建卷丨2022年福建省普通高中學(xué)業(yè)水平選擇性考試化學(xué)試卷及答案
- Brand KPIs for online betting:KTO in Brazil-英文培訓(xùn)課件2025.5
- 初中數(shù)學(xué)九年級(jí)下冊(cè)統(tǒng)編教案 6.2黃金分割
- 土木工程施工設(shè)計(jì)報(bào)告
- 2023年山東省夏季普通高中學(xué)業(yè)水平合格考試會(huì)考生物試題及參考答案
- 四川省瀘州市2024年中考物理試題(含答案)
- 第13課 立足專業(yè) 謀劃發(fā)展 第一框
- 2024屆浙江省臺(tái)州市天臺(tái)縣英語(yǔ)八年級(jí)第二學(xué)期期末達(dá)標(biāo)檢測(cè)模擬試題含答案
- 銀行保安服務(wù) 投標(biāo)方案(技術(shù)標(biāo))
- 工學(xué)云周報(bào)范文200字
- 廣東省湛江市2023-2024學(xué)年高一下學(xué)期期末調(diào)研考試語(yǔ)文試題及答案解析
- 國(guó)開(河北)2024年《法律工作者職業(yè)道德》形考任務(wù)1-4答案
- 山東省濟(jì)南市高新區(qū)2023-2024學(xué)年八年級(jí)下學(xué)期期末物理試題
- 2024年遂寧市中考理科綜合真題試卷(含答案解析)
評(píng)論
0/150
提交評(píng)論