掌握14個圖文排版技巧,秒變排版達人

許多小編在圖文排版時忽略了很多小細(xì)節(jié),特別是剛?cè)腴T的小伙伴需要特別注意,這里有14個圖文排版技巧,基本適合任何圖文排版場合使用,并且簡單,易懂又實用,請一起來學(xué)習(xí)。


圖文字排版不只是從下拉選單選擇字型和點數(shù)而已,圖文字排版是一項流傳數(shù)世紀(jì)的技藝,自木制和金屬的活版印刷便開始,而且它不只歷史悠久,還很實用,大部分的人只要掌握一些實用的訣竅,就可以將之活用在諸如履歷表、電子報或名片等日常設(shè)計項目上。


一、文字易讀性


文字是整個版面的重要信息來源,所以保證可讀性,是文字排版中首要考慮的事情。影響文字可讀性的因素很多,但在眾多問題中,流暢的閱讀排版是保障可讀性的基礎(chǔ)。在排版中控制好文本的長度、字距、行距、段落與對齊方式,就能夠有效的提高可讀性。


二、背景與文字區(qū)分


循白紙黑字、黑紙白字的原則,在深色的背景上采用亮色的字體一般能保證可讀性。字體過細(xì)、背景與文字對比度不夠、文字透明度過高都會造成文字與背景融為一體,存在諸如此類的問題都要針對性的去調(diào)整。


三、字體風(fēng)格


選擇與頁面設(shè)計風(fēng)格不搭的字體會帶來“違和”的感覺,會改變頁面的氣質(zhì),對信息傳遞產(chǎn)生影響。要根據(jù)頁面的風(fēng)格,去選擇與之氣質(zhì)契合的字體,如粗體厚重、細(xì)體高冷,如右圖中,棱角分明的字體會有先鋒跟潮流的感覺等等。


四、字體的使用數(shù)量


除了選擇風(fēng)格合適的字體,也要控制字體類型數(shù)量。通常單個頁面內(nèi)字體類型數(shù)量最好不超過3種。因為字體種類太多會讓頁面風(fēng)格極其難統(tǒng)一,也容易出現(xiàn)上文所說的字體與頁面風(fēng)格不搭。雖說字體類型數(shù)量沒有非要控制在3種以內(nèi),但太多的字體類型可控性很差也容易造成視覺干擾


五、文本行長


單行文字如果包含的字?jǐn)?shù)太多,文本內(nèi)容將會很難閱讀,一是閱讀的時候會難以換行,二是容易造成閱讀疲勞。合理的行長會使用戶在行間跳轉(zhuǎn)時比較輕松,反之則會使閱讀成為一種負(fù)擔(dān)。


六、字體間距


新手排版時,有時候會因為文本內(nèi)容過長,而版式又受限,會去選擇壓縮字符間距的方式來達到控制文本長度的目的。其實這是一個容易被忽略的錯誤,字間距過于擁擠會降低文字的可讀性。


七、文本行間距


行間距是行與行間的間距,行間距通常伴隨著字體大小而的變化,默認(rèn)行間距會稍大于字體的大小,通常的這樣看起來會比較的擁擠,可以根據(jù)頁面實際情況去考慮增加間距,增加文字的呼吸感。


八、文本對齊方式


統(tǒng)一的對齊會讓文字排版井然有序,閱讀起來會非常流暢。多種對齊方式,會是使頁面混亂不堪。除了文本之間要保持統(tǒng)一的對齊方式之外,正文要盡量保持兩端對齊,這會關(guān)系到頁面是否整潔。


九、注意留白


通常設(shè)計的首要任務(wù)就是制造視覺焦點,吸引用戶的注意力。而留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗。但也不要為了留白而一味留白,應(yīng)該注意元素之間的連續(xù)性。如左圖,雖留出了大量的留白,但是元素之間沒有太多的連續(xù)性,造成了主次不分,分散用戶注意力。而右圖通過對齊和調(diào)整間距的方式,使頁面有了視覺焦點,同樣是留白,就會顯得更加協(xié)調(diào)。


十、圖文排版的親密性


親密性在排版中的理解,通俗的來講就是我和你近,我們的關(guān)系就密切。圖文排版的間隔大小,就是影響親密性的主要因素。左圖中一致的間隔,就會讓人產(chǎn)生困惑,對各個標(biāo)題、正文與圖片的中關(guān)系傻傻分不清楚,嚴(yán)重影響用戶閱讀體驗。在右圖中,我們通過調(diào)整間距,把相關(guān)的標(biāo)題正文圖片分成了一組,這樣元素之間的關(guān)系一目了然。


十一、合理使用點綴元素


有時候當(dāng)我們感覺到畫面空曠時,就會習(xí)慣性的添加漂浮物或相關(guān)元素來填充畫面空白。這是很常見的方法,但是這個方法容易導(dǎo)致畫面雜亂、失去視覺的焦點。漂浮物的使用,有兩點需要遵循,一是盡量的克制,添加的漂浮物只是為畫面服務(wù),不要過多的喧賓奪主;二是選用的漂浮物要與畫面有所關(guān)聯(lián),一切的設(shè)計都要有合理的來源。


十二、營造空間感


在平面上營造空間感,不外乎在于近大遠(yuǎn)小與景深模糊。營造空間感也是為了突顯主體,制造視覺重點,吸引用戶的注意力。如左圖中,兩個形狀大小的產(chǎn)品直接疊加在一起,是沒有空間感可言的,左字右圖的平衡被完全打破壞了。我們在右圖中把置于后面的產(chǎn)品進行調(diào)小跟模糊,讓視覺的重點落在前面,而后面的產(chǎn)品就被會潛移默化的當(dāng)初背景的一部分,從而形成畫面左字右圖的內(nèi)容平衡。


十三、使用底紋文字


當(dāng)頁面又顯得單調(diào),而我們又要做一個簡潔的設(shè)計時,選擇添加點綴或者漂浮物就會顯得不合時宜。這時候我們怎么樣才能讓畫面豐富起來呢,很簡單,添加底紋文字。就是在背景上增加相關(guān)的英文單或文字,處理的時候需要注意顏色要淡,需要與背景有較好的融合而且要與文案錯開,不然會影響文字識別性。底紋文字的應(yīng)用,好處在于保持畫面簡潔的同時又能豐富畫面。


十四、使用幾何填充


除了添加漂浮物,我們還可以選擇用點、線或者色塊等幾何形狀,去填充影響版面平衡的空白。當(dāng)我們的畫面,排版中出現(xiàn)了一塊比較突兀的空白,而且我們沒有辦法通過變換版式的方法改變的時候,可以考慮選用這個方式去掩蓋這個問題。


掌握了這十四圖文排版小技巧,你的排版就不會出錯了,如果覺得麻煩,可以像小編一樣,直接使用135編輯器里的模板,一鍵完成美觀又高級的排版。

- END -


點擊135編輯器獲取更多資訊

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細(xì)節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到