網(wǎng)頁設(shè)計(jì)中簡單好用的排版技巧和方法日期:2018-04-04 人氣:1393681
|
導(dǎo)讀:
我們做的圖片基本就是由四個(gè)元素(背景、主體、文字、裝飾)構(gòu)成的,而做好一張圖的關(guān)鍵也就是如何運(yùn)用好這些元素,使它們合理并美觀地展現(xiàn)在同一張圖片內(nèi)。那么排版我們需要注意哪些方面,又有哪些簡單的技巧和方法可以應(yīng)用呢?當(dāng)兩張圖片中應(yīng)用的構(gòu)成元素都相同,畫布尺寸也相同的情況下,排版的好壞就決定你整張圖片的質(zhì)量了,這就好比兩個(gè)廚師,同樣的食材做同一道菜,味道卻可能截然不同。一、版式首先我們需要了解的版式。我
當(dāng)兩張圖片中應(yīng)用的構(gòu)成元素都相同,畫布尺寸也相同的情況下,排版的好壞就決定你整張圖片的質(zhì)量了,這就好比兩個(gè)廚師,同樣的食材做同一道菜,味道卻可能截然不同。 一、版式 首先我們需要了解的版式。我們平時(shí)制作或看到的版式大部分都是由——中心型、中軸型、分割型、傾斜型、骨骼型、滿版型為主。 中心型排版,利用視覺中心,突出想要表達(dá)的實(shí)物——當(dāng)制作的圖片沒有太多文字,并且展示主體很明確的情況下建議多使用中心型的排版。中心排版具有突出主體、聚焦視線等作用,體現(xiàn)大氣背景可用純色,體現(xiàn)高端背景可用漸變色。 中軸型排版、利用軸心對稱,使用畫面展示規(guī)整穩(wěn)定、醒目大方——當(dāng)制作的圖片滿足中心型排版但主體面積過大的情況下,可以使用中軸型排版。中軸型居中對稱的版面特點(diǎn),在突出主體的同事又能給予畫面穩(wěn)定感,并能使整體畫面具有一定的沖擊力。 在做電商活動海報(bào)的時(shí)候中軸型是很出效果的一種形式。 分割型排版,利用分割線使畫面有明確的獨(dú)立性和引導(dǎo)性——當(dāng)制作的圖片中有多個(gè)圖片和多段文字時(shí)可以使用分割排版。分割型排版能使畫面中每個(gè)部分都是極為明確和獨(dú)立的,在觀看時(shí)能有較好的視覺引導(dǎo)和方向;通過分割出來的體積大小也可以明確當(dāng)前圖片中各部分的主次關(guān)系,有較好的對比性,并使整體畫面不單調(diào)和擁擠。 ↑ 傾斜型排版,通過主體或整體畫面的傾斜編排,使畫面擁有極強(qiáng)的律動感,刺激視覺——當(dāng)制作的圖片中要出現(xiàn)律動性、沖擊性、不穩(wěn)定性、跳躍性等效果,可以使用傾斜型排版。傾斜排版可以讓呆板的畫面爆發(fā)活力和生機(jī),當(dāng)你發(fā)現(xiàn)自己的圖片過于死板或僵硬時(shí),嘗試讓畫面中某個(gè)元素帶點(diǎn)傾斜,會有出奇的效果。 ↑ 骨骼型排版,通過有序的圖文排列,使畫面嚴(yán)謹(jǐn)統(tǒng)一、具有秩序感——當(dāng)制作的圖片中,文字較多時(shí),通常都會應(yīng)用骨骼型排版。骨骼型排版時(shí)較為常見的排版方式、清晰的調(diào)理和嚴(yán)謹(jǐn)性讓畫面平穩(wěn),是一種不會出現(xiàn)的錯(cuò)誤,但是畢竟單一的排版方式。有些時(shí)候?yàn)榱舜蚱乒趋佬偷膯我缓推椒(wěn),我們也可以在規(guī)整的排列中加入一些律動強(qiáng)烈的素材。 網(wǎng)頁設(shè)計(jì)(包含電商)中大部分都是骨骼型排版形式 ↑ 滿版型排版,通過大面積的元素來傳達(dá)最為直觀和強(qiáng)烈的視覺刺激,使畫面豐富且具有極強(qiáng)的帶入性——當(dāng)制作的圖片中有極為明確的主體,且文案較少時(shí)可以采用滿版型排版。常見的滿版型排版有整體滿版、細(xì)節(jié)滿版和文字滿版。
了解了基本的版式,我們再去了解排版中需要注意的幾個(gè)問題。 首先是對版式的選擇,你如果拿到一份客戶的要求而沒辦法想出來接下來可以用哪些方法去排版,顯然是作為設(shè)計(jì)師而言不太光彩和合格的事情。我在上邊的例子中也寫到了,不同的情況下可以應(yīng)用不同的版式,而所謂的不同情況大多數(shù)時(shí)候有這么幾種,字少圖少、字少圖多、字多圖少、字多圖多,字圖一樣。其次就是如何應(yīng)用,版式是一種縹緲的藝術(shù),理論形式固定,但表現(xiàn)形式多樣。當(dāng)你手法純熟了,怎么擺放都會很好看,而在剛開始練習(xí)的階段,我們還是最好注意好排版中需要嚴(yán)格遵守的一樣?xùn)|西——留白。 留白很多大師都講過,分析過,大部分來說比較宏觀,都是跟意境掛鉤,我再去說重復(fù)的東西就沒有意義了,我要說的是幾個(gè)細(xì)碎的留白問題,首先我要否認(rèn)很多人認(rèn)為留白就是要做簡約風(fēng)的印象,其實(shí)留白無處不在,簡約風(fēng)只是留白更宏觀的定義而已……那么怎樣去理解和運(yùn)用留白呢,首先我們要對留白有幾個(gè)新的認(rèn)識: 第一,文字間距、行距都是留白,而這種距離如果太過統(tǒng)一和擁擠畫面就會死板,所以在文段較多的情況下,我們可以適當(dāng)調(diào)節(jié)文段的距離來改善畫面的效果,也就是加大文字間的留白。 第二,比如某個(gè)元素內(nèi)部又有其他元素,那么這個(gè)元素內(nèi)部區(qū)域就需要合理的留白,內(nèi)部元素不能太滿,也不能太偏。 第三,元素跟元素之間要有一個(gè)合理的留白,不然就會擁擠難受。 第四,除滿版型排版以為盡量讓畫面四周有足夠的留白。有些時(shí)候不必要放那么多的裝飾元素,在畫面中,那樣反而會搶了主體,比如這個(gè)下圖,其實(shí)竹葉也可以表達(dá)所需的意思,而且更靈動。 第五,裝飾元素在做飄散的時(shí)不要集中在一個(gè)區(qū)域,那樣會讓某個(gè)區(qū)域留白不夠顯得擁擠,還會顯得圖片的感覺小氣,飄散的元素我們盡量做的大氣一些,揮灑寫,彌補(bǔ)周邊空曠的同時(shí)又能讓畫面大氣。 第六,留白的同時(shí)也要去白,去白是一種平衡留白畫面的效果,一般來說常用的去白方式是對線去白,即下方有元素而上方很空的時(shí)候,給上方增加一個(gè)元素來平衡畫面;當(dāng)主體過于渺小導(dǎo)致留白過多時(shí),需要放大主體和調(diào)整其它元素來去白。 結(jié)合留白,我再針對上面提到的不同情況應(yīng)用不用版式舉個(gè)簡單的例子,當(dāng)客戶給我們的方案是字少圖少和字少圖多的情況下,中心型、中軸型、滿版型、骨骼型、分割型等多種方式都可以解決當(dāng)前問題的。 有時(shí)候我們也會遇到一張圖片中要放很多小圖片的情況,而且很多小圖片的素材尺寸都是不同的,這里也是很多人經(jīng)常犯錯(cuò)的地方,大部分人都是隨意擺放并配上文字,其實(shí)我們可以把每個(gè)圖片都做在同等大小的形狀中顯示,既規(guī)整又大方。 而當(dāng)素材不太美觀和即便排列整齊,整體圖片也還是有些擁擠時(shí),我們可以化繁為簡,去掉小圖展示。 綜上內(nèi)容,版式?jīng)]有絕對的好壞,只有合適不合適。 文本來自采集文章 http://wzl15.cn/24/188.html 如需轉(zhuǎn)載或刪除,請聯(lián)系管理員。 |
- 01-23 網(wǎng)站優(yōu)化你要關(guān)注的四個(gè)決定后期排名的關(guān)鍵點(diǎn)
- 01-23 網(wǎng)頁設(shè)計(jì)色彩搭配之清淡柔和的蠟筆色
- 01-23 如何讓寶貝的排名到首頁
- 01-23 怎樣快速提升網(wǎng)站排名
- 01-23 企業(yè)網(wǎng)站建設(shè)的排名如何上百度首頁
- 01-23 企業(yè)網(wǎng)站搜索排名優(yōu)化推廣策略
- 01-23 網(wǎng)站建設(shè)未來趨勢是什么
- 01-23 企業(yè)網(wǎng)站優(yōu)化如何提升網(wǎng)站排名?
- 01-23 提高阿里排名的14條潛規(guī)則,您懂的!
- 01-23 實(shí)戰(zhàn)自己網(wǎng)站排名變化分析百度算法調(diào)整要重點(diǎn)關(guān)注的因素
- 01-23 有一個(gè)自己企業(yè)網(wǎng)站的重要性
- 01-23 想做好網(wǎng)站優(yōu)化 這些基礎(chǔ)的認(rèn)識你真的具備嗎
- 01-23 新企業(yè)如何進(jìn)網(wǎng)站建設(shè)
- 01-23 成立了公司怎么做一個(gè)企業(yè)網(wǎng)站必讀
- 01-23 淺析如何創(chuàng)新使用百度經(jīng)驗(yàn)來進(jìn)行網(wǎng)站推廣
- 01-23 網(wǎng)頁設(shè)計(jì)的套路
- 01-23 阿里巴巴店鋪排名優(yōu)化方案分享
- 01-23 網(wǎng)頁設(shè)計(jì)的套路
- 01-23 我的網(wǎng)站維護(hù)的一點(diǎn)心得體會分享
- 01-23 網(wǎng)頁設(shè)計(jì)的套路
- 01-23 網(wǎng)站排名記錄 如何做好外鏈優(yōu)化
- 01-23 手機(jī)網(wǎng)站建設(shè)相對PC端網(wǎng)站有何優(yōu)勢
- 01-23 阿里推出標(biāo)題優(yōu)化工具助商家提升搜索排名
- 01-23 網(wǎng)頁設(shè)計(jì)色彩搭配之清淡柔和的蠟筆色
- 孝感
- 咸陽
- 仙桃
- 咸寧
- 湘西
- 湘潭
- 香港
- 襄樊
- 西安
- 廈門
- 梧州
- 吳忠
- 五指山
- 武夷山
- 無錫
- 武威
- 烏魯木齊
- 烏蘭察布
- 五家渠
- 蕪湖
- 武漢
- 烏海
- 溫州
- 文山
- 渭南
- 威海
- 濰坊
- 瓦房店
- 圖木舒克
- 吐魯番
- 銅仁
- 銅陵
- 通遼
- 通化
- 銅川
- 桐城
- 鐵嶺
- 天水
- 天門
- 天津
- 唐山
- 泰州
- 臺州
- 太原
- 臺灣
- 臺山
- 泰安
- 宿州
- 蘇州
- 宿遷
- 隨州
- 遂寧
- 綏化
- 松原
- 四平
- 沭陽
- 朔州
- 順德
- 雙鴨山
- 石嘴山
- 十堰
- 石家莊
- 石河子
- 深圳
- 沈陽
- 神農(nóng)架
- 邵陽
- 紹興
- 韶關(guān)
- 汕尾
- 汕頭
- 山南
- 上饒
- 商丘
- 商洛
- 上海
- 三亞
- 三明
- 三門峽
- 日照
- 日喀則
- 衢州
- 曲靖
- 泉州
- 七臺河
- 其他
- 齊齊哈爾
- 欽州
- 秦皇島
- 清遠(yuǎn)
- 慶陽
- 清徐
- 青島
- 黔西南
- 黔南
- 潛江
- 黔東南
- 濮陽
- 莆田
- 普洱
- 萍鄉(xiāng)
- 平?jīng)?/a>
- 平頂山
- 攀枝花
- 盤錦
- 怒江
- 寧德
- 寧波
- 內(nèi)江
- 那曲
- 南陽
- 南通
- 南山
- 南平
- 南寧
- 南京
- 南充
- 南昌
- 牡丹江
- 明港
- 綿陽
- 梅州
- 眉山
- 茂名
- 馬鞍山
- 呂梁
- 瀘州
- 洛陽
- 漯河
- 婁底
- 龍巖
- 隴南
- 龍崗網(wǎng)頁設(shè)計(jì)
- 柳州
- 六盤水
- 六安
- 麗水
- 林芝
- 臨猗
- 臨沂
- 臨夏
- 臨汾
- 臨滄
- 麗江
- 遼源
- 遼陽
- 聊城
- 連云港
- 涼山
- 樂山
- 拉薩
- 蘭州
- 廊坊
- 萊蕪
- 來賓
- 昆明
- 庫爾勒
- 克孜勒蘇
- 墾利
- 克拉瑪依
- 喀什
- 開封
- 濟(jì)源
- 雞西
- 酒泉
- 九江
- 錦州
- 晉中
- 濟(jì)寧
- 金華
- 荊州
- 荊門
- 景德鎮(zhèn)
- 晉城
- 金昌
- 濟(jì)南
- 吉林
- 揭陽
- 嘉峪關(guān)
- 嘉興
- 焦作
- 江門
- 吉安
- 佳木斯
- 湖州
- 霍邱
- 呼倫貝爾
- 葫蘆島
- 惠州做網(wǎng)站公司
- 呼和浩特
- 黃石
- 黃山
- 黃南
- 黃岡
- 淮南
- 懷化
- 淮北
- 淮安
- 紅河
- 賀州
- 菏澤
- 河源
- 和縣
- 和田
- 衡陽
- 衡水
- 黑河
- 鶴崗
- 合肥
- 河池
- 鶴壁
- 漢中
- 杭州
- 邯鄲
- 哈密
- 海西
- 海南
- 海拉爾
- ?
- 海東
- 海北
- 哈爾濱
- 固原
- 果洛
- 貴陽
- 茶山網(wǎng)站制作
- 清溪網(wǎng)頁設(shè)計(jì)
- 塘廈做網(wǎng)站公司
- 黃江網(wǎng)站制作
- 鳳崗網(wǎng)頁設(shè)計(jì)
- 石龍做網(wǎng)站公司
- 石碣網(wǎng)站制作
- 長安網(wǎng)頁設(shè)計(jì)
- 常平做網(wǎng)站公司
- 樟木頭網(wǎng)站制作
- 厚街網(wǎng)頁設(shè)計(jì)
- 虎門做網(wǎng)站公司
- 西城網(wǎng)站制作
- 南城網(wǎng)頁設(shè)計(jì)
- 東城做網(wǎng)站公司
- 城區(qū)網(wǎng)站制作
- 羅湖網(wǎng)站制作
- 華強(qiáng)北做網(wǎng)站公司
- 西麗網(wǎng)站制作
- 大浪做網(wǎng)站公司
- 光明網(wǎng)站制作
- 龍華網(wǎng)頁設(shè)計(jì)
- 觀瀾做網(wǎng)站公司
- 觀蘭網(wǎng)站制作
- 公明網(wǎng)頁設(shè)計(jì)
- 松崗做網(wǎng)站公司
- 沙井網(wǎng)站制作
- 西鄉(xiāng)網(wǎng)頁設(shè)計(jì)
- 福永做網(wǎng)站公司
- 石巖網(wǎng)站制作
- 坂田網(wǎng)頁設(shè)計(jì)
- 大芬村做網(wǎng)站公司
- 坪山網(wǎng)站制作
- 坪地網(wǎng)頁設(shè)計(jì)
- 橫崗做網(wǎng)站公司
- 布吉網(wǎng)站制作
- 平湖網(wǎng)頁設(shè)計(jì)
- 桂林
- 貴港
- 館陶
- 廣州
- 廣元
- 廣安
- 甘孜
- 贛州
- 甘南
- 撫州
- 福州
- 阜陽
- 阜新
- 福田
- 撫順
- 佛山
- 防城港
- 鄂州
- 恩施
- 鄂爾多斯
- 東營
- 東莞
- 迪慶
- 定州
- 定西
- 德州
- 德陽
- 德宏
- 達(dá)州
- 大興安嶺
- 防狼噴霧
- 大同
- 大慶
- 丹東
- 大連
- 大理
- 大豐
- 滁州
- 楚雄
- 崇左
- 池州
- 赤峰
- 郴州
- 成都
- 承德
- 潮州
- 朝陽
- 巢湖
- 常州
- 長治
- 長沙
- 昌吉
- 長葛
- 昌都
- 常德
- 長春
- 滄州
- 亳州
- 博爾塔拉
- 濱州
- 畢節(jié)
- 本溪
- 北京
- 北海
- 巴中
- 巴音郭楞
- 巴彥淖爾盟
- 包頭
- 保山
- 寶雞
- 保定
- 寶安網(wǎng)站制作
- 蚌埠
- 白銀
- 白山
- 百色
- 白城
- 澳門
- 安陽
- 安順
- 鞍山
- 安慶
- 安康
- 阿里
- 阿拉善盟
- 阿拉爾
- 阿克蘇
- 阿壩
- 道滘網(wǎng)頁設(shè)計(jì)
- 惠城
- 惠陽做網(wǎng)站公司
- 博羅
- 惠東
- 龍門
- 淡水
- 大埔
- 五華
- 紫金
- 龍川
- 遵義
- 資陽
- 自貢
- 淄博
- 株洲
- 駐馬店
- 珠海
- 諸城
- 舟山
- 周口
- 中衛(wèi)
- 中山
- 重慶
- 鎮(zhèn)江
- 鄭州
- 正定
- 趙縣
- 昭通
- 肇慶
- 湛江
- 漳州
- 張掖
- 浙江
- 云南
- 新疆
- 西藏
- 四川
- 陜西
- 山西
- 山東
- 內(nèi)蒙古
- 遼寧
- 江西
- 江蘇
- 湖南
- 湖北
- 黑龍江
- 河南
- 河北
- 貴州
- 廣西
- 廣東
- 甘肅
- 福建
- 安徽
- 大朗
- 橫瀝
- 東坑
- 寮步
- 謝崗
- 橋頭
- 企石
- 石排
- 章丘
- 張家口
- 張家界
- 張北
- 棗莊
- 禹州
- 玉溪
- 玉樹
- 云浮
- 運(yùn)城
- 玉林
- 榆林
- 岳陽
- 永州
- 永新
- 益陽
- 鷹潭
- 營口
- 銀川
- 伊犁
- 伊春
- 宜春
- 宜昌
- 宜賓
- 鹽田
- 煙臺
- 鄢陵
- 揚(yáng)州
- 陽泉
- 陽江
- 陽春
- 鹽城
- 延邊
- 延安
- 雅安
- 徐州
- 許昌
- 宣城
- 西雙版納
- 忻州
- 新余
- 信陽
- 新鄉(xiāng)
- 西寧
- 邢臺
- 興安盟
- 錫林郭勒盟