亚洲国产视频一区_精品欧美日韩国产一区二区三区高清_最近中文字幕电影在线看_我的巨臀人肉坐便器老师_小仙女高潮白浆一区二区_337p欧美裸体视频_男女做暧暖xo日韩免费视频_国产最新无码精品_亚洲aV日韩在线观看免费_欧美色亚洲中文字幕

株洲網(wǎng)站建設(shè)

株洲網(wǎng)站建設(shè)
當(dāng)前位置: 首 頁 >> 新聞中心 >> 行業(yè)新聞

版式設(shè)計(jì):什么是“三率一界”?

版式設(shè)計(jì):什么是“三率一界”?

發(fā)布日期:2018-06-20 作者: 點(diǎn)擊:

今天想和大家聊一聊版式設(shè)計(jì)中的三率一界的概念。相信絕大多數(shù)的朋友都沒有聽說過這個(gè)概念。三率指的是版面率,圖版率和跳躍率;而一界指的是視覺界限,簡稱視界。

版面是什么?

版面是指印刷好的頁張,包括圖文、余白整個(gè)部分。這個(gè)概念看下圖圖就很好理解了。

上圖是一張書籍雜志的對(duì)頁文件demo,我們說中間這片灰色的區(qū)域就是版面。也就是說我們主要的設(shè)計(jì)內(nèi)容將要在版面中進(jìn)行排版設(shè)計(jì)。我們通常在排版軟件建立設(shè)計(jì)文件的時(shí)候先要規(guī)劃好版面的大小并畫出輔助線,因?yàn)榘婷婵梢约s束設(shè)計(jì)的內(nèi)容大小區(qū)域。

版式設(shè)計(jì)中有天頭,地腳,訂口和切口的概念:

  • 天頭,是指我們經(jīng)常說的頁眉位置。

  • 地腳,是指我們經(jīng)常說的頁腳位置。

  • 訂口,是指靠近書脊側(cè)將要裝訂的一側(cè)。

  • 切口,是指將來要被裁切的一側(cè)。也就是最外側(cè)一周。

這里需要特別注意的一個(gè)地方就是通常情況下,天頭的部分要小于地腳的高度。

為什么呢?

因?yàn)榈啬_部分通常要設(shè)置頁碼,所以頁碼要占用一部分空間;而訂口和切口呢通??梢栽O(shè)置成一樣寬度。

也有的書籍上認(rèn)為整個(gè)設(shè)計(jì)文件是一個(gè)版面,中間灰色的區(qū)域叫版心,當(dāng)然也可以這么理解。其實(shí)無論是叫版面也好還是版心也好,其目的都是要規(guī)劃出設(shè)計(jì)信息的主視覺區(qū)域。不光是印刷設(shè)計(jì),網(wǎng)頁設(shè)計(jì)也有版面的概念。

一、版面率

版面大小在開本中所占的比率叫版面率。版面率越小,頁面留白越大,給人的感覺是更高級(jí)雅致;版面率越大,頁面留白就相對(duì)越小,版面給人呈現(xiàn)出的感覺是內(nèi)容很豐富熱鬧信息量大??聪聢D:

通常情況下,資訊類的雜志或者網(wǎng)站版面率都很大。因?yàn)檫@種類型的產(chǎn)品本身要傳遞的信息量就很大,所以小版面是容納不下的。比如超市的商品宣傳單等等(見上圖)。

而一些要求高品質(zhì)的產(chǎn)品,比如說文摘類,一些非常感性的產(chǎn)品(見上圖)。就需要小版面,讓內(nèi)容更清新簡約,頁面大面積留白;讓主要信息內(nèi)聚之后看起來很精致高雅。

所以說我們?cè)O(shè)計(jì)師在接到設(shè)計(jì)需求的時(shí)候通常先要給設(shè)計(jì)風(fēng)格定一個(gè)基調(diào)。是更偏向?qū)嵱眯赃€是精神性,如果是實(shí)用性的設(shè)計(jì)那版面就可以大一些,而精神性要求品質(zhì)的就可以將版面設(shè)置的小一些。這就開始考驗(yàn)一個(gè)設(shè)計(jì)師對(duì)設(shè)計(jì)風(fēng)格的把控能力了。

二、圖版率

圖版率從字面意思上我們也能大概猜出圖版率就是版面中所有圖片所占版面的比率叫圖版率。

當(dāng)圖片尺寸及分辨率較小還想增加頁面圖版率可以通過重復(fù)及色塊來填充頁面,見下圖:

上圖是一張汽車雜志內(nèi)頁的對(duì)頁文件。

首先我們說這個(gè)頁面的圖版率已經(jīng)達(dá)到了100%,因?yàn)樗闹軟]有留白,是一整張滿地的超廣角圖片直接放在版面中。

這種大圖版率的圖片給人的感覺就是非常具有視覺沖擊力,讓人第一印象就是視野很開闊;后面的背景建筑代表著靜態(tài)美,前面的寶馬車象征著動(dòng)態(tài)美;這種一前一后一靜一動(dòng)的對(duì)比,營造出的視覺感受就是產(chǎn)品很大氣很高端。

我們?cè)賮砜催@張圖,這是一個(gè)居家產(chǎn)品的雜志內(nèi)頁,圖版率也達(dá)到了100%,也是滿地的一張廚房一角的實(shí)景圖片。

通過運(yùn)用這張大圖版率的實(shí)景圖,能夠給你一種仿佛你就靜靜的佇立在這面墻前面。一切景物都是靜態(tài)的,連一點(diǎn)風(fēng)都沒有,給人一種寧靜的美。讓你靜靜的思考著生活也許原本就應(yīng)該是這樣寧靜安逸,不要太浮躁。

再配合這種質(zhì)樸的字體和少量的文字;垂直版面的圍裙和抹布讓整個(gè)畫面更加平衡,很有一種代入感。

這是一個(gè)家具的網(wǎng)站首頁。首先一開屏,就是一張圖版率100%的滿地圖。也很有視覺沖擊力和代入感,現(xiàn)在很多網(wǎng)站都這樣設(shè)計(jì);因?yàn)橐郧拔覀兊碾娔X屏幕都很小,但是隨著屏幕越來越大,這種全屏的大圖越來越受設(shè)計(jì)師的青睞。

這是一張手表的雜志內(nèi)頁,首頁我們來看這個(gè)頁面的圖版率大概有70%左右,然后下面30%的留白,配上產(chǎn)品圖片和品牌LOGO。

這種大圖版率的圖片主要是向你講述一個(gè)故事,my first love 我的初戀,然后男女主人公熱情相擁,仿佛是在傳達(dá)一段美好的愛情。

其實(shí)現(xiàn)在很多奢侈品你比如說珠寶,手表,香包等等,無論是電視廣告還是紙媒廣告,都采用這種大圖版率的有故事內(nèi)容的情境圖。

產(chǎn)品本身在版面上占據(jù)的位置其實(shí)并不起眼,設(shè)計(jì)師主要是想通過一段故事讓你記住這個(gè)品牌,從而記住這個(gè)產(chǎn)品。

這張圖的圖版率是五五開的,顏色主要以黑白灰這種中性色搭配,讓頁面顯得很高雅。

有趣的是圖片中的人物仿佛是從墻后面探出身子來偷拍你,人們都有一種心理就是有人在給你拍照的時(shí)候都會(huì)格外的注意。所以設(shè)計(jì)師也是通過人們的這種心理讓頁面抓住你的眼球。

這張圖的圖版率就更小了,估計(jì)也就10%吧。主要要宣傳的產(chǎn)品圖片位于版面的正中心,我們可以抽象成是一個(gè)點(diǎn);讓視覺更加聚焦。

Less is more,少即是多,沒有太多的視覺干擾。

說到這我想起郭德綱的一段相聲。

郭德綱去一家公司面試,面試官說:“讓我在 1 分鐘之內(nèi)記住你”! 郭德綱想了想,掄圓了胳膊給面試官一嘴巴之后扭頭就跑;到家后接到公司電話:請(qǐng)你務(wù)必馬上到公司報(bào)道。

這段相聲其實(shí)就是在告訴我們簡單粗暴的最能給人留下深刻的印象,版式設(shè)計(jì)也是如此。

三、跳躍率

還有一種版式叫自由型版式,自由型版式會(huì)讓頁面看上去很跳躍,很熱鬧!

要讓版面中所有的設(shè)計(jì)元素看上去很隨機(jī)但又條理清晰是很難的??瓷先ズ孟駴]有什么規(guī)律,其實(shí)內(nèi)在的規(guī)律就隱藏其中。

所以說自由型版式是最考驗(yàn)設(shè)計(jì)師對(duì)版面的把控能力的,沒有之一。

見下圖:

四、視界

什么是視界?視是視力的視,不是大千世界的世。

相傳在遠(yuǎn)古時(shí)代男人們負(fù)責(zé)外出打獵,通常會(huì)很專注的盯著獵物而忽視周圍的風(fēng)吹草動(dòng);而女人們則負(fù)責(zé)四處尋找野果野菜,照顧亂跑的孩子。

所以經(jīng)過長時(shí)間的進(jìn)化,在視野上,女性會(huì)比男性更寬廣一些。

如上圖所示,人類眼睛上下的視野范圍是 120 度。而左右呢,是 190 度。最清楚的視野范圍是 70 度。 30 度就屬于非常專注的范圍了。

所以我們?cè)谶M(jìn)行書籍雜志排版的時(shí)候一定要注意行寬不能太寬,因?yàn)樘珜挄?huì)造成視覺串行,而且長時(shí)間閱讀也很容易產(chǎn)生視覺疲勞。見下圖:

我們?cè)趯?shí)際設(shè)計(jì)工作中盡量避免這種排版形式,否則會(huì)讓讀者閱讀起來很疲憊。

以上是版式設(shè)計(jì)中的三率一界的概念及分析,希望正在從事設(shè)計(jì)或者想學(xué)設(shè)計(jì)的朋友對(duì)三率一界的概念有所了解。后續(xù)將繼續(xù)更新關(guān)于產(chǎn)品和設(shè)計(jì)的相關(guān)文章,感謝您的支持!



本文網(wǎng)址:http://kb521.cn/news/464.html

關(guān)鍵詞:醴陵網(wǎng)站優(yōu)化,株洲網(wǎng)站優(yōu)化,長沙網(wǎng)站優(yōu)化

最近瀏覽:

  • 在線客服
  • 在線留言
  • 手機(jī)網(wǎng)站
  • 在線咨詢
    歡迎給我們留言
    請(qǐng)?jiān)诖溯斎肓粞詢?nèi)容,我們會(huì)盡快與您聯(lián)系。
    姓名
    聯(lián)系人
    電話
    座機(jī)/手機(jī)號(hào)碼
    郵箱
    郵箱
    地址
    地址