UI平面设计技巧课件

V

平面学习资料分享V平面学习资料分享1平面构成1平面构成点是组成平面构成的基础要素。点可以是不同大小的；可以是不同疏密的；可以是不同虚实的。可以是整齐的点，也可以是随意排列的点。在一个画面上也可以有大小、疏密、虚实、整齐和随意对比的，对比就会产生韵律感。仅仅依靠点来构建画面时，我们会想方设法地让画面丰富，体会点的变化。1.点的构成平面构成点是组成平面构成的基础要素。点可以是不同大小的；可以是不同疏线有哪些呢？垂直线、水平线、斜线、曲线等。垂直和水平都会有稳定的感觉，斜线会更加有冲击力，曲线会感受更加柔和。由不同粗细、不同韵律的线条组合，作品将更加有视觉引导的效果。尝试只用线条构建一个画面，你会体会到不一样的视觉感受。2.线的构成平面构成线有哪些呢？垂直线、水平线、斜线、曲线等。垂直和水平都会有稳面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个词叫做“神圣几何”，我非常的喜欢。几何图形真的是很神奇的存在，几何形是可以用数学表达出来的，也是我们在初中时就开始学习的。比如三角形、圆形、矩形、正方形、椭圆等。这些几何形在视觉上是非常令人感觉舒适的，如果你在创作时没有灵感时，可以从几何形中寻求灵感。不规则形状其实也可以分解成不同的几何形的组合。3.面的构成平面构成面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个平面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发射构成形式、密集构成形式、对比构成形式、肌理构成形式等，如果平时您发现在工作中排版的图形能力比较差，那么建议您了解一下构成形式加以练习。平面构成的八种形式平面构成平面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发2排版的CRAP原则2排版的CRAP原则任何一个设计中都需要把各个元素分级分清主次，这样才能更好的抓住重点。你可以想象自己在管理着一部玛丽苏电视剧，这部剧中谁是主角？谁是女二号？谁是群演？主角需要独立的化妆间和助理；女二号可能只有一个助理；群演可能就是整个剧里的一个过客。我们的设计也是如此，哪个信息是主角？哪个信息是女二号？哪些元素又仅仅是群演呢？女主元素首先要站C位（网络流行词，来源center）霸占画面的中心，然后这个元素要尽量突出，可以使用更鲜艳的颜色、更夸张的字重、加边框等方式突出；女二号信息一定不要抢了女主信息的风头，所以要和女主元素有一定的对比，字号上也要小很多，尽量让用户第一眼看到主要元素。而群演的元素一定要淡化，仅仅让人感知有这些元素就可以了，比如文字可以缩小到刚刚能注意到，颜色可以是接近背景色等。那么如何让这些信息按照他们的身份来排版呢？我们就要用到CRAP原则了，CRAP是这四个原则的首字母缩写，分别是对比、重复、对其、亲密性四个原则。排版中的逻辑关系排版的CRAP原则任何一个设计中都需要把各个元素分级分清主次，这样才能更好的抓对比CONTRAST排版的CRAP原则在同一个视觉区域内的逻辑不同的元素应该有所区别，避免视觉上相似。这样就可以有效地区分谁是主角谁是配角了。为了让主要元素更突出，让次要元素更后退，我们可以尽量使它们的颜色、字体、大小、留白不同。如果两个元素不尽相同，请让它们截然不同。比如如果你想使用12px的正文与14px的标题区分明显，不如用12px与40px进行区分反差更大，更容易区分哪个内容是需要优先浏览的、哪个内容是次要的。对比的方式有以下几种：对比CONTRAST排版的CRAP原则在同一个视觉区域内的排版的CRAP原则①色彩对比②大小对比排版的CRAP原则①色彩对比重复REPETITION排版的CRAP原则如果相同的内容（如标题等）属于同一个逻辑，可使它们的颜色、字体、大小、留白保持相同。这样可以增加条理性和加强设计的统一性。这个原则看似简单，但是新手很容易犯这个问题，所以再次提醒，一个级别的信息尽量使用一种设计来保持用户的认知，避免用户认为是另一种信息分类。这就是重复原则。在一个属性或逻辑单元里的内容应该尽可能地使用重复的颜色、大小、间距。我们来看，一个注册页面可含有：注册、登录、忘记密码、跳过等内容。如果我们把登录页面分为四个属性，那么可能我们需要四种字体或四个不同的区域。但如果我们把它们分为两类呢？注册和其他。那么同一个分类就可以重复使用一种字体了。看上去就不会很乱了。在重复原则下，用户会因为视觉惯性变成寻找线索的“僵尸”，会根据线索而顺畅地浏览下去。重复REPETITION排版的CRAP原则如果相同的内容（排版的CRAP原则排版的CRAP原则对齐ALIGNMENT排版的CRAP原则任何内容在版面上都尽量应该上下左右对齐。随意摆放绝对是错误的。这一点一定要和大家多次强调，比如一个元素上下左右的间距都要是一样的。大家看到网页和app设计之中经常会有间距和留白，留白和对齐都是我们在设计时需要考量的，留白不是随意的。对齐ALIGNMENT排版的CRAP原则任何内容在版面上都亲密性PROXIMITY排版的CRAP原则在逻辑上有关系的两个元素应该尽量放在一起。两个视觉元素在一起就会变成一个视觉单元。比如注册页面中的登录视觉单元是由输入表单和登录按钮组成的。相同的内容，如小标题等，属于同一个逻辑。可使它们的颜色、字体、大小、留白保持相同，这样可以增加条理性和加强设计的统一性。

亲密性PROXIMITY排版的CRAP原则在逻辑上有关系的3文字排版准则3文字排版准则字体的选择并不是一个随机过程。仅仅通过搜索你的字库选择喜欢的字体，很少能得到一个满意的结果。这是因为用户的心理更倾向于有特定意义的字体样式。在设计过程中，你应当确保你的字体样式符合用户使用习惯。这不仅仅意味着你选择的字体是经过完美设计的，更要保证你设计中使用的字体是符合市场营销需要的。你不会将精心设计的彩色字体应用于一本律师事务所的小册子，对么？其实它更适合用于生日宴会请帖的设计。1.注意字体表达的含义文字排版准则字体的选择并不是一个随机过程。仅仅通过搜索你的字库选择喜欢的草率的字间距调整是设计工作中的大忌。不用多说，这个关键的技能你应该尽快搞定。字体间距微调整可以使人物角色到产品的转变更合理，更统一。这听起来好像不那么重要，但是一个优秀的字间距调整工作可以成就一个完全不同的设计。字间距调整的主要目标是确保每个字符之间的空间美学，创建优美的文本序列。同时，就像AdobeIllustrator之类的软件只能提供字间距调整过程中自动修复错误的功能。这些错误往往是很微小不易察觉的，尤其是在长句子或段落中。但是对于标题或者标志来说，一个糟糕的字间距调整可以瞬间毁掉整个设计作品。2.理解字间距文字排版准则3.限制字体使用的种类设计师在进行字体排版设计过程中，尤其是新手设计师，常见的错误是使用太多的字体和设计风格。如果你需要使用不止一种字体，一定要限制你的字体在两到三种以内。使用一种字型和大小用在设计主体，一种字体用于标题，另外一种用于副标题。不要在字库中选择字体时犹豫不决，只要确保字体之间是紧密关联的。使用两种非常相近的字体可能会是一个错误的选择。有些人会认为你不够仔细，粗心使用了错误的字体。

草率的字间距调整是设计工作中的大忌。不用多说，这个关键的技能对齐在字体排版设计中是一个必须掌握的技能。许多非专业设计师倾向于居中对齐原则，同时认为是合理的，这样就导致文本段落难以阅读。如果你已经开始使用文本处理软件，证明你已经熟悉了四个关键对齐原则：左对齐、居中对齐、右对齐和整体对齐原则。左对齐，是排版设计中最常见的方式，也是阅读最舒服的对齐方式之一。右对齐，只有在文本排列合理的情况下才能使用。整体对齐是设计师忌讳的一种对齐方式。左对齐和右对齐都要小心参差不齐的参考线。这些线在居中对齐使用不当的情况下也非常明显。如果你的文章排版中间显得特别“臃肿”，试着调整参考线的长度。4.练习正确的对齐方法文字排版准则对齐在字体排版设计中是一个必须掌握的技能。许多非专业设计师倾排版设计中视觉层次结构的加入，是为了突显某些重要内容而做的设计技巧。因此，你在设计过程中，创建和移动内容时需要以用户接受信息的难易程度为依据。通过视觉层次结构来引导用户关注相关内容。如果不使用视觉层次结构排版准则，用户在识别重要信息的时候将非常困难。5.加入视觉层次感文字排版准则排版设计中视觉层次结构的加入，是为了突显某些重要内容而做的设了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素之间保持逻辑和视觉上的和谐统一。这样可以保证设计整体的凝聚力和关联性。正如前面所言，你不必在每次创建元素时都使用网格。然而，如果你了解如何使用网格，它会在排版设计中为你带来很多好处。6.使用网格设计文字排版准则了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素合理的字型搭配可以让整个作品更加引人注目。又一次说明，同时使用太多的字体会造成整个作品没有重心。多个字体的使用会令用户迷茫，不知道哪个才是最重要的。通常情况下，你应该只使用三个字体进行设计。分别应用于：标题、小标题和正文文字。如果你的设计文字太长，最终效果就会大打折扣。在这种情况下，你可以选择使用一个或两个字型。7.巧妙的字型搭配练习文字排版准则合理的字型搭配可以让整个作品更加引人注目。又一次说明，同时使良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个大标题和一个小标题的时候，使用两种不同的字型进行互补搭配，建立视觉层次感。在保证整体设计的统一情况下，使用第二个字体必须同样引人注目。8.选择一个优秀的二级字体搭配文字排版准则良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个排版测量主要用于计算文本块的宽度。网页设计中排版测量尤为重要。并不是所有字体的宽度是一样的，这意味着在网页设计中使用不同的字体时，要考虑字型来适应不同的空间大小。一个字符的高度被称为它的“X坐标。”当你对字体搭配选择时，确保它们有相同的“X坐标。”一个字符的宽度被称为“设置宽度。”这就组成了整个字体部分，包括字体背后的空间大小。“点数”通常被用于测量字体大小。10.学会排版测量文字排版准则不论你怎样设计，都要确保人们可以很容易读到你的信息。这意味着，在深色背景上，使用黑色文字是一大禁忌。更要注意的是，避免在高对比度图像上使用小字体。你可以做出一个令人惊艳的设计效果，但是如果你的文字难以阅读，所有的努力都将是徒劳的。11.优先考虑可读性排版测量主要用于计算文本块的宽度。网页设计中排版测量尤为重要色彩是一个设计师最有力的工具之一。这就需要你精心设置一套配色方案完成设计。当字体面板和配色方案放在一起使用时，深入研究色彩理论确定适合你设计风格的正确颜色。例如,橙色通常被认为是增加食欲的色彩,这就说明为什么橙色广泛应用于快餐设计中。色彩的选择具有具体的规则和指导方向。虽然突破传统思维，多次尝试可以产生一个独一无二的酷炫设计风格，但是要确保字体颜色的选择不要太分散，那样会使设计所传达信息非常混乱。12.明智选择字体颜色文字排版准则色彩是一个设计师最有力的工具之一。这就需要你精心设置一套配色文字排版准则把你的设计内容应用到下一个层级，是为了识别和找出“半行文本”和“溢出文本”。对于“半行文本”排版设计，是整个段落的一部分，但是已经转移到下一列。“溢出文本”的问题与“半行文本”类似，只是有一个词语转到下一个段落里。在任何文本排版设计中，遇到文字居中排列时，“半行文本”和“溢出文本”是不可避免的，所以你必须知道如何正确地处理这些问题。这里有几种方法来管理“半行文本”和“溢出文本”。你可以用设计手册的文本编辑工具，修改线条的长度来解决这个问题。还可以通过调整文本框或列大小,使周围的边框大小来适应“半行文本”和“溢出文本”的排版设计。13.掌握“半行文本”和“溢出文本”的排版方法文字排版准则把你的设计内容应用到下一个层级，是为了识别和找出文字排版准则这是一个非常简单的规则，也是很多设计师经常会忽视的一点。一般来讲，创建字体过程中，需要以一丝不苟的态度考虑细节问题（字体形状和字型大小），拉伸字体会使整个设计失去效率和价值。通常情况下，设计师拉伸字体的原因是想要字体更高或更宽。有一个不让字体变形的方法是，你可以从不断更新的字体网站上选择或更高或更宽的字体。有些字体是需要付费的，其他的都是免费字体。14.避免拉伸字体文字排版准则这是一个非常简单的规则，也是很多设计师经常会忽视文字排版准则留白是独特而且有价值的工具，可以使你的设计更加独特。巧妙利用留白可以产生一些独特的效果。它有助于用户把更多的注意力放在一个特定部分。留白可以使设计具有呼吸感。各个设计模块之间更加稳定。它增加了设计的复杂性，同时也使设计更容易被用户理解和接受。留白虽然没有添加任何新元素，但是留白设计可以表达多种含义。假设你在设计一个消除噪音的耳机海报。只需要将耳机呈现在画布上，不需要任何额外的元素，利用留白突出产品的特点。留白让耳机是海报中唯一的焦点。更重要的是，留白的加入解释了耳机是如何消除外界噪音的，因为没有添加任何其他元素。15.请记住，留白的空间是存在的文字排版准则留白是独特而且有价值的工具，可以使你的设计更加独4技巧与细节4技巧与细节技巧与细节技巧与细节是基于作品细节元素创作的。作品的元素包括字体、素材、肌理、图片与原创图形等，关于技巧与细节，主要有以下四个方面：①重复“重复”就是把素材多次使用。例如我设计了一些圆点、方点或者其他素材，在同一个作品中重复使用了很多次，这就是“重复”。重复可以是完全重复，例如我复制许多个相同的圆点，在不同的位置中使用，也有近似重复，例如一个圆点旁边有一个方点，然后又是一个圆点和一个方点；还有系列重复，例如有太阳、旁边是月亮，然后有星星等。技巧与细节技巧与细节是基于作品细节元素创作的。作品的元素包括技巧与细节②叠加叠加是有“加”也有“减”的，“加”就是ABC等多个元素合并在一起变成另外一个元素D，“减”就是元素A和元素B相减变成元素C。你可以把叠加看作是为了画面平衡而将各种元素进行“加”或“减”的操作。*这里讲述的叠加是技巧，与设计软件中的叠加交集、差集技能并无直接关系。技巧与细节②叠加叠加是有“加”也有“减”的，“加”就是AB技巧与细节③元素与肌理肌理也是元素的一种，一般情况下肌理用作装饰性为主。关于元素与肌理的收集，请看我的原创作品《纯干货：如何建立自身的设计系统》。无论是元素还是肌理，都可以通过“重复”与“叠加”，形成新的元素与新的肌理。所有的技巧与细节都是可以灵活运用的。但是无论是进行怎样的操作，都需要基于方块的整体“平衡”，否则，如果只是每个局部都做得很漂亮，但从整体上看平衡失调的话，那就是一幅不合格的作品了。技巧与细节③元素与肌理肌理也是元素的一种，一般情况下肌理用作技巧与细节④破局“破局”是很容易理解的，例如我在很多圆点重复的画面上加了一个方形，这就是“破局”，如果是在LOGO中出现不一致的元素，它就很有可能成为“破局”的关键了。在做电商的作品中（例如是化妆品吧），通过放大化妆品的局部细节，将某一个面呈现出来，让整个画面变得有趣，这也是一个破局的方法。在元素中利用“渐变”突出效果，令画面出现一点不同，也会形成一个破局。破局的方法有很多，这里我就不一一列举了，主要还是看大家多看多练。技巧与细节④破局“破局”是很容易理解的，例如我在很多圆点重复V

平面学习资料分享V平面学习资料分享1平面构成1平面构成点是组成平面构成的基础要素。点可以是不同大小的；可以是不同疏密的；可以是不同虚实的。可以是整齐的点，也可以是随意排列的点。在一个画面上也可以有大小、疏密、虚实、整齐和随意对比的，对比就会产生韵律感。仅仅依靠点来构建画面时，我们会想方设法地让画面丰富，体会点的变化。1.点的构成平面构成点是组成平面构成的基础要素。点可以是不同大小的；可以是不同疏线有哪些呢？垂直线、水平线、斜线、曲线等。垂直和水平都会有稳定的感觉，斜线会更加有冲击力，曲线会感受更加柔和。由不同粗细、不同韵律的线条组合，作品将更加有视觉引导的效果。尝试只用线条构建一个画面，你会体会到不一样的视觉感受。2.线的构成平面构成线有哪些呢？垂直线、水平线、斜线、曲线等。垂直和水平都会有稳面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个词叫做“神圣几何”，我非常的喜欢。几何图形真的是很神奇的存在，几何形是可以用数学表达出来的，也是我们在初中时就开始学习的。比如三角形、圆形、矩形、正方形、椭圆等。这些几何形在视觉上是非常令人感觉舒适的，如果你在创作时没有灵感时，可以从几何形中寻求灵感。不规则形状其实也可以分解成不同的几何形的组合。3.面的构成平面构成面的种类有不规则形状和几何形状两种。在《纪念碑谷》游戏中有个平面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发射构成形式、密集构成形式、对比构成形式、肌理构成形式等，如果平时您发现在工作中排版的图形能力比较差，那么建议您了解一下构成形式加以练习。平面构成的八种形式平面构成平面构成的形式有重复构成形式、近似构成形式、渐变构成形式、发2排版的CRAP原则2排版的CRAP原则任何一个设计中都需要把各个元素分级分清主次，这样才能更好的抓住重点。你可以想象自己在管理着一部玛丽苏电视剧，这部剧中谁是主角？谁是女二号？谁是群演？主角需要独立的化妆间和助理；女二号可能只有一个助理；群演可能就是整个剧里的一个过客。我们的设计也是如此，哪个信息是主角？哪个信息是女二号？哪些元素又仅仅是群演呢？女主元素首先要站C位（网络流行词，来源center）霸占画面的中心，然后这个元素要尽量突出，可以使用更鲜艳的颜色、更夸张的字重、加边框等方式突出；女二号信息一定不要抢了女主信息的风头，所以要和女主元素有一定的对比，字号上也要小很多，尽量让用户第一眼看到主要元素。而群演的元素一定要淡化，仅仅让人感知有这些元素就可以了，比如文字可以缩小到刚刚能注意到，颜色可以是接近背景色等。那么如何让这些信息按照他们的身份来排版呢？我们就要用到CRAP原则了，CRAP是这四个原则的首字母缩写，分别是对比、重复、对其、亲密性四个原则。排版中的逻辑关系排版的CRAP原则任何一个设计中都需要把各个元素分级分清主次，这样才能更好的抓对比CONTRAST排版的CRAP原则在同一个视觉区域内的逻辑不同的元素应该有所区别，避免视觉上相似。这样就可以有效地区分谁是主角谁是配角了。为了让主要元素更突出，让次要元素更后退，我们可以尽量使它们的颜色、字体、大小、留白不同。如果两个元素不尽相同，请让它们截然不同。比如如果你想使用12px的正文与14px的标题区分明显，不如用12px与40px进行区分反差更大，更容易区分哪个内容是需要优先浏览的、哪个内容是次要的。对比的方式有以下几种：对比CONTRAST排版的CRAP原则在同一个视觉区域内的排版的CRAP原则①色彩对比②大小对比排版的CRAP原则①色彩对比重复REPETITION排版的CRAP原则如果相同的内容（如标题等）属于同一个逻辑，可使它们的颜色、字体、大小、留白保持相同。这样可以增加条理性和加强设计的统一性。这个原则看似简单，但是新手很容易犯这个问题，所以再次提醒，一个级别的信息尽量使用一种设计来保持用户的认知，避免用户认为是另一种信息分类。这就是重复原则。在一个属性或逻辑单元里的内容应该尽可能地使用重复的颜色、大小、间距。我们来看，一个注册页面可含有：注册、登录、忘记密码、跳过等内容。如果我们把登录页面分为四个属性，那么可能我们需要四种字体或四个不同的区域。但如果我们把它们分为两类呢？注册和其他。那么同一个分类就可以重复使用一种字体了。看上去就不会很乱了。在重复原则下，用户会因为视觉惯性变成寻找线索的“僵尸”，会根据线索而顺畅地浏览下去。重复REPETITION排版的CRAP原则如果相同的内容（排版的CRAP原则排版的CRAP原则对齐ALIGNMENT排版的CRAP原则任何内容在版面上都尽量应该上下左右对齐。随意摆放绝对是错误的。这一点一定要和大家多次强调，比如一个元素上下左右的间距都要是一样的。大家看到网页和app设计之中经常会有间距和留白，留白和对齐都是我们在设计时需要考量的，留白不是随意的。对齐ALIGNMENT排版的CRAP原则任何内容在版面上都亲密性PROXIMITY排版的CRAP原则在逻辑上有关系的两个元素应该尽量放在一起。两个视觉元素在一起就会变成一个视觉单元。比如注册页面中的登录视觉单元是由输入表单和登录按钮组成的。相同的内容，如小标题等，属于同一个逻辑。可使它们的颜色、字体、大小、留白保持相同，这样可以增加条理性和加强设计的统一性。

亲密性PROXIMITY排版的CRAP原则在逻辑上有关系的3文字排版准则3文字排版准则字体的选择并不是一个随机过程。仅仅通过搜索你的字库选择喜欢的字体，很少能得到一个满意的结果。这是因为用户的心理更倾向于有特定意义的字体样式。在设计过程中，你应当确保你的字体样式符合用户使用习惯。这不仅仅意味着你选择的字体是经过完美设计的，更要保证你设计中使用的字体是符合市场营销需要的。你不会将精心设计的彩色字体应用于一本律师事务所的小册子，对么？其实它更适合用于生日宴会请帖的设计。1.注意字体表达的含义文字排版准则字体的选择并不是一个随机过程。仅仅通过搜索你的字库选择喜欢的草率的字间距调整是设计工作中的大忌。不用多说，这个关键的技能你应该尽快搞定。字体间距微调整可以使人物角色到产品的转变更合理，更统一。这听起来好像不那么重要，但是一个优秀的字间距调整工作可以成就一个完全不同的设计。字间距调整的主要目标是确保每个字符之间的空间美学，创建优美的文本序列。同时，就像AdobeIllustrator之类的软件只能提供字间距调整过程中自动修复错误的功能。这些错误往往是很微小不易察觉的，尤其是在长句子或段落中。但是对于标题或者标志来说，一个糟糕的字间距调整可以瞬间毁掉整个设计作品。2.理解字间距文字排版准则3.限制字体使用的种类设计师在进行字体排版设计过程中，尤其是新手设计师，常见的错误是使用太多的字体和设计风格。如果你需要使用不止一种字体，一定要限制你的字体在两到三种以内。使用一种字型和大小用在设计主体，一种字体用于标题，另外一种用于副标题。不要在字库中选择字体时犹豫不决，只要确保字体之间是紧密关联的。使用两种非常相近的字体可能会是一个错误的选择。有些人会认为你不够仔细，粗心使用了错误的字体。

草率的字间距调整是设计工作中的大忌。不用多说，这个关键的技能对齐在字体排版设计中是一个必须掌握的技能。许多非专业设计师倾向于居中对齐原则，同时认为是合理的，这样就导致文本段落难以阅读。如果你已经开始使用文本处理软件，证明你已经熟悉了四个关键对齐原则：左对齐、居中对齐、右对齐和整体对齐原则。左对齐，是排版设计中最常见的方式，也是阅读最舒服的对齐方式之一。右对齐，只有在文本排列合理的情况下才能使用。整体对齐是设计师忌讳的一种对齐方式。左对齐和右对齐都要小心参差不齐的参考线。这些线在居中对齐使用不当的情况下也非常明显。如果你的文章排版中间显得特别“臃肿”，试着调整参考线的长度。4.练习正确的对齐方法文字排版准则对齐在字体排版设计中是一个必须掌握的技能。许多非专业设计师倾排版设计中视觉层次结构的加入，是为了突显某些重要内容而做的设计技巧。因此，你在设计过程中，创建和移动内容时需要以用户接受信息的难易程度为依据。通过视觉层次结构来引导用户关注相关内容。如果不使用视觉层次结构排版准则，用户在识别重要信息的时候将非常困难。5.加入视觉层次感文字排版准则排版设计中视觉层次结构的加入，是为了突显某些重要内容而做的设了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素之间保持逻辑和视觉上的和谐统一。这样可以保证设计整体的凝聚力和关联性。正如前面所言，你不必在每次创建元素时都使用网格。然而，如果你了解如何使用网格，它会在排版设计中为你带来很多好处。6.使用网格设计文字排版准则了解和使用网格进行排版设计是至关重要的。它可以确保页面中元素合理的字型搭配可以让整个作品更加引人注目。又一次说明，同时使用太多的字体会造成整个作品没有重心。多个字体的使用会令用户迷茫，不知道哪个才是最重要的。通常情况下，你应该只使用三个字体进行设计。分别应用于：标题、小标题和正文文字。如果你的设计文字太长，最终效果就会大打折扣。在这种情况下，你可以选择使用一个或两个字型。7.巧妙的字型搭配练习文字排版准则合理的字型搭配可以让整个作品更加引人注目。又一次说明，同时使良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个大标题和一个小标题的时候，使用两种不同的字型进行互补搭配，建立视觉层次感。在保证整体设计的统一情况下，使用第二个字体必须同样引人注目。8.选择一个优秀的二级字体搭配文字排版准则良好的字体搭配对于提升设计可读性非常重要。当一个文档中有一个排版测量主要用于计算文本块的宽度。网页设计中排版测量尤为重要。并不是所有字体的宽度是一样的，这意味着在网页设计中使用不同的字体时，要考虑字型来适应不同的空间大小。一个字符的高度被称为它的“X坐标。”当你对字体搭配选择时，确保它们有相同的“X坐标。”一个字符的宽度被称为“设置宽度。”这就组成了整个字体部分，包括字体背后的空间大小。“点数”通常被用于测量字体大小。10.学会排版测量文字排版准则不论你怎样设计，都要确保人们可以很容易读到你的信息。这意味着，在深色背景上，使用黑色文字是一大禁忌。更要注意的是，避免在高对比度图像上使用小字体。你可以做出一个令人惊艳的设计效果，但是如果你的文字难以阅读，所有的努力都将是徒劳的。11.优先考虑可读性排版测量主要用于计算文本块的宽度。网页设计中排版测量尤为重要色彩是一个设计师最有力的工具之一。这就需要你精心设置一套配色方案完成设计。当字体面板和配色方案放在一起使用时，深入研究色彩理论确定适合你设计风格的正确颜色。例如,橙色通常被认为是增加食欲的色彩,这就说明为什么橙色广泛应用于快餐设计中。色彩的选择具有具体的规则和指导方向。虽然突破传统思维，多次尝试可以产生一个独一无二的酷炫设计风格，但是要确保字体颜色的选择不要太分散，那样会使设计所传达信息非常混乱。12.明智选择字体颜色文字排版准则色彩是一个设计师最有力的工具之一。这就需要你精心设置一套配色文字排版准则把你的设计内容应用到下一个层级，是为了识别和找出“半行文本”和“溢出文本”。对于“半行文本”排版设计，是整个段落的一部分，但是已经转移到下一列。“溢出文本”的问题与“半行文本”类似，只是有一个词语转到下一个段落里。在任何文本排版设计中，遇到文字居中排列时，“半行文本”和“溢出文本”是不可避免的，所以你必须知道如何正确地处理这些问题。这里有几种方法来管理“半行文本”和“溢出文本”。你可以用设计手册的文本编辑工具，修改线条的长度来解决这个问题。还可以通过调整文本框或列大小,使周围的边框大小来适应“半行文本”和“溢出文本”的排版设计。13.掌握“半行文本”和“溢出文本”的排版方法文字排版准则把你的设计内容应用到下一个层级，是为了识别和找出文字排版准则这是一个非常简单的规则，也是很多设计师经常会忽视的一点。一般来讲，创建字体过程中，需要以一丝不苟的态度考虑细节问题（字体形状和字型大小），拉伸字体会使整个设计失去效率和价值。通常情况下，设计师拉伸字体的原因是想要字体更高或更宽。有一个不让字体变形的方法是，你可以从不断更新的字体网站上