視覺設計 ? 這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

發表于: 視覺設計. 評論
Sponsor

不少設計師都有這樣的疑問,為什么很多網上的版式案例看上去簡簡單單、沒用什么復雜的技巧、也沒加太多的元素,但給人的感覺就是很好看、很有設計感,而自己也用類似的方式排版時,就老是會被說太簡單、不好看呢?主要原因在于細節的處理上存在差距,所以,今天蔥爺來給大家分享6個版式細節的處理方法。

01.字體的選擇

選擇合適的字體最為關鍵,這一步沒做對,后面全白費,通常我們是根據以下幾種情況來選擇字體的:

? 根據行業屬性選擇字體

不同行業給人們的視覺聯想是不一樣的,特別是行業屬性差別比較大的行業,比如科技行業是現代的、簡約的、精確的、理性的、高端的,所以,筆畫和結構都比較簡單、嚴謹、精銳的字體比較合適科技行業,像蘋方簡體、思源黑體、阿里媽媽數黑體、金山云技術體等無襯線字體。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

比如很多餐飲行業給人的感覺是親民的、接地氣的,或者是有點歷史底蘊的,所以,柔和、復古的字體會比較適合,比如書法字體、手寫體、宋體、楷書、隸書等等。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

再比如母嬰行業給人的印象是可愛的、活潑的、柔軟的,所以適合母嬰行業的字體通常具有這些特點:圓潤、筆劃較粗、多曲線、字面較寬、結構比較靈活等,比如圓體、娃娃體、少兒體、手寫體等等。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 根據調性需求選擇字體

客戶在下達設計需求時,通常會有明確的調性要求,比如要時尚一點、高大上一點、或者活潑一點等等,這時我們就需要根據客戶提出的調性來選擇字體,當然,前提是我們得清楚不同的字體分別具有怎樣的調性。

如果客戶想要時尚、潮酷的調性,這種感覺通常是個性的、張揚的、打破常規的,所以適合使用一些筆劃很張揚的手寫體,以及筆劃較粗、較簡單、結構硬朗、中宮收緊的字體。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

如果客戶想要高端、大氣、上檔次的調性,這種感覺是低調的、精致的、優雅的,所以適合筆劃較細、字形修長、重心偏高、比較專業和經典的字體,比如宋體和黑體。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

而如果客戶想要溫情、走心的調性,那么柔和、樸實的字體會更加合適,比如筆劃較細的手寫體。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 根據配圖選擇字體

如果版面中有配圖,這些圖片在一定程度上決定了設計的調性,所以需要根據圖片的內容或圖片的風格來選擇字體,比如插畫風格適合輕松的手寫體.

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

比如配圖是中國風,那么就比較適合書法字體或者宋體等。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

另外,還可以根據文字內容來選擇字體,原理跟前面的幾種情況類似。

02.字號大小

版面中主要文字的字號的大小也會影響文字的視覺層級和氣質,我們可以簡單地把字號概括為大、中、小三種字號,當然這三種字號都是一個相對值,相對于具體的版面大小,通過視覺來判斷就好。

? 大號字

如果主要文字使用很大的字號,會有一種很直接、很年輕、很接地氣的感覺,所以運動海報、潮酷海報、促銷海報喜歡使用很大的字號。另外,當字號比較大時,文字對畫面的影響也會變大,文字的細節也會被放大,所以對字體的要求比較高,一般會選擇設計精良的字庫字體,或者自己設計一組字體。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 中號字

如果版面中主要的文字都是中等字號,那么會有一種反常規的感覺,因為這種版面雖然便于閱讀,但通常缺乏精致感,原本主要用于針對老年人的設計中,而加上一些特殊的處理手法以后,這種版面會顯得很有個性和藝術性。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 小號字

文字使用小號字,會給人一種精致、高級的感覺,但也會降低文字的識別性,且讓人覺得不是很重要,所以要選擇識別性比較高的字體,比如宋體和黑體,另外字重要偏細一點,排版要干凈整潔一點。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 大、小字號組合

如果版面中的文字有著強烈的大小對比,主次關系就會十分鮮明,視覺上也會變得比較生動、大氣,通常是把主題或關鍵詞拉大,其他文字縮小排版,常見于促銷海報、文字海報、畫冊隔頁設計的排版。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 大、中、小字號組合

如果版面中文字的字號可以很明顯地劃分為大、中、小三個等級(不一定只有三種),這種版面會有著豐富的視覺層級,以及簡單、清晰的視覺流程,容易給人一種很舒適、很專業的感覺,適合內容本身就劃分了好幾個層級的版面。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 中、小字號組合

如果版面中沒有特別大的字號,只有中號字和小號字,這種版面其實是最常見的,常見于畫冊設計、海報設計、網頁設計等領域,這類版面有種精致、溫和的感覺,且富有變化,主次關系同樣鮮明,適合圖片作為主體或者文字很多的版面。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

03.字重

很多經典的字庫字體都會有3-7個字重,比較主要的字重有:Light(纖細)、Regular(常規)、Medium(中等)、Bold(粗體)這四種,四種字重的效果會有明顯區別,使用于不同的場合。Bold常用于大標題、Medium常用于副標題和小標題、Regular常用于正文、Light常用于裝飾文字或標題。在實際的運用中,字重需要配合恰當的字號才能達到理想效果,下面蔥爺分享幾個常用的組合類型。

? bold加大號字

這種組合適合標題文字,或者是促銷海報中的促銷信息等,可以有效突出重要字詞,視覺上渾厚而有力量。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? Light/Regular加大號字

這種組合也適合用于標題,與大字號加bold的差別在于,這種組合效果既可以突出文字,又不會給人很粗暴的感覺,有時候在標題里可以同時使用bold和light/Regure兩種字重,強烈的對比效果可以有效增強設計感。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? Light加中號字

這種組合也常用于海報或畫冊的標題設計,由于使用中號字,所以即使筆劃較細,文字也仍然是清晰的,而且視覺上會比較秀氣和精致,另外,這種版面中的內文通常也要用light字重,否則組合在一起會不太和諧。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? Light加小號字

這種組合常用于內文排版,即不是特別重要的文字,但由于筆劃太細,所以不適合用來排大段大段的內文,而是更適合少量的內文,所以常用于名片、banner、電商詳情頁、UI設計中。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? medium加中號字

這種組合也是常用于海報設計和畫冊設計的標題排版,medium加中號字可以將文字有效突出,但效果相比大號字和bold字重會優雅、高級一些,比較適合科技、家電、服裝等行業。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

04.字間距

字間距的變化稍微會少一點,我們可以簡單地將其分為:常規間距(等于或接近設計軟件系統默認)、小間距(小于常規間距)、大間距(大于0.5個字符寬度)三種。

? 常規間距

常規間距最符合人類的閱讀習慣,視覺上比較舒適,適用性也是最廣的,幾乎可以用于所有場合,其中最常用于內文排版,不過在某些情況下使用常規字間距,效果也會比較常規。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 小間距

小間距適合長標題排版,并且通常要配合大字號、bold字重一起使用,這種組合方式可以最大化降低小間距導致的閱讀難度,小間距的排版方式可以使標題更緊湊、更整體、更聚焦。另外,在有限的版面內,把間距縮小,字號就能相應加大,所以也可以使標題更突出。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 大間距

文字的間距過大時,也會降低閱讀的效率,同時還會減少每一行可排版的字數,所以,大間距通常用于字數比較少的內容排版,比如短標題、廣告語、裝飾文字、單行字數較少的文案等等。大間距在視覺上會讓人覺得很輕松、很有節奏感和設計感強。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

05.行距

行距也是版式設計中很重要的細節,行距的大小除了會影響到閱讀效率以外,也會影響到畫面的美觀性和氣質,根據文字行距的大小,我們可以將其分為常規行距、小行距(小于行距)、大行距(大于文字高度的行距)。

? 常規行距

常規行距通常是指行距為字號的1.2-2倍(針對常規的字庫字體),這種行距是最便于閱讀的,同時在視覺上也不會讓行與行之間太過分離,所以常用于內文的排版。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

??小行距

小行距和小間距的情況類似,通常要配合大字號、bold字重、小間距一起使用,常用于標題和文字墻排版,這種排版的特點是緊湊、整體、設計感和視覺沖擊力很強,具有一定的藝術性,也便于把文字排成特定的形狀。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

? 大行距

大行距會導致每一行閱讀的停頓時間變長,會有一點詩意和節奏感,視覺上相對會有一點散,所以文字太多的情況下并不適合,像詩歌、抒情類的文案就比較適合。

這5個排版細節做好,效果不會差!

這5個排版細節做好,效果不會差!

總結

以上蔥爺分享了版式設計中的字體、字號、字重、間距、行距這五個細節的處理方式,當然,文中的很多內容并不是金科玉律,設計是沒有絕對標準的,所謂的經驗和技巧只是能幫助經驗不足的設計師可以更快做對、做好,如果你夠強,所有的經驗都可以打破。另外,排版中的細節還有很多,以后蔥爺還會繼續慢慢分享。

作者:蔥爺
來源:蔥爺(ID:shejidaren888)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }