版式設(shè)計之圖版率

2022-06-13    分類: 網(wǎng)站建設(shè)

在頁面設(shè)計中,除了文字之外,通常都會加入圖片或是插圖等視覺直觀性的內(nèi)容。表示這些視覺要素所占面積與整體頁面的之間比率的就是圖版率。
簡單說來,圖版率就是頁面中圖片面積的所占比。這種文字和圖片所占的比率,對于頁面的整體效果和其內(nèi)容的易讀性會產(chǎn)生巨大的影響。

圖版率高低的區(qū)別:同樣的設(shè)計風(fēng)格下,圖版率高的頁面會給人以熱鬧而活躍的感覺,反之圖版率低的頁面則會傳達(dá)出沉穩(wěn)、安靜的效果。

提高圖版率可以活躍版面,優(yōu)化版面的視覺度。但完全沒有文字的版面也會顯得空洞,反而會削弱版面的視覺度。



如果頁面的整體全部都是圖片的時候,圖版率就是100%。反之如果頁面全是文字,圖版率就是0%。



有時在沒有圖像素材的情況下,但因?yàn)轫撁嫘再|(zhì)的需要,頁面又需要呈現(xiàn)出圖版率高的效果。那么,該如何進(jìn)行設(shè)計呢?


一. 通過對頁面底色的調(diào)整,取得與提高圖版率相似的效果,從而改變頁面所呈現(xiàn)出來的視覺效果


二.如果素材圖像尺寸小,卻不想讓圖版率變低。可以通過色塊(相近色或是互補(bǔ)色)的延伸或是圖像的重復(fù)來組織頁面結(jié)構(gòu),

避免這種素材資源不足的情況。

采用和圖片相同大小的色塊可以保持界面的統(tǒng)一性與簡潔性,而且這樣的排版會造成一種錯覺,使用戶覺得有底色的方框整體視乎是一張圖片。
而原本小尺寸的素材圖在背景色的映襯下也似乎變成了一張很大的圖。這種重復(fù)排列、添加變化的方法有效地避免了頁面的單調(diào)和無趣。


 三.版式的強(qiáng)節(jié)奏設(shè)計也能間接優(yōu)化頁面的圖版率。

合理的利用排版的節(jié)奏感以及跳躍率(文字和圖片的跳躍率,是指版面中大標(biāo)題和大的圖與最小正文字體和圖片大小之間的比率)。
在版面設(shè)計中,圖片或是文字的跳躍率可以獲得較高的注意力,讓無趣的版面充滿活力。另外,排版層次豐富,也可以區(qū)分文章主次信息,
讓瀏覽更加輕松,并且提高版面的視覺度。


四.增加頁面中的圖形也可以改善圖版率低的問題。

無論是數(shù)字、序號、角標(biāo)、圖標(biāo),甚至是視覺處理后的標(biāo)題文字,都能提高頁面的視覺度,并給用戶留下活躍生動的印象。
同時,圖形作為一種更直觀的傳達(dá)信息的方式,也使人一眼就能快速獲取信息,從效率上優(yōu)于用 文字表達(dá)時的逐行掃描。


圖標(biāo)

圖標(biāo)的設(shè)計讓瀏覽和交互操作更加方便。圖與文的搭配可以降低閱讀的疲勞感,也增強(qiáng)了排版的設(shè)計節(jié)奏感。


數(shù)字

對數(shù)字的視覺處理也能起到類似插圖的裝飾效果,成為頁面上的視覺要素,同時增強(qiáng)頁面的設(shè)計感。


序號

頁面中的序號既有引導(dǎo)閱讀順序的功能,也可以作為圖片起到頁面的裝飾作用。另外,通過對序號的突出設(shè)計,可以讓布局更清晰靈活。
即便是毫無規(guī)律的排版,也可以通過清晰的序號找準(zhǔn)閱讀的軌跡。


標(biāo)題文字的處理

如果頁面中沒有圖片和插圖,那么通過對文字及其顏色的處理,也可以使之起到與視覺要素相近的作用。下面的例子中,
對于標(biāo)題文字都進(jìn)行了視覺加工,起到了整體頁面的裝飾效果。借助對這種文字大小、顏色、形狀的靈活運(yùn)用,來突出頁面的重點(diǎn),
避免視覺上的單調(diào)感。 


關(guān)鍵詞:成都品牌網(wǎng)站建設(shè)公司, 網(wǎng)站制作公司, 重慶網(wǎng)站建設(shè), 網(wǎng)站設(shè)計, 網(wǎng)站建設(shè), 手機(jī)網(wǎng)站開發(fā)

本文標(biāo)題:版式設(shè)計之圖版率
網(wǎng)站鏈接:http://m.kartarina.com/news/166651.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)微信小程序企業(yè)網(wǎng)站制作網(wǎng)站策劃品牌網(wǎng)站建設(shè)域名注冊

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
主站蜘蛛池模板: 亚洲午夜国产精品无码| 无码丰满熟妇浪潮一区二区AV| 无码人妻品一区二区三区精99 | 亚洲精品无码永久在线观看| 亚洲成?Ⅴ人在线观看无码| 久久久久亚洲AV无码专区首| 国产乱人伦无无码视频试看| 精品视频无码一区二区三区| 日本爆乳j罩杯无码视频| 亚洲精品无码中文久久字幕| 曰批全过程免费视频在线观看无码 | 亚洲成?Ⅴ人在线观看无码| 亚洲熟妇无码爱v在线观看| 国产精品无码DVD在线观看| 亚洲国产精品无码久久98| 无码精品一区二区三区在线 | 精品无码免费专区毛片| 亚洲精品午夜无码电影网| 无码天堂va亚洲va在线va| 亚洲成a∨人片在无码2023| 西西午夜无码大胆啪啪国模| 日韩人妻无码一区二区三区 | 久久精品无码一区二区三区日韩 | 亚洲国产成人无码av在线播放| 国产精品午夜福利在线无码 | 亚洲av无码片vr一区二区三区| 无码专区AAAAAA免费视频| 亚洲AV无码成人精品区天堂| 亚洲欧洲自拍拍偷午夜色无码| 国产丰满乱子伦无码专区| 中文无码日韩欧免费视频| 成人无码WWW免费视频| 国模无码人体一区二区| 国产亚洲精久久久久久无码77777 国产在线无码精品电影网 | 日韩精品无码一区二区三区| 久久久国产精品无码免费专区 | 无码人妻精品一区二区三区蜜桃 | 亚洲国产精品无码中文lv| 亚洲aⅴ天堂av天堂无码麻豆 | 无码精品A∨在线观看中文| 久久午夜夜伦鲁鲁片无码免费|