免费高清特黄a大片,九一h片在线免费看,a免费国产一级特黄aa大,国产精品国产主播在线观看,成人精品一区久久久久,一级特黄aa大片,俄罗斯无遮挡一级毛片

分享

小白必看—全面解析:字號、行距和字間距

 mike011 2020-11-07

平面設計排版看似簡單,其實非??简炘O計師的基本功。如果知識無法活用,沒有實踐驗證,是很多的問題。

有三個重要概念:字號、行距、字間距。
如字體、字體家族、粗細輕重、首行縮進、標點符號相對次要。

字號與閱讀速度
字號明確字體尺寸大小。字號大小影響閱讀速度。
小朋友和老年人的閱讀速度可能不及年輕人,字號設置得稍大。感受一下閱讀下面左右的段落文字,是不是較大的字號會讓閱讀速度變得更慢。


字號越大閱讀速度也會放慢,文字的關注度增加,除了文字本身信息外,文字放大時,筆畫的細節(jié)越明顯,閱讀更為方便。
平時所知的快速閱讀法,由逐字逐字的閱讀變?yōu)檫B詞閱讀。


字號與主次信息
平面設計排版要考慮到受眾閱讀習慣。大號的字體更能瞬間吸引眼球,是主焦點所在,也是主要信息應該運用的,注意與此搭配的字號,主、次信息字號需要有對比。
能與大字號進行搭配的是小字號,最好能對比明顯。這樣才能形成信息的主次傳遞。
有些宣傳方認為文字越大,注意力效果越強,于是采用放大字體做法,這樣來輸出信息,由于沒有對比,整體版面凌亂。忽略了閱讀者感受。
作為閱讀的一方,在看廣告牌、打開APP瀏覽Banner時,都會因為版面凌亂忽視這樣的信息。

案例分析
下圖以常見網(wǎng)店Banner為例,看上去比較常見的設計,左圖右文,排版最大的問題是右邊的文字信息過多,字體主次不太分明,造成閱讀擁擠。


逐條分析作品中的問題
1、字體顏色單一,且飽和度極高,容易視覺疲勞
2、三行字體間距過于緊密,字體的字號沒有區(qū)別

3、Banner傳達重要的品牌信號、且尺寸較大,傳達的信息需要有焦點,不宜輸出過多的文字。
作為平面設計師,應該和文案一起結(jié)合考察,文案本身是否足夠精簡扼要?次要的文案是否可以刪掉?設計師的職責不是“美化”,而是“體驗”,把自己放在接受者的位置。

可以做下面的調(diào)整

1、將文字色彩進行調(diào)整,形成閱讀的主次順序,照顧到整個Banner要傳遞的主要信息——冬季新品,放大的冬字用宋體,和其他的字體相異。宋體的字型對應女性的輪廓,看上去有曲線感;

2、紅色是非常吸引眼球的顏色,因此有些次要的文字可以不需要一直用紅色,而把主題詞和引導按鈕用紅色進行處理;
3、按鈕變?yōu)閯痈休^強的形狀,增加畫面的及時感。也符合這一片排版的形狀布局;
4、行距之間拉開差距,字體大小對比明顯;
5、刪掉不重要價值的文案,集中傳達一個信息就行;
6、顏色改為相對柔和的暖粉色,傳遞冬日暖陽的氣氛。背景用一些白色雪點綴,突出主題。


不改變原有布局和素材的情況下,把字體排版進行調(diào)整,版面清晰、簡潔了。
簡潔是正道,如果老板/甲方不喜歡,如果設計師不能給他建議,老板/甲方會跟隨舊有習俗走,如果發(fā)揮專業(yè)知識,是否走這條路憑他自己選擇,要做的是尊重對方選擇。但是,必須要提供這樣的可能性呈現(xiàn)給對方眼。

行距:相對的距離
行距是段落上下兩行文字的疏密程度。行距在文章中有效的引導閱讀。兩行文字之間行距太近會讓閱讀變得困難,太遠同樣也會造成問題。不同的行距構(gòu)成面的密度,也即是文章段落呈現(xiàn)的灰度。
行距和行高密不可分,如字體的行高為10px,行距如果為2px,也就是行高的1/5倍,會變得太擠,不易閱讀。
如果拉開行距到5px,也就是行高的1/2倍,則閱讀起來就比較舒暢,輕松。


合適的行距是相對值,閱讀中,行距為行高的1/2~1倍比較合適。
當行距為行高1倍,看起來行距比較寬,有些人會覺得整個段落看起來不夠緊湊,如果行距和行高相等時,段落看起來松散,讓閱讀者會有種和緩的速度。


案例分析
具體案例說明行高在排版中的視覺作用。家居主題的Banner設計。
仔細觀察,發(fā)現(xiàn)右邊的文字閱讀起來略有點困難,這是由于行高太小而造成。


逐條分析一下Banner中比較顯著的視覺問題
1、兩行小字的行高太小,以及小字和大字彼此距離太近;
2、文字的色彩沒有太多變化,不同內(nèi)容擠在一起,閱讀層次感不強;
3、整體色彩有些灰暗,家居的氛圍有點暗沉(原素材需要調(diào)色處理)。
Banner設計要做到色香味俱全,除了關注布局、色彩、還需要對文字以及文字間距都要精細化處理。


解決這三個比較大的問題,作下面一些調(diào)整
1、改變小字的行高,讓兩行小字跟隨右側(cè)的斜線條,形成呼應,并且讓小字和大字也保持距離;
2、整體文字稍微縮小,給整個版面以呼吸的空間;
3、「全場8折」四個字用橙色作底,橙色是溫暖的顏色,給版式加暖,且讓文字排版多一些變化,信息層次更分明;
4、大的文字采用漸變填色,比起純色平涂,帶有微微光感;
5、整個畫面的色調(diào)調(diào)得更暖,配合家居的溫暖氛圍。


字間距 VS 字符間距
字間距是字符間距的參數(shù)值,字間距是基礎工作。每一個文字都要設定好字間隔,太近和太遠都不利于文章的閱讀。調(diào)整字間也是及其繁瑣的工作。

字體原有的字間距
最合適的字間距,不同的字體來不一樣。
以「思源宋體」和「方正美黑」為例,這兩個字體形態(tài)差異很大,思源宋體的字符間距設置為0時,和方正美黑的字符間距為0時,字間距的差異也很大,方正美黑的字體間距默認就很寬,大家可以對比當方正美黑的字符間距為0時,對比思源宋體字符間距為100,其本身字間仍然是大許多。


拋開字體本身間距談字符間距,意義不大。方正美黑是極端例子,但每款字體的間距的確略微差別,還是以字間距為準。

行距的影響
行距也是影響字間距的一個很重要的因素。如果字間距大過行距,這樣的段落難以閱讀。
從左到右的閱讀習慣,會被更為接近的上下兩行的文字,錯誤引導為從上到下的閱讀。所以保持字間距要小于行距,是保險做法。



寬大字距的魅力
在海報、Banner這類宣傳品的設計中,文字通常用得比較少,也談不上形成段落,這時字間距可以放得更開,不涉及到行距。
不得不說,放大的字間距顯得版式疏松、有優(yōu)雅寧靜的感覺。如果想要讓文章看起來更輕松,試著把字間距適度放大。


案例分析
下圖Banner設計也是看起來沒什么大問題。唯一惹眼的就是「科技互聯(lián)、引領未來」字距過寬,字距大過行距,造成閱讀時容易產(chǎn)生“科引,技領,互未,聯(lián)來”這樣的順序。并且使用的字體本身的字距也需要進一步調(diào)整,看起來兩行文字有些錯落,視覺上不夠精細。


調(diào)整字體排版以及色彩方面的諸多小問題
1、調(diào)整了「科技互聯(lián)、引領未來」行距和字距,字間小于行距;
2、增加2019的光感,營造視覺焦點;
3、「掌握最黑技術、占領最大市場」增加字距,縮小字號,創(chuàng)造和下方英文字符截然不同的節(jié)奏感;
4、文字色彩有變化,讓畫面在此不會顯得過于扁平,為了突出文字,讓下方背景的色彩更深;
5、縮小左上方區(qū)塊鏈三個字,給予更多的留白空間,讓畫面不至于內(nèi)容過分飽和;
6、整體的畫面進一步調(diào)整色彩飽和度處理,以及其他細節(jié)的處理,讓畫面更具沖擊力。


排版是一個值得深挖的問題,越細節(jié)越難以被發(fā)現(xiàn)。如果只是潦草應對,短時間沒有大問題,但會形成盲區(qū),無形中造成的問題,讓人永遠發(fā)現(xiàn)不了,導致水平一直無法提高,設計報價也要不上去,這是最大的傷害。
這兩年平面設計發(fā)展很快是因為互聯(lián)網(wǎng)漲勢飛快,但飛速發(fā)展帶來的弊端是一切都浮在表面,深度不夠。需要平面設計師深入學習,沉下心設計,才能獲娶更多業(yè)務機會。


更多歷史鏈接-閱讀公眾號菜單-《歷史發(fā)布》菜單

近十天歷史發(fā)布鏈接

AI 和 PS 有哪些區(qū)別?

  1. 做為一個做設計師,總是沒有想法,是不是真的不適合做設計?

  2. 淘寶美工的三項必修技能

  3. 平面設計如何接到兼職?

  4. 特殊時期——平面設計行業(yè)預判

  5. 10個做設計常用到的中文字體

  6. 彩色單頁自已做——重點匯總篇

  7. 自已做單頁——常規(guī)彩色單頁這樣做——輸出

  8. 自已做單頁——常規(guī)彩色單頁這樣做——紙張

  9. 自已做單頁——常規(guī)彩色單頁這樣做

  10. 利潤超高平面設計——整套VI設計包含哪些項目?

  11. 30歲左右的設計師有出路嗎?

  12. 淘寶設計需要掌握哪些技能

  13. 平面設計師怎么兼職和接私活?

  14. 排版更高效—— Ai工作區(qū)分享

  15. 產(chǎn)品設計是不是外觀設計?

  16. CDR難不難學?CDR能做什么?

  17. LOGO設計制作規(guī)范

  18. 平面設計用顯示器怎么選?

  19. 月薪3千和3萬的平面設計師,區(qū)別在哪里?

  20. Photoshop文字鉆石特效字

  21. PS最常用的快捷鍵

  22. Adobe Photoshop 哪個版本比較好?

  23. 如何學習攝影后期調(diào)色?

  24. 什么是潘通色卡?

  25. 公眾號推出平面設計及后期相關問題專業(yè)免費解答服

  26. 沒有必要猶豫-CorelDRAW 和 AI 哪個好用

  27. 不用靈感,不用下載-Ai臨摹實物創(chuàng)建小圖標

  28. APP圖標,用PS作還是用AI作?

  29. 不求人-Photoshop-ps凹陷按鈕素材自己做

  30. 淘寶主圖怎么作?

  31. Photoshop-PS圖片格式區(qū)別

  32. 簡單粗暴且實用的平面排版方法

  33. 圖片排版的17個實用技巧

  34. InDesign蒙版功能指南

  35. Photoshop基礎原理教程-4-基本操作-2

  36. Photoshop基礎原理教程-4-基本操作-1

    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多