排版在设计中或者其他工作中的运用是广泛而又平常的不管是图文排版,还是文字排版都有它的方式方法。这些方法通常分为四个原则。

  1. 亲密原则:亲密原则指的就是相关的部分组织在一起,安排好他们之间的间距与主次。通俗的来说就像六大门派汇聚光明顶,武当派成员站成一个小组,峨眉派成员站成一个组。而不是每个门派的人零散交叉的站着。下面我们通过案例来详细了解。

小结:要想使得文字与文字之间阅读流畅与美观,就要分清主次,调整好组与组之间的间距。

2.对比原则:对比分为三个方法,大小对比、粗细对比,颜色对比,UI设计文字排版四大原则https://www.aaa-cg.com.cn/?wkc运用好对比可以使你的主次分明,可以很好的突出重点。如果两个元素想要形成对比,就应当使之不同,而且是截然不同。

小结:对比可以使文字层级清晰,突出重点,从而更有效的表达重点。你想要形成鲜明的对比可以通过调节大小、粗细、颜色、等方式。

3.对齐原则:对齐分为三大类型,左对齐、右对齐、居中对齐。对于新手设计而言文字的随意摆放往往会让人感觉页面杂乱无章,对齐的作用就是让这些元素整理形成一条线将他们串联起来。对齐有时候还被区分为物理对齐与视觉对齐,如遇到物理对齐让视觉看起来没对齐时,此时我们应该把它调整为视觉对齐。

小结:对于刚入门的朋友而言,一个页面上一种对齐方式已经足够。另外在设计页面时,使用辅助线是帮助我们对齐的一个好习惯,可以让页面统一而有条理。总的来说就是能够使版面统一简洁更有条理,能够更好的引导视觉流向

4.重复原则:重复原则不仅仅是复制黏贴,我们可以把它理解为页面的统一性,利用某些元素的重复使页面达到统一效果。可以是字体、形状、颜色等等,但要遵循某种设定好的规律。

小结:重复最重要的作用就在于统一,并增强作品的视觉效果。不过有时候也不要过度重复负责会引起视觉疲劳。

总得来说排版还是要认真细心,多看多练,希望大家能多多做练习快速成长。谢谢观看。

UI设计文字排版四大原则相关推荐

  1. UI设计学习的对比原则怎么运用?

    本期小编为大家介绍的UI设计培训教程就是关于UI设计学习的对比原则怎么运用?因为在UI设计中分组原则这一项在文字排版中运用的几率是比较频繁的,并且分组对于层次感和整合信息都有一定的帮助,但是光有分组还 ...

  2. 系统UI设计的几个原则

    系统UI设计的几个原则 现在对UI的要求越来越高.越来越需要人性化和个性化,今天结合自身的经验,想写一下系统UI设计的几个原则: (1)简洁性原则.人从本质上讲是不擅于接收新事务的,更何况冷冰冰的系统 ...

  3. 设计排版四大原则,我重复N次了!

    好久之前做的一篇内容,今天终于要分享给简友了.这是一本书的内容,你看过这本书吗?(设计排版四大基本原则,可能看似简单,但是如果你不注意,就很难将它快速应用好,内容有点多耐心看完,你一定会有收获的.) ...

  4. (转)iOS7界面设计规范(10) - UI基础 - 文字排版与配色

    明天就是周四了.貌似前几天还在恨周一呢.话说今天几乎开了一整天的会,正经事情没做多少:这种感觉比一整天从早到晚12个小时的忙碌于一件事情还要让人感到疲惫的对叭?那今天的iOS7设计规范更新又是一篇很简 ...

  5. UI设计的色彩搭配及原则(转载)

    配色是一项非常重要的美术素养,需要通过系统的学习和大量的观察练习才能慢慢提升.总体来说,手机UI界面设计应遵循以下4条配色原则:整体色调要协调统一.配色要有重点色.注意色彩平衡和对立色的调和.(内容参 ...

  6. UI设计的20个原则

    该博客用于记录. Android酷炫实用的开源框架(UI框架)博客地址: http://blog.csdn.net/fancylovejava/article/details/45787729/ UI ...

  7. 麓言信息UI设计字体排版的10条

    1.行高/行间距     首先介绍两个容易混淆的概念--行高和行间距,两者在中英文的用法也有差异.     中文行高:上一行文字的最底部与下一行文字的最底部之间的距离.     中文行间距:上一行文字 ...

  8. UI设计实用排版法则,优秀可临摹案例,剖析设计实例

    设计排版法则: 1 左对齐 在页面排版时,将你的文字设置为左对齐.为什么?在西方文化中,人们的阅读习惯是从上到下,从左到右的.通过左对齐文字,眼睛能够更容易地找到边缘,更易于阅读.避免因为这个原因缩进 ...

  9. 设计灵感|海报设计常见中看起来很高级的文字排版

    海报是一种信息传递的艺术,是一种大众化的宣传工具.如何在有限的空间中让文字.图片.图形.符号等大量设计元素出现在合适的位置,并能产生合理的层级关系,是设计师需要解决的一大难题. 集设网 www.iji ...

最新文章

  1. Vue -- 配合iView实现省市二级联动
  2. dnf超时空漩涡副本路线流程图_DNF:超时空漩涡开荒全攻略一览,你顺利通关了么?...
  3. python生成静态html_Python写静态HTML
  4. C语言SIX/NINE问题
  5. php 子类调用父类的方法
  6. 游历校园 [COGS 614] [欧拉图]
  7. hibernate查询缓存_在Hibernate中启用实体和查询缓存
  8. L1-029. 是不是太胖了
  9. 三周第四次课(12月28日)
  10. 监控易:智慧高校一体化综合运维解决方案
  11. echarts 柱状图 横坐标文字纵向展示(超出显示...)
  12. 【机器学习实战】决策树算法:预测隐形眼镜类型
  13. 如何做好企业绩效管理?
  14. 【学生打卡签到系统】
  15. 第二集 第一魂环 第十三章
  16. T-Code (Controlling)
  17. C# 获取Excel工作薄中Sheet页(工作表)名集合
  18. php 文章分句,php 英文分句/分段落
  19. RK3399 GT1X触摸屏驱动调试笔记
  20. Parallels Desktop 安装Win 10提示“安全启动功能防止操作系统启动”该怎么解决?

热门文章

  1. [Wi-Fi抓包篇]2. Omnipeek——抓包分析方法
  2. 光立方原理讲解_基于杠杆平衡的防汛挡水板设计原理分析
  3. 编译和运行一个ARM64内核
  4. 驱动认知-驱动代码编写与执行
  5. PLC如何实现二阶滤波器算法(二阶巴特沃斯低通滤波器FIR_Filter)
  6. linux atheros 驱动程序,又是一个难题 Atheros 5007 无线网卡 LINUX 下的驱动
  7. centos usb转网口_Linux系统入门学习:在CentOS7上改变网络接口名
  8. 【人工智能】李开复MIT演讲:这5个原因将导致中国AI赶超美国
  9. 数值计算方法绪论笔记(误差,有效数字)
  10. python色卡_python matplotlib:plt.scatter() 大小和颜色参数详解