最专业的八方代购网站源码!

资讯热点
请参阅设计规则

发布时间:2020-5-22 分类: 电商动态

中的文本布局一个好的设计作品是由多种元素组成的,所以在设计过程中,我们不仅要注意图片的设计,还要注意文字的排版。

“细节决定成败”,设计也是如此。

一个好的设计作品由各种元素组成,有些设计师倾向于重新成像,而忽略了文本的排版。但是,文本是最强大的表达形式,也是最强大的信息内容。

一个人看作品的视觉顺序应该是:从主题到图片,到作品的内容,再到各种细节。大多数主题以文本的形式更直观,作品的内容由一段文字说明。

读者的视线在文本上比图片更长,所以不要忽略文本的排版!

1.中文字体,西方排版和标点符号调整

在图片中,主题字体的选择通常决定了字体的整体风格,因此字体的选择和设计需要花费很多精力才能完成。

通常大约30%的时间是为主题字体设计保留的。如果你使用的时间非常不同,那么你必须好好看看你的设计。

这里讨论中文字体和西方字体(主要是英文字体)的原因是大多数设计师现在在选择用于文本排版的字体时使用中西文字体,但使用中文和西文字体。在设计开始时属性非常不同。如:文字,笔画,单词重量,间距,基线,字体大小等情况,所以你不能使用相同的字体。

在设计字体之前,每种类型的字体设计者经常在进行这些调整方面投入大量精力,因此字体在大多数排版情况下都保持良好的可读性和美观性。中文字体库通常不包括西方字体的设计,西方字体库甚至不太可能包含中文字体的设计。

即使它是,它也基本上不能令人满意,所以我们需要分别对待中西文字体,特别是考虑到西方字体中的衬线和防滑体与中文的匹配。

以下内容使用相同的中文字体:汉译堂诗。

以下第二段使用不同的中西文字体:汉衣唐唐简体,爱荷华旧风格,并调整字体大小,间距和基线。

大部分文本无法逐一筛选和调整。您可以将插图画家用于小文本,大型文本,例如:专辑,并使用专业排版软件设计。

这确实是一项非常艰苦的工作和引人注目的工作,并且indesign中的复合字体通常可以调整一次参数并将其应用于您想要应用的所有文本。这是一个非常有用的工具。

阿拉伯数字也属于西方字体。进行调整时,最好在文本中使用西方字体。标点符号是最容易被忽视的部分,但标点符号的使用有时会影响整体排版的美感。

以下内容是传统排版,注意单词之间标点符号的排版特征。

我个人更喜欢传统标点符号的排版,它在段落文本中垂直和水平居中,并且分割恰到好处。

我们简化文本的排版方式是:标点符号遵循之前的文本,背后有一个很大的差距,这使得视觉整体感觉不受干扰。

因此,可以通过利用传统标点符号和布局之间的平衡来调整解决方案。减少标点符号的字符间距,必要时调整标点符号的字体大小,以保持良好的视觉效果,每单位面积携带更多的文字内容。

以下第三段是我个人的建议。

在插画家中,你可以调整“ldquo;标点符号设置在文本段落中,设置为“ldquo;日语标点符号转换规则 - 半角度”

标点符号的问题是——避免每行中的第一个字符位置。

调整字体后,查看整体布局,或者您可以说段落调整。

这里推荐《写给大家看的设计书》,作者罗宾威廉姆斯,这本书涵盖了四个设计原则:亲密,对齐,重复,对比。

排版看起来很舒服的原因是因为设计师重新规划了大量文本,允许观众阅读订单以便根据大量信息中的重量来阅读订单。

设计师需要使用设计来指导读者的视觉运动,从哪里开始,遵循什么样的阅读路径,在哪里阅读,阅读内容后继续阅读的内容等等。整个过程必须有序有条不紊地

亲密关系

一些设计师在获得大量文本后,急于将它们放在图片中,忽略了它们的内容,错误地组合了一些不相关的内容,或者将应该组合在一起的内容分开。这可能会导致阅读理解上的错误。理解和消化文本内容是设计的开始,相关内容按组排列。

名片排版是最基本的,也是技能测试。让我们从一个简单的副本开始,研究出色的名片排版,最后用你的眼睛看你的工作!

以下未考虑亲密原则的排版,视觉平淡度没有关系。

以下是考虑亲密原则的布局,视觉水平更清晰。

2.对齐

对齐有三种类型:左对齐,中对齐和右对齐。

无序对齐可能使整个页面不可读,并且读者不知道要读取的顺序。然而,中心对齐方法不适用于大部分文本,因为没有统一的起始点,这使得阅读困难。如果您不想使用它,请尝试增加行间距以使阅读更容易。

在某些应用程序中,文本排列对齐,因此文本之间存在较大差距,这会极大地影响外观并应予以避免。

也不要在同一屏幕中使用太多对齐。

下面没有考虑对齐原理的布局,没有视觉焦点和顺序,读者“没有眼睛”。

以下是具有中心对齐方法的大型文本,红点是每个段的起点。这里的起点太过跳跃,并且段之间的间距太窄,使得读者难以找到每个段的读取起始点。

3.重复

统一的字体大小,行间距,颜色值,空间,线条,图形等,只要这个地方可以看作​​是重复的对象,就会使页面统一和集成。

一致性也使元素和元素联系起来,统一将使整个布局混乱。读者不知道谁和谁是这种关系。

简而言之,我们可以尽可能地统一!

以下不考虑重复原理,间距不一致,布局看起来粗糙不显眼。

4.比较

如果常规印版看起来与您想要表达的效果不匹配,请尝试相应地调整元素的大小,颜色和厚度。

这样做的好处不仅在于阅读的便利性,还在于图像元素的对比度,从而实现了良好的设计感。但一定要停止模棱两可的变化,无论大与小,小而小,不要浪费时间在16和14字,黑色和深灰色等小差异上。

以下强大的字体粗细和字体大小比较不仅可以区分主要和次要关系,还可以使图片产生强烈的影响。

其次,排版中还有一些问题需要注意

需要在中英文之间添加空格;

需要在中文和数字之间添加空格;

颜色和字体控制在三个或更少;

白空间和内容之间的平衡应该是平衡的;

考虑增加段之前或之后的距离(注意它不是Kick键),这将使读数更清晰;

避免在一行中只出现一个单词的情况。

三,文字类型标识排版

无论是中文还是西文,我们都必须强调字体的平衡。

高质量的文本类型标识源于许多因素:字体结构,字体重心,单词和单词之间的比例关系,字体间距的平衡,单词的重量等。

一个好的设计完全没有意识到你。它可以自然地向你表达内心的气质。它不需要刻意装饰,自然也就是那里。

下面是Prada标志,黑色是字面,红色是字,蓝色是字空白。

蓝色和红色部分保持高度互补的关系。所谓的阴阳平衡,整个徽标字体非常均衡,实现了完美的分布。如果只是将字体水平居中,则会使整体不平衡。此时不要相信计算机的对齐工具。

这种微妙的变化需要强大的排版技巧,这需要眼睛的设计,但不同于互联网人群中的“像​​素眼”。

左侧是下方的官方图标,右侧是水平分布的图标。

由于汉字的复杂性,我们必须注意设计中词,词和空白之间的关系。 (红色和蓝色部分之间的平衡关系)

四,图形排版

说到图形,不仅是单个元素,还有元素之间差异造成的不一致,您需要根据视觉平衡进行调整。

不仅字体的调整,而且字和文字占据的区域的平衡,图形的布局也需要平衡关系。

举个例子:我们通常看到的播放图标通常是一个三角形。三角形的左半部分占据更多空间,比右半部分重。如果根据计算机的居中模式进行对齐,将导致以下第一次显示效果,导致空间不平衡,这也是许多设计师经验不足所犯的错误。但是,有时回头看并且无法准确地找到这个问题,因为计算机是居中的。

具有一定经验的设计师将根据视觉平衡进行调整,使三角形的左右空间在视觉上平衡。

还有另一种情况,如下:右侧灰色和右侧圆圈也是100X100像素,顶部和底部侧面对齐,但视觉圆圈小于矩形,对齐目标更加矩形。从内心来说,必须使其越来越大,以确保视觉和矩形的统一。

图形的进一步扩展是LOGO的设计,它不仅要从美学的角度思考,还要考虑其深层含义。

五,后记

设计不仅存在于海报,专辑,电子屏幕等中,它始终存在于我们的生活中。

作为一名设计师,我经常以设计理念,工作项目的位置,衣服的搭配,电脑桌面文件的存档以及家居装饰的装饰来看世界。

我喜欢将相同功能的项目放在一起并对齐那些近似矩形的东西。实际上,这些是排版设计的另一种形式。这种设计形式也非常主观。从这些方面,人们可以看到一个人的生活状态。

每个人都是设计师,每天都在设计,但设计的对象是不同的。

本文由@NetEase UEDC发布,作为产品经理分发给每个人。未经作者许可,禁止转载

该地图来自Unsplash,基于CC0协议

« 不要更改代购源码网站修订版。了解这些知识并开始 | 如何查看开源程序使用的代购源码网站? »