文字排版的四项原则是什么?
四大原则:1、亲密性原则;如果元素之间是有关系的,那么他们应该在视觉上也相关。2、对齐原则;项目中的每一个元素都要确保和其它元素具有某种对齐关系。3、重复原则;设计元素要学会复用,让设计更有统一性和一致性,强化用户的使用印象。3、对比原则。
文字排版是一个设计师的基本功,它决定了整个页面的风格倾向,也是最能体现设计细节的地方。
文字排版的四大原则
原则一:亲密性
如果元素之间是有关系的,那么他们应该在视觉上也相关。
如果内容之间是相关的,或者理解的意思上是存在关联的,那么在排版的时候就应该让他们彼此靠近。就像我们参加聚会总会找自己比较熟悉的人一起一样,相关性强的要在视觉上距离较近。
▲你会很容易发现红框中的元素是彼此相关的,因为他们靠得很近。你不会认为红框中的内容是和左边的大图相关。
▲我们可以很容易分辨图片底下的文字和图片是相关的,只看图片就可以猜想到它们在表达相同的信息,而且很轻松能够知道,标题和它旁边的内容文字是对应的。
原则二:对齐
▲对齐分为:左对齐、居中对齐、右对齐。
a、对于大段的文字,一个页面不要出现多种对齐方式,那样会显得页面很乱,没有规律可循。最好只使用一种对齐方式(全部左对齐、全部右对齐、或全部居中对齐)。但通常情况下不会使用居中对齐,除非你对版式设计已经非常娴熟。而对于只有一行的文字信息,排版可以灵活一些,寻找一个参考进行对齐。
▲左对齐的排版,在页面中显得非常规整、简洁,视觉上也很舒服。而对于只有一行显示的大标题,可以根据版面进行灵活调整,但也不是没有章法,和页面中的元素依然保持了对齐的关系。
▲如果一定要用居中对齐,那么将整段的文字看作一个整体(如图中红框),整体再进行左对齐或者右对齐。这样依然可以保持画面的统一性和协调性。
b、项目中的每一个元素都要确保和其它元素具有某种对齐关系。就像人不能脱离社会而生活,页面中的元素也不能脱离页面而存在,每个元素和其它元素之间都要存在某种对齐关系。
▲看似随意摆放的文字,也与其他元素有一定的对齐关系。
需要注意的是:很多设计师刚开始设计的时候,为了突出主题,正文使用左对齐,而对应的标题往往使用居中对齐,这里是错误的,和内文直接相关的标题一定要避免与内文采用不同的对齐方式!
▲知道了规则之后,也可以学着打破规则(如红框),如果页面中的对齐显得太刻意,可以适当打破这种呆板的感觉。即使是打破常规,也应有理有据,灵活运用。
原则三:重复
设计元素要学会复用,让设计更有统一性和一致性,强化用户的使用印象,同时也有利于设计师提高效率。
可以复用的元素有很多:字体、颜色、留白、符号、版式、线条...,复用的元素不一定完全一致,但一定存在某种联系,这里跟模块化设计思维有异曲同工之处。
(试着找一下右图中有哪些元素是复用的)
▲但要注意,一个元素不要太多地进行重复,比如你一个页面全部用一个颜色的文字或色块,会很难找到重点在哪里,如果只用一种主色,页面也未免显得太过单调无聊。要学会变换着使用这一原则。
原则四:对比
对比会让页面更具吸引力,避免元素太过相似,同时拉开视觉层级,制造焦点。常见对比:大小对比、颜色对比、疏密对比、文字和留白对比、虚实对比,粗细对比等。
a、对比的重点是一定要大胆强烈!千万不要畏畏缩缩!不要拿28px的文字和29px的文字进行对比,大小太过相似。文字要增加对比最好以4的倍数递增,一般增加4的2倍,也就是8px为佳。现在很多APP使用的是流行的大标题,可以适当大一些,增加视觉对比。
▲不完全相同的元素就要有对比效果,既然要对比就要让它们截然不同,做到一目了然降低用户筛选信息的成本。
b、不要害怕让一些项很小,这样不仅便于与其他项形成对比,也能有更大的留白空间突出重点内容。如果读者不感兴趣,你字放多大他都不会去看,如果他感兴趣,你字很小也会去阅读,设计中经常会遇到客户让我们把字体再大点,logo再大点,就怕别人看不到,搞得很多设计师苦恼又没办法,以后就直接拿这项原则砸过去,有理有据。(不过实在不行该怂还得怂,毕竟饭碗比较重要)
tips:
除非是标题或装饰性文字,否则不要使用特殊字体,要保证内容的清晰易读。特别是大段的文字要尽量使用基础的字体,比如黑体或者宋体,这样阅读起来才不会费劲。
更多相关知识,请访问:PHP中文网!
以上就是文字排版的四大原则是什么?的详细内容,更多请关注php中文网其它相关文章!
上一篇: 让爱不再流浪可爱的白米成功加入网易,成为《世界》的新策划!
下一篇: 如何增加纳萨里克国王的密度
推荐阅读
-
应用程序软件开发的可用性原则是什么?
-
纯干货分享 | 研发效能提升——敏捷需求篇-而敏捷需求是提升效能的方式中不可或缺的模块之一。 云智慧的敏捷教练——Iris Xu近期在公司做了一场分享,主题为「敏捷需求挖掘和组织方法,交付更高业务价值的产品」。Iris具有丰富的团队敏捷转型实施经验,完成了企业多个团队从传统模式到敏捷转型的落地和实施,积淀了很多的经验。 这次分享主要包含以下2个部分: 第一部分是用户影响地图 第二部分是事件驱动的业务分析Event driven business analysis(以下简称EDBA) 用户影响地图,是一种从业务目标到产品需求映射的需求挖掘和组织的方法。 在软件开发过程中可能会遇到一些问题,比如大家使用不同的业务语言、技术语言,造成角色间的沟通阻碍,还会导致一些问题,比如需求误解、需求传递错误等;这会直接导致产品的功能需求和要实现的业务目标不是映射关系。 但在交付期间,研发人员必须要将这些需求实现交付,他们实则并不清楚这些功能需求产生的原因是什么、要解决客户的哪些痛点。研发人员往往只是拿到了解决方案,需要把它实现,但没有和业务侧一起去思考解决方案是否正确,能否真正的帮助客户解决问题。而用户影响地图通常是能够连接业务目标和产品功能的一种手段。 我们在每次迭代里加入的假设,也就是功能需求。首先把它先实现,再逐步去验证我们每一个小目标是否已经实现,再看下一个目标要是什么。那影响地图就是在这个过程中帮我们不断地去梳理目标和功能之间的关系。 我们在软件开发中可能存在的一些问题 针对这些问题,我们如何避免?先简单介绍做敏捷转型的常规思路: 先做团队级的敏捷,首先把产品、开发、测试人员,还有一些更后端的人员比如交互运维的同学放在一起,组成一个特训团队做交付。这个团队要包含交付过程中所涉及的所有角色。 接着业务敏捷要打通整个业务环节和研发侧的一个交付。上图中可以看到在敏捷中需求是分层管理的,第一层是业务需求,在这个层级是以用户目标和业务目标作为输入进行规划,同时需要去考虑客户的诉求。业务人员通过获取到的业务需求,进一步的和团队一起将其分解为产品需求。所以业务需求其实是我们真正去发布和运营的单元,它可以被独立发布到我们的生产环境上。我们的产品需求其实就是产品的具体功能,它是我们集成和测试的对象,也就是我们最终去部署到系统上的一个基本单元。产品需求再到了我们的开发团队,映射到迭代计划会上要把它分解为相应的技术任务,包括我们平时所说的比如一些前端的开发、后端的开发、测试都是相应的技术任务。所以业务敏捷要达到的目标是需要去持续顺畅高质量的交付业务价值。 将这几个点串起来,形成金字塔结构。最上层我们会把业务目标放在整个金字塔的塔尖。这个业务目标是通过用户的目标以及北极星指标确立的。确认业务目标后再去梳理相应的业务流程,最后生产。另外产品需求包含了操作流程和业务规则,具需求交付时间、工程时间以及我们的一些质量标准的要求。 谈到用户影响的地图,在敏捷江湖上其实有一个传说,大家都有一个说法叫做敏捷需求的“任督二脉”。用户影响地图其实就是任脉,在黑客马拉松上用过的用户故事地图其实叫督脉。所以说用户影响地图是在用户故事地图之前,先帮我们去梳理出我们要做哪些东西。当我们真正识别出我们要实现的业务活动之后,用户故事地图才去梳理我们整个的业务工作流,以及每个工作流节点下所要包含的具体功能和用户故事。所以说用户影响地图需要解决的问题,我们包括以下这些: 首先是范围蔓延,我们在整张地图上,功能和对应的业务目标是要去有一个映射的。这就避免了一些在我们比如有很多干系人参与的会议上,那大家都有不同想法些立场,会提出很多需求(正确以及错误的需求)。这个时候我们会依据目标去看这些需求是否真的是会影响我们的目标。 这里提到的错误需求,比如是利益相关的人提出的、客户认为产品应该有的、某个产品经理需求分析师认为可以有的....但是这些功能在用户影响地图中匹配不到对应目标的话,就需要降低优先级或弃掉。另外,通常我们去制定解决方案的时候,会考虑较完美的实现,导致解决方案括很多的功能。这个时候关键目标至关重要,会帮助我们梳理筛选、确定优先级。 看一下用户影响到地图概貌 总共分为一个三层的结构: 第一层why,你的业务目标哪个是最重要的,为什么?涉及到的角色有哪些? 第二层how ,怎样产生影响?影响用户角色什么样的行为? (不需要去列出所有的影响,基于业务目标) 第三层what,最关键的是在梳理需求时不需一次把所有细节想全,这通常团队中经常遇到的问题。 我们用这个例子来看一下 这是一个客服中心的影响地图,业务目标是 3个月内不增加客服人数的前提下能支持1.5倍的用户数。此业务目标设定是符合 smart 原则的,specific非常的具体,miserable 是可以衡量的,action reoriented是面向活动的, real list 也是很实际的。 量化的目标会指引我们接下来的行动,梳理一个业务目标,尽量去量化,比如 :我们通过打造一条什么样的流水线,能够提高整个部署的效率,时间是原来的 1/2 。这样才是一个能量化的有意义的目标。 回到这幅图, how 层级识别出来的内容,客服角色:想要对它施加的影响,把客户引导到论坛上,帮助客户更容易的跟踪问题,更快速的去定位问题。初级用户:方论坛上找到问题。高级用户:在论坛上回答问题。通过我们这些用户角色,进行活动,完成在不增加客户客服人数的前提下支持更多的用户数量。 最后一个层级,才是我们日常接触比较多的真正的功能的特性和需求,比如引导到客户到论坛上,其实这个产品就需要有一个常见问题的论坛的链接。这个层次需要我们团队进一步地在交付,在每个迭代之前做进一步的梳理,细化成相应的用户故事。 这个是云智慧团队中,自己做的影响地图的范例,可以看下整个的层级结构。序号表示优先级。 那我们用户影响地图可以总结为:
-
文字排版的四项原则是什么?
-
分层数据库、网状数据库和关系数据库的划分原则是什么?
-
高可用性系统的设计原则是什么?
-
[vue]vue中的双向数据绑定原则/响应式原则、mvvm、mvc、mvp都是什么
-
透视线是什么?平面、一个点、两个点、三个点的区别在哪?要想精通画画或板绘,必须先理解透视的基本原则!
-
ASCII码值:英文字母、小写字母与数字的具体编码是什么?
-
6种超实用的PPT文字排版方法!