当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

文字排版,二十个文字排版技巧教程(2)

来源:站酷 作者:Norman_HU 学习:47133人次

文字排版,二十个文字排版技巧教程_www.16xx8.com


7. 使用网格设计

了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素之间保持逻辑和视觉上的和谐统一。这样可以保证设计整体的凝聚力和关联性。

正如前面所言,你不必在每次创建元素时都使用网格。然而,如果你了解如何使用网格,它会在排版设计中为你带来很多好处。

文字排版,二十个文字排版技巧教程_www.16xx8.com


8. 巧妙的字型搭配练习

合理的字型搭配可以让整个作品更加引人注目。又一次说明,同时使用太多的字体会造成整个作品没有重心。多个字体的使用会令用户迷茫,不知道哪个才是最重要的。

通常情况下,你应该只使用三个字体进行设计。分别应用于:标题、小标题和正文文字。如果你的设计文字太长,最终效果就会大打折扣。在这种情况下,你可以选择使用一个或两个字型。

9.选择一个优秀的二级字体搭配

良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个大标题和一个小标题的时候,使用两种不同的字型进行互补搭配,建立视觉层次感。在保证整体设计的统一情况下,使用第二个字体必须同样引人注目。

文字排版,二十个文字排版技巧教程_www.16xx8.com



10.学会排版测量

排版测量主要用于计算文本块的宽度。网页设计中排版测量尤为重要。并不是所有字体的宽度是一样的,这意味着在网页设计中使用不同的字体时,要考虑字型来适应不同的空间大小。

一个字符的高度被称为它的“X坐标。”当你对字体搭配选择时,确保它们有相同的“X坐标。” 一个字符的宽度被称为“设置宽度。”这就组成了整个字体部分,包括字体背后的空间大小。“点数”通常被用于测量字体大小。

11.优先考虑可读性

不论你怎样设计,都要确保人们可以很容易读到你的信息。这意味着,在深色背景上,使用黑色文字是一大禁忌。更要注意的是,避免在高对比度图像上使用小字体。你可以做出一个令人惊艳的设计效果,但是如果你的文字难以阅读,所有的努力都将是徒劳的。

12.明智选择字体颜色

色彩是一个设计师最有力的工具之一。这就需要你精心设置一套配色方案完成设计。

当字体面板和配色方案放在一起使用时,深入研究色彩理论确定适合你设计风格的正确颜色。例如,橙色通常被认为是增加食欲的色彩,这就说明为什么橙色广泛应用于快餐设计中。

色彩的选择具有具体的规则和指导方向。虽然突破传统思维,多次尝试可以产生一个独一无二的酷炫设计风格,但是要确保字体颜色的选择不要太分散,那样会使设计所传达信息非常混乱。

13.掌握“半行文本”和“溢出文本”的排版方法

把你的设计内容应用到下一个层级,是为了识别和找出“半行文本”和“溢出文本”。对于“半行文本”排版设计,是整个段落的一部分,但是已经转移到下一列。“溢出文本”的问题与“半行文本”类似,只是有一个词语转到下一个段落里。在任何文本排版设计中,遇到文字居中排列时, “半行文本”和“溢出文本”是不可避免的,所以你必须知道如何正确地处理这些问题。

这里有几种方法来管理“半行文本”和“溢出文本”。你可以用设计手册的文本编辑工具,修改线条的长度来解决这个问题。还可以通过调整文本框或列大小,使周围的边框大小来适应“半行文本”和“溢出文本”的排版设计。

14.避免拉伸字体

这是一个非常简单的规则,也是很多设计师经常会忽视的一点。一般来讲,创建字体过程中,需要以一丝不苟的态度考虑细节问题(字体形状和字型大小),拉伸字体会使整个设计失去效率和价值。

通常情况下,设计师拉伸字体的原因是想要字体更高或更宽。有一个不让字体变形的方法是,你可以从不断更新的字体网站上选择或更高或更宽的字体。有些字体是需要付费的,其他的都是免费字体。

15.请记住,留白的空间是存在的。

留白是独特而且有价值的工具,可以使你的设计更加独特。巧妙利用留白可以产生一些独特的效果。它有助于用户把更多的注意力放在一个特定部分。留白可以使设计具有呼吸感。各个设计模块之间更加稳定。它增加了设计的复杂性,同时也使设计更容易被用户理解和接受。

留白虽然没有添加任何新元素,但是留白设计可以表达多种含义。假设你在设计一个消除噪音的耳机海报。只需要将耳机呈现在画布上,不需要任何额外的元素,利用留白突出产品的特点。留白让耳机是海报中唯一的焦点。更重要的是,留白的加入解释了耳机是如何消除外界噪音的,因为没有添加任何其他元素。

文字排版,二十个文字排版技巧教程_www.16xx8.com


16.把排版当作艺术

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
_cPF33C2019-01-28 11:38
顶起
米罗米罗2017-03-17 05:36
那除了PS,做设计时其他需要用到的软件,比如AI啊什么的,有免费的安装包吗
photoshop2017-03-15 03:41
到这里看看:http://blog.sina.com.cn/s/blog_5ffb33dc0101c72g.html
米罗米罗2017-03-14 06:13
那Adobe那些如软件是必须购买的,哪些是可以绕过的呢?作为一个设计小白,还有很多要请教的啊,比如有哪些经常用到的软件啊?

关注大神微博加入>>

网友求助,请回答!