精华内容
下载资源
问答
  • 有时为让编辑的文档更美观和便于阅读,需要对文档进行行间距和段落间距的设置,以达到实际的设计效果。下面说下行间距(文字之间的垂直距离或者两文字的上下边距)和段落间距(各个段落之间的前后垂直距离或者段落...

    3ddd53a6ba44d8729cf51d1d833632c7.png

    有时为让编辑的文档更美观和便于阅读,需要对文档进行行间距和段落间距的设置,以达到实际的设计效果。下面说下行间距(文字之间的垂直距离或者两行文字的上下边距)和段落间距(各个段落之间的前后垂直距离或者段落之间的上下边距)的设置方法及注意事项。


    1.用文字工具绘制一个文本框,之后ctrl+d键选择相应的文档置入;

    714b6a4fab5c7432521f8ddee0f85d72.png


    2.行距设置:ctrl+t键打开字符面板,用文字工具选中要调整行距的文字,之后选择行距选项,设置相应的行距数值(行间距的系统默认大小为文本字符大小的120%);

    53353c76a127c92488fb22b4d1990f66.png

    6442042747d88c67712d002b9746f735.png

    ef92e991e016aa659f33c74e99b063a0.png

    3.行间距也可以在字符面板控制栏中进行设置,ctrl+alt+6键打开控制栏工具,用文字工具选择文本框里要调整行间距的文字后,点击字符面板控制栏里的行距选项,进行数值的设定;

    5750d92492bbc36dc0277deb3cbb2e7c.png

    63f56fb1836d6c1931ab5fa6e5b15d5f.png

    ed8017486e119fb596a73c484beffc94.png


    4.用文字工具选择要调整行间距的文字后,按住alt键不放的情况下,双击字符面板控制栏中行距工具,可弹出字距调整对话框,在里面可以设置行距的实际大小(行间距的系统默认大小为文本字符大小的120%);

    7a381fad23f0890ab4b71428ddd01b9b.png


    5.段落间距的设置:ctrl+alt+t打开段落面板,用文字工具把光标定位到某个段落里,之后点击段前间距(目标段落与前面段落的行距距离)和断后间距(目标段落与下一段落之间的行距距离)选项进行相应数值的调整;

    5c2846e79ad6d3ae1d46bc716794d7d9.png

    ea2f845f7a2d1ec264f13e57f2648ce3.png

    50ddeaa1bfd8423727250e59788ba50e.png


    6.段落间距也可以在段落格式控制栏中进行调整,ctrl+alt+6键。选择文字工具之后,把光标放到要调整段间距的段落里,之后点击控制面板里的段落图标,选择里面的段前间距和断后间距选项进行相应的数值调整即可。

    6f6da8c09a68841e93327536388cfea8.png

    217211737d1e0737b2d3610a99ca3f2c.png

    Indesign行间距和段落间距设置注意事项
    1. ctrl+t打开字符面板,用文字工具选中相应的文字后,选择行距选项工具进行相应数值的设定;
    2. ctrl+alt+6键打开控制面板,选择字符格式控制栏后,按住alt键,双击行距选项,可打开字距调整对话框选项;
    3. ctrl+alt+t键打开段落面板,用文字工具把光标定位到相应的段落中,在段落面板中选择段前间距和断后间距进行数值的调整;也可以ctrl+alt+6键打开控制面板,选择段落格式控制栏里的段间距工具进行相应数值设置。

    展开全文
  • 各位,你们要的细节来了,文字排版中的行高设置。目录1.字号的设置2.根据需求随意组合 3.英文的行高4.英文的行间距5.中文的行高6.中文的行间距7.行高的禁忌8....像14号的正文13号的注释,这种比...

    各位,你们要的细节来了,文字排版中的行高设置。

    目录

    1.字号的设置

    2.根据需求随意组合

    3.英文的行高

    4.英文的行间距

    5.中文的行高

    6.中文的行间距

    7.行高的禁忌

    8.标题行高

    9.正文行高

    10.混合编排

    11.字体选择

    1.字号的设置

    字号就是字体的大小,文字从大标题H1-H7、小标题、正文、注释都要配置相对应的字号。页面的字号我是以4为基数进行递增的,最好采用偶数。像14号字的正文和13号字的注释,这种比较小的字可以不以4为基数来做。不管设计师怎么去定义字号,只要视觉上美观大方并具有关联性,采用哪种规则去约束它都可以。

    03d4f00e121f05870585bcef62d60d4f.png

    另外所有的字体都要调试出深色和浅色两种配色,并分别应用在白色底色和黑色底色当中。黑色底色展示效果不好就不做展示了。

    2.根据需求随意组合

    当我们定义好字号,标题和正文就可以根据实际项目需求进行自由搭配了。在给标题和正文选择字号时要注意它们之间的对比关系,字号差异越大它们的层级关系就越明显,但它们之间的差异又不能太大,差异过大会影响整体的视觉平衡性,给人一种不和谐不自然的感觉。

    0ec2d885f20a486ce5d1bfb89909ee88.png

    例如:标题字号20px搭配正文字号12px;标题字号24px搭配正文字号16px。选用哪种标题搭配哪种正文也是由设计师的美感决定的。

    3.英文的行高

    在设置文本行高的之前,需要理解一下“行高”与“行间距”的差别。前端DIV+CSS和设计Affinity Designer等绘图软件都是以“行高”来进行定义的。在CSS-Style line-height属性是行高,值分别以百分比、数值和像素来表示。例如:h1.test {line-height:112px},那标题h1的行高就是112像素了;绘图软件中控制行上下距离的也是行高。好的言归正传,中文的行高与英文行高会有一些差异,英文的行高指的是一行英文的基线与下一行英文的基线之间的距离,如下图所示。

    8e2f27efc7a6e336d818934fe4134229.png

    基线是英文字体结构中的概念,先简单了解一下它吧,以后讲到字体的时候再讲它吧。我们在绘图软件填写行高的数值时,改变的就是上图所示的这段距离。

    4.英文的行间距

    英文的行间距就没有行高那么复杂,也不用画基线。英文的行间距跟中文相同,指的是一行英文的底部线与下一行英文的顶部线之间的距离。其实也可以简单的理解为“行与行之间的距离”并称之为行间距。另外英文底部和顶部都有对应的专有名词的,在英文字体结构中最顶部/最底部隐性的两条线称为“上沿线/上限线”和“下沿线/下限线”。这块的知识先了解一下就行,以后在字体结构中会讲到。

    5b27e61f38bfaf14d5e13b945ca3ff32.png

    5.中文的行高

    接下来理解下中文的行高。上面讲到说英文的行高是由基线决定的,但中文字体与英文字体结构不一样,中文里没有基线的概念,那该怎么定义行高呢。中文的结构属于方块字没有基线,所以中文的行高指的是一行中文的最底部与下一行中文最底部之间的距离。中文字体结构中没有上沿线/上限线和下沿线/下限线的概念,它们只存在于英文字体结构中。

    65ab73ea63dc87d411ded9dddc778f28.png

    6.中文的行间距

    中文的行间距就比较好理解了,跟英文的行间距的道理相同。是指一行中文的最底部与下一行中文的最顶部之间的距离。也可以理解为行与行之间的距离。

    4ea2b105d3b7fb4e7287956f8d273725.png

    虽然说行高与行间距的差别不太好区分,而且还有些绕,但理解它们还是很有必要的。

    7.行高的禁忌

    不管是标题、正文还是注释,他们的行高都不宜过高,行高过高会导致内容不易阅读,文字之间的整体性也会被打散。标题的字号越大行高应该越小,正文的字号越小行高应该越大。当然这些规则都是相对的,行高大小要合理把控,不能太大或过小。那要如何合理设置行高呢,往下看。

    9faa1693c7f5f8d9cb7be7ba70c37076.png

    8.标题行高

    标题的行高由字号决定的。平面设计中有时候可以把行高设置与字号相同,例如120pt的字号设置120pt的行高是没有问题的。在页面中行高是这么计算的,字号x倍数=行高。例如下图所示,大标题H3设置的字号是48px(12a),那行高就是62.4,即48x1.3倍=62.4。字号与行高的倍数是一点点测的,因为字号与行高的比例不会小于1.0(1倍),我就根据自身审美进行测试,从1.0/1.1/1.2/1.3....开始测,直到测出自己满意的行高。如下图所示,带颜色数字的是倍数。

    3287becf5469c3c4068afbf69cc4be94.png

    最终的行高还是由设计师直观判断决定的。所以做设计要理性中夹杂感性,规则与创意并存才是一个优秀设计师需要兼备的品质。那我就拿中文字号36px和英文字号24px来举个例子,这样大家好理解一些。如下图所示:

    6254df0e27b1c7de32e4c1b2cbb17786.png

    从测试结果中找到自己满意的行高就可以了。字号x倍数=行高,这里也不怕倍数小数位太多的问题。在绘图软件中是以像素为单位,但有时候前端代码会用父继承单位“em”。例如:大标题H3的字号是48px,行高是62.4px(48x1.3倍),62.4px=1.2816667em,那转换为前端代码就是h3.test{line-height: 1.3em},直接做约等于就行了,差一点点看不出来的。

    9.正文行高

    来接着往下讲。正文行高与标题行高相同,差异就字号的不同选择的行高也不同。标题行高倍数大概1.0-1.6不等,正文行高倍数大概1.6-2.4不等,这也没有一定的标准,还是得根据项目情况与实际效果综合来看。如下图所示,带颜色的数字是行高的倍数。

    22fb86d40eb633b576ceacc0bc63aaaa.png

    说到这里,经常有人问我正文的行高的值应该怎么设置,大家在做设计时都会采用1.5/2倍关系,但这不是绝对的,行高的倍数也是受字号大小影响的。像新浪新闻的正文,字号是18px,行高设的是32px,即字号(18px)x1.777(倍数)=32px(行高),如果行高倍数设置2倍以上,字与字之间的距离变大,就不太好阅读了。

    10.混合编排

    好的,完全理解上述所有知识就可以把标题、正文和注释进行混合编排了。大标题字号40px、正文字号20px、正文行高40px、注释字号18px、注释行高32px、标题与正文的间距88px、正文与注释的间距64px。

    7764ffe666765b3e2436fbf6a6421bb5.png

    11.字体选择

    选择字体就没有什么技术含量了。做页面常用字体就只有那几种,微软雅黑、宋体、Verdana、arial、Times New Roman,就不举例说明了。中文网站最常用的就是微软雅黑+Arial,浏览器兼容性也最好。读到这里有人可能就会问了,载入其他字体也可以啊,是的做企业网站可以载入其他字体,但像做功能页面啊、后台页面啊,载入其他字体几乎就不可能了。所以还是要估计实际项目需求/品牌需求来选择与其相符的字体样式。

    a780f1514b3507a2620a974de3500eca.png

    ~此文转载,如有侵权,请联系删除

    展开全文
  • WPS是一款专门办公的软件,包括Word...并且还保存了很多类型的字体,除此之外,还包括各种文档样式,一个好的文档格式会给人一种舒适额感觉,我们通常在编辑完成后,都会设置文字的行间距和字间距,那么如何在Word中...

    WPS是一款专门办公的软件,包括Word文档编辑,PPT幻灯片制作,EXCEL表格制作,在生活中,我们常常需要使用word编辑文档,不管是企业办公,还是学生作业都离不开Word,我们都知道Word编辑器中包括了很多强大的工具和组件,并且还保存了很多类型的字体,除此之外,还包括各种文档样式,一个好的文档格式会给人一种舒适额感觉,我们通常在编辑完成后,都会设置文字的行间距和字间距,那么如何在Word中设置行间距和字间距呢,以下是WORD设置行间距和字间距的方法介绍。

    2c1973f06e5a6b1817ed17f55cd5cd53.png

    方法步骤

    75fa343385ffb7b5a04baec2637de195.png大小:36.5 MB版本:6.9.6.9 官方PC版环境:WinXP, Win7, Win8, Win10, WinAll

    第一步:首先打开WORD文档,在文档编辑区输入或者复制文字。

    2c1973f06e5a6b1817ed17f55cd5cd53.png

    第二步:选中我们需要设置格式的文档,右键单击选择段落或者我们可以打开word导航条部分的段落标志。

    f259cf21830335eec34424ba45e20066.png

    第三步:进入段落设置界面后,找到行距,并且选择需要设置的行距。

    be716cfdbd005f47223926a01dab42e7.png

    81fb9ef19adf850d5288d15b8ca79e83.png

    第一步:同样的打开文档,在编辑区输入文字。

    2c1973f06e5a6b1817ed17f55cd5cd53.png

    第二步:选中需要格式的文字,单击右键选择字体或者在导航条上方点击图标进入编辑区。两种方法都很简单,大家可以根据各个人喜欢选择。

    f03d2b1dce55fc6b384e81bcb963a1fb.png

    第三步:进入字体管理界面找到字符间距,设置字符间距。在这里我们可以设置宽度、间距、位置、缩放等属性。

    a9cd1ed87bbde7c794d7b2dd1c27b8cf.png

    7429e3a00d26b546b4ea81d6794f6ea2.png

    小编建议大家在编辑文档完成之后再设置格式,以免在后面还要再次设置,以上是WORD调整行间距和字间距的方法介绍,希望对大家有帮助。

    展开全文
  • 前言文章中的所有字体规则都是基于750...背景与问题字体是设计中最基本的构成元素之一,在UI设计中亦是如此,用户可以通过设置好的文本信息来理解内容完成操作,井然有序的字体排版可以提升用户的阅读体验及操作效...

    2e080a6a3a8d5f24f93c36f5c8c08971.png

    前言

    文章中的所有字体规则都是基于750x1334px画布,就是2倍图的前提下进行阐述(设计尺寸1倍和2倍问题一直是一个热点话题,其实各有优势),我们团队一直都是按照750x1334px的分辨率进行设计,所以按照基于此进行讲解。

    背景与问题

    8ce66b16db50a1e3b7e5bad889e43be7.png

    字体是设计中最基本的构成元素之一,在UI设计中亦是如此,用户可以通过设置好的文本信息来理解内容和完成操作,井然有序的字体排版可以提升用户的阅读体验及操作效率。Ant Desgin建议字体方案从字体家族、主字体、字阶与行高、字重、颜色五个方面考虑。中文字体家族肯定是优先使用系统默认的界面字体,IOS系统字体:苹方(PingFang SC),安卓默认字体:思源黑体(Noto Sans);在移动端设备主字体一般以28px为主;字阶是指一系列有规律的不同尺寸的字体,简单理解就是不同大小的字号,行高是包裹在字体外面的无形的盒子,字阶和行高是紧密关联的。

    我们在做项目的时候,设计师们经常会遇到字体行高的问题,每个人设置习惯不一样,也会遇到测试还原度的时候发现行高和高保真不一致但是初步都看不出谁错的问题。今天我们来聊聊设计时sketch中的字体行高到底该如何设置?

    80ed4c36ef3befee564fcc83cb03af3d.png

    真实设计时工作场景:

    强迫症设计师:这个标签上下间距不一致诶~

    淡定哥设计师:是的,但是是字体本身行高是奇数导致的,不影响整体效果的~

    强迫症设计师:不行,不行,这个组件我要手动调整一下,保持一致~

    淡定哥设计师:甩一个无表情~你有强迫症啊~

    e621156f0941f10b311e2b3b0b16d344.png

    那么设计师们用sketch设计的时候会发现,会有几种常用字体字阶(就是不同字号)的默认行高是奇数,举个例子:在设计标签的时候,上下间距保留不一致最为明显,不知道会不会有强迫症的设计师将其行高进行调整成偶数,手动调整1px进行强制对齐,有木有~如果答案是肯定的,那你一定要瞪大眼睛看下去,对~没错~那你和我们的气场是合拍的~

    真实测试还原度时工作场景:

    设计师:这个标签上下间距不一致诶~

    ios开发:我明明按照标注间距来写的啊,不可能不对,不信你去看代码~

    设计师:果然是一样的间距,怎么上下间距看着不对头~

    ios开发:看,这个锅我不背~

    设计师:~~~~~~~

    还有一个最重要的问题,输出设计稿后总能遇到的字体行高开发还原度问题,尤其是字体和图标、图片等等之间的间距最容易出现问题,明明开发也是按照标注进行设置的,但是依旧还是怎么看怎么有点点不对,其实主要原因就是sketch中的字体行高和开发系统中的字体行高不一致导致的,包括单行文本行高和多行文本行高,以及设计交付时给到开发的ios系统、android系统还有前端的字体方案。

    你们也许会发现,如果我们需要在同一个文字层内设置段落间距,在使用sketch measure插件导出的标注中,段落间距是无法识别的,需要另外告诉开发。不知道大家再用其他标注软件会不会有这问题。

    63bdaa8b96bd50b6dc1a7f532a8eb52b.png

    单行字体行高的基本法则

    我们在做TO.C类产品视觉体系中的字体方案过程中,经过了大量的移动端产品验证之后,总结了与我们项目中字体与对应的行高的设计规律,形成了初步规范,同时推荐给大家使用,也希望设计师们发声,说出自己的见解。

    针对TO.C类产品的视觉体系我们定义了10个不同尺寸的字体以及与之相对应的行高。我们建议的主要字体为28px,与之对应的行高为40px。行高h = s x 1.4。其中s >=20,s是字阶大小,1.4是基础倍数,如果行高的结果是有余数,就是带小数点的,按照最近偶数原则进行取值,例如:字阶24px对应的行高是24*1.4=33.6px,那么我们取最近偶数值34px;如字阶32px对应的行高是32*1.4=44.8px,那么我们取最近偶数值44px。如需特殊字体按照字体大小加其余的字阶的选择可根据具体情况进行自由的定义。建议在一个系统设计中(展示型页面除外),字阶的选择尽量控制在 3-5 种之间,保持克制的原则。  

    dbe99bb46d9654aa4c7b0fb0d3d98f4a.png

    其实很多设计师内心都是有一杆秤,会有一些设计书中写到,英文字体的设计行高是1.2倍,中文字体的行高一般是1.5倍,也会有开发站在自己的角度说其实业界常用的行高是字体字号的1.2倍、1.5倍都不是最准确的,因为和他们代码默认的行高不一致。虽然我们建议一个设计系统中字阶的选择尽量保持克制的原则,但是现在个性化的产品越来越多,大标题等等设计趋势,所以市面上各种APP肯定会涉及到各种字阶,为了验证多种字阶,我们把从20px—48px的偶数字阶共15种一一列举出来进行对比,我们发现:

    一、字阶按照1.5倍的算法没有小数点,但是相隔一个字阶就会有奇数值行高存在;

    二、字阶按照1.4倍的算法得出的行高会带有小数点,不方便计算;

    三、sketch系统中根据字阶与行高的倍率发现,sketch中行高是按照1.4倍的取值加上四舍五入法则来设置,但是会出现一些行高奇数值;

    dc29170c89ef094a0e547055c18b2d6e.png

    四、这里例举ios开发中的对比效果,发现ios代码中的实际行高只有1.2倍,可能是因为ios是英文血统的原因,英文的排版确实是1.2倍,导致中文也只有1.2倍,所以也是和高保真还原度存在差异的原因。

    d34ccad74fd6ccc20370d98b3381e356.png

    五、我们按照就近偶数原则设置的行高高度和sketch的默认行高看似一致,但是其中sketch24px、26px、32px、38px、42px、46px、48px对应行高是奇数值,我们将sketch奇数值行高和我们设置的行高进行文本预览,都是1px的偏差值。

    072dd2f21adb09415aeaa572c24e7767.png

    所以会出现文章前面说的真实工作场景中出现的设计对不齐、还原度不一致的问题。

    再来回顾一下我们总结的字阶单行行高一般性规律:

    行高h = s * 1.4。其中s >=20,s是字阶大小,1.4是基础倍数,如果行高的结果是有余数,就是带小数点的,按照最近偶数原则进行取值,这样就不会存在奇数值,强迫症设计师们的福音哦~

    PS:不过这个一般性规律只限于单行文本行高的设置,因为当我们进行多行文本阅读时,文字量比单行文本多太多,现有单行行高的一般性规律并不能满足多行的阅读体验。所以我们也总结了一般正文字阶(24px、26px、28px)的多行文本行高设置方法。

    多行字体行高的设计法则

    在我们得出字阶和行高的一般性规律(行高h = s x 1.4。其中s >=20,1.4是基础倍数,如果行高的结果是有余数,就是带小数点的,按照最近偶数原则进行取值)的基础上,又对24-28px的常用字阶进行了针对性的多行文本的研究。我们需要得出一个适用于多行文本设置的行高来提升阅读体验。

    设计实践

    e923091adc5aa011ce940a3ada82c68d.pngeefeb2c892525f20c3bbee072eaaf86e.png

    在现有字阶行高的一般性规律基础上,尝试对字阶增加增加2px、4px、6px、8px、10px共5种固定的行间距进行验证。经内部小伙伴对不同页面进行视觉测验后,我们与开发也进行多次联调得出:

    一、24px在行高34px的基础+6px的行间距;26px在行高36px的基础+8px的行间距;28px在行高40px的基础+10px的行间距可以提升多行文本的最佳阅读舒适度体验。

    二、但是我们发现在sketch设计中,多行文本如果按照单行文本展示增加了设计师重复排版的工作,所以我们在sketch不断调整行高数值进行尝试,希望发现增加多行文本行间距的一般性规律,

    在sketch中字阶为24px(单行行高34px)设置行高为40px和我们+6px的行间距是基本吻合的,字阶为26px(单行行高36px)设置行高为44px和我们+8px的行间距是基本吻合的,字阶为28px(单行行高40px)设置行高为50px和我们+10px的行间距是基本吻合的,由此我们可以推断出:sketch中字阶为30px(单行行高42px)的多行文本

    行高+12px等于54px,以此类推可以得出多行文本行高的一般性规律是(下面是3个视频请双击查看):

    6bab4653441152d2fd8a41f41dc93d7b.gif

    359b3df34ee3824ce97a68798af64aad.gif

    b58afeba092010a0986b5a58740194ad.gif

    字阶24px的多行行高( 34 + 6  =  40px)

    字阶26px的多行行高( 36 + 8  =  44px)

    字阶28px的多行行高( 40 + 10 =  50px)

    …….

    字阶 s 的多行行高(s * 1.4 + n = h2 )

    单行行高h = s * 1.4。其中s >=20,s是字阶大小,1.4是基础倍数

    多行行高h2 = s * 1.4 + n

    其中s是字阶大小,s >=20s ,其中n >=6的偶数,n是行间距(n=2a,a是自然数,a>=3);

    我们也按照规律总结的常用字阶对应的多行行高,可进行参考对比:

    e70c1d473083954a2f5cfa78ec0b972d.png

    如果是强迫症患者+处女座情结还可以继续进行如下操作:

    三、我们在sketch中直接设置多行行高解决了设计师单行重复排版工作量大的问题,但是引发了一个新问题,就是多行文本的整体高度和我们一开始设置的多行行间距的整体高度不一致,发现如果在sketch中直接设置多行的文本高度如果需要与之前一致,必须减去多行文本的固定间距n,我快把自己绕进去了。举个例子:

    32dd7deba367bae9a11779afa4f4a819.png

     

    排版时字阶24px,多行文本行数3行,sketch中多行行高是40px,整体高度是40*3=120px,当我们单行文本行高34px增加行间距+6px得出的整体行高时114px,因为在sketch中单行文本排版时不计算首行上部间距和末行下部间距,所以如果想在sketch中直接设置多行行高但是能达到单行增加行间距的标准效果,需要在320px的基础上减去n,也就是单行的固定行高6px,120 - 6 = 114px,这样才能吻合。

    多行整体高度h3= h2 * 行数 - n。n为每个字阶多行需增加的行间距。

    设计验证

    同时为了验证我们的结论,我们在设计稿中分别对字阶24px、26px、28px这三种常用的多文本在sketch中进行设计排版。

    ebbab6c9b2a430a8909938ea72aecab3.png

    同时把规范公式给到开发,与开发进行落地验证,开发直接帮我们写了一个小demo,测试了单行和多行的展示效果(https://juejin.im/post/5abc54edf265da23826e0dc9):

    ef8e1f214271f79f13625180708371fc.png

    18年就有开发在ios和android两端实现这个效果,而且他们自己写的代码也是自己不断进行各种调试最终得到的,基本是可以满足移动端日常的常态多行文本设计需求。如果系统中使用到特殊字体,可按照字体大小并根据具体情况重新进行定义,也可以和开发进行自定义联调。

    总结

    如果你想完美落地你的设计稿,行高必须是不断的和开发进行联调,所以我们总结出适用于我们及TO.B端业务项目的单行和多行行高两种一般性规律,大家也可以根据自己项目情况进行总结,欢迎设计师们一起进入UI的微观世界和我们进行交流探讨。

    番外

    因为设计中的各种元素解构以后其实都是有规律可循,有理论依据。由于设计师们心里扎实基础的理论基础都变换成了你手上精湛的技术,所以小伙伴们在设计稿子的时候是没有问题的,都能运用的游刃有余。BUT口头禅不小心就脱口而出“我觉得”、“我认为”。我能理解你,你的觉得和认为其实是对的,只是其他人缺少了美术和设计方面理论基础的训练,他就会觉得你在自己意淫,所以我们必须继续强大自己,将自己心里扎实的理论依据在嘴上发挥出淋漓尽致的效果,让他们都措(bu)手(fu)不(lai)及(si)~

    文章版权归原作者所有,内容为作者个人观点,目的在于分享信息,转载文章首先需要征得作者授权。

    作者

    赵骏   O2O平台交易产研中心体验设计部  视觉设计师

    『特长』程序员鼓励师

    『属性』直男但嘴甜

    『爱好』旅行

    展开全文
  • 这是一篇专门针对 刚入门 前端的小白们,作为个...比如这样的一个图片,里面有几种字体大小和行间距都不一样,算是一个比较复杂一点的: 以下我介绍两种设置这个间距的方法: 1.只用line-height(行高) 使用行...
  •  正文为5号,那么图片或者Viso对象前后空一设置字号为7号或者更小,这样设置间距就是那个7号间距,比5号小,看着空白不是那么大。  第二种:  Visio对象转为jpg,然后选中图片前后两端,选择段落,...
  • 高手们请问excel表格里的字怎样缩小间距和把字体拉长?... Excel单元格文字如何设置行间距?首先说明,excel中不能像word那样通过格式工具,对一个单元格多行文字的行间距字间距进行调整,不过可以通过以下三...
  • 今天的内容是关于行距文字间距设置。那就让我们一起来看看吧!Word巧妙调整文字间距、行距01行距调整不同学校论文要求的行距会有所不同,甚至某些本科论文博士论文在行间距的要求上也有所区别,那么应该怎样...
  • 字间距行间距,对齐方式;下划线、上划线…,文本阴影,字母大小写,首行缩进等; 目录 1.字体颜色:英文字母,十六进制,RGB 2.文本样式:文本颜色,字间距行间距,对齐方式 3.文本样式:下划线、上划线…...
  • 如何打开Settings设置页面Settings设置页面结构详解结构Appearance & Behavior 外观行为Keymap 快捷键Editor 编辑器设置Plugins 插件Version Control 版本控制Build,Execution,Deployme...
  • 当单元格类型被设置成文本类型,会把单元格中的字符、数字或表达式的计算结果都当成文本来处理,而对于文本有特殊要求时,使用该类型就不能满足我们的需求了,例如:在同一单元格中显示不同的字体样式,字体颜色,...
  • 用CSS,把以下两个语句写到STYLE里 关键字 word-spacing: ,设置文字对象内容单词与单词之间的间隔距离 ...关键字 line-height: ,设置文字对象内容之间的间隔 line-height:1.5; 例:...
  • LaTeX如何行间距为20磅

    万次阅读 2012-05-17 14:54:59
    在word里面设置固定行距为20磅, 在latex里如何对应设置呢?是不是\setlength{\baselineskip}{20pt} 首先我们要了解 LaTeX常用的几个单位换算: 见:LaTeX长度单位入门  而“磅”是衡量印刷字体大小的单位,约...
  • illustrator中的trajan color彩色字体是一种特殊的字体,它不能直接进行颜色的调整,下面说下如何对其进行颜色调整效果的应用方法。 1.打开AI软件后,ctrl+n 键新建一个文档,用矩形工具绘制背景图层并为其进行...
  • 公文中,正文行间距标准是多少?标准答案为29.23磅,但实际使用时设置28.9磅为最优。我们来分析如何得来。一据《党政机关公文格式》 GB/9704-...5.2.2 字体字号如无特殊说明,公文格式各要素一般用 3 号仿宋体。...
  • 各位,你们要的细节来了,文字排版中的行高设置。目录1.字号的设置2.根据需求随意组合 3.英文的行高4.英文的行间距5.中文的行高6.中文的行间距7.行高的禁忌8....像14号的正文13号的注释,这种比...
  • 在编辑文档时发现在有英文的段落中,行间距与没有要英文的不同,如图: 方法/步骤2: 该如何解决呢?首先鼠标选中有英文的段落,或者CTRL+A全选: 方法/步骤3: 然后选中功能选项卡的开始选项卡,找到 【字体...
  • 更多精彩内容请关注我们我们在制作Word文档的时候经常会需要在文档中插入表格,但是Word文档中的表格经常居中不了,这其实是由于不同自己字体的默认行间距和段间距不同所造成的,下面详细介绍如何设置Word表格字体...
  • 在图4的“段落”对话框中,将“缩进”设为0,“特殊格式”设为无,“行距”设为单倍行距,“间距”段前段后都为0.5,“大纲级别”设为1级,“对齐方式”设为居中,然后点击“确定”按钮。 图3:字体对话框 图4...
  • 事情起因是这样的,小明在写论文的过程中,发现自己的文档的间距看起来比其他人的字符间距大,于是觉得奇怪,明明设置了一样的格式啊,设置38个字符,每页34,为什么小明写的文档字符间距看着比较大呢...
  • 但是,由于插入了图片,所以行间距变大,并且文字图片还不在同一水平上,应该如何让段落中的文字对齐图片的中间位置呢?图5‑63操作步骤1解决方案利用段落中“字符间的对齐方式”设置成“居中”,让段落中的文字...
  • 但是,由于插入了图片,所以行间距变大,并且文字图片还不在同一水平上,应该如何让段落中的文字对齐图片的中间位置呢?图5‑63操作步骤1解决方案利用段落中“字符间的对齐方式”设置成“居中”,让段落中的文字...
  • 下面就来介绍一下如何在Word里面设置行距。1.选中需要调整行距的目标文字。2.点击“行和段落间距”命令,在下拉菜单里面选中一个行距数值。然后就会在文字里面生效了。如果没有合适的选项,可以点击“行距选项”。...
  • 相对于ps自带字体设置面板麻烦与繁琐,我们为设计师群体开发出更高效,更好用的字体设置面板,简化了PS自带的字符面板里其他很少使用的选项,并且增加优化了设置方式,比如行间距改成以字体大小的倍数来进行设置等...
  • 一、如何调整Word文档中插入表格字体的间距  解答:选中单元格中的文字,点击菜单“格式”---->“段落”---->“行距”中设置。唯一的不同是直接右键不能设置段落格式。调整前后的效果如下图所示:   二、设置word...
  • 2.3Word2003段落设置1

    2013-06-13 08:42:58
    教学目标1、掌握段落的四种对齐方式四种缩进方式换行、分段、合并、分页操作2、掌握段落的八种行间距设置类型复习提问1、Word字体测试2、Word中的文字如何隐藏?如何显示隐藏文字?3、复制格式粘贴格式的...
  • 但因为标点符号的间距比较大,若这样进行排版,会特别影响版面的外观度,致使不好看,需要把标点符号与文字的间距缩小才,这时需要用到标点挤压工具。下面说下如何对标点符号进行标点挤压设置。 1. 选择窗口菜单下...

空空如也

空空如也

1 2 3 4
收藏数 77
精华内容 30
关键字:

如何设置字间距和行间距