集团官网
  • 国家级全民数字素养与技能培训基地
  • 河南省第一批产教融合型企业建设培育单位
  • 郑州市数字技能人才(码农)培养评价联盟

排版设计技巧:简单实用的提升设计水平的方法

编辑:云和数据 日期:2022-09-06 15:30

想要做出一个漂亮、可用、 高效的UI需要时间,其中还需要经历多次设计迭代。不断的进行调整,直至你的客户,用户和自己都真正满意,我知道,有时候这很不容易。但是这些年来我发现,还是有一些实用技巧,通过一些简单的调整就可以快速提高设计质量。这些技巧易于执行,不需要花费太多努力,不仅有助于提升你正在做的设计,也希望提供一些普遍设计原则应用到下一个项目中去。

1596189962475_UI设计实用技巧02.jpg

方法1

大段文字,尝试弱化文字重量

对于大段的文字内容,整体看起来会比较有视觉压力的,有时候运用正常文本字重看起来依然有些沉重。通过选择深灰色(#4F4F4F)之类的颜色可以轻松优化这个问题,使得文本看起来更舒服些。(尽量少用纯黑)

1596189973644_UI设计实用技巧03.jpg

方法2

字体大小越小,相对行高就要设置的更高

当减少字体大小时,增加行高能达到更好的可读性。当字体大小变大时,同样的,减少行高会更好。这里解释下,这里所说的行高是指相对于文本本身来说的,比如使用36px的文字,其行高建议使用46px,这个增量就是10;那如果使用18px的文字,其行高推荐使用32px会比较合适,那么此时相对于文本的大小来说,其增量就是14px。那所谓的字体大小越小,行高相对越高就是指的这个增量。

1596189987721_UI设计实用技巧04.jpg

方法3

减少配色数量,提升一致性

不要总是用多种颜色来填充你的设计。如果项目允许,简单地使用少的配色。通过选择一个基础色,然后使用色调和阴影,可以简单快速地增加设计一致性。(注:配图中的图片色调都与主色调进行了统一,也就是指的同色系的颜色来配色,有时候会得到更好的效果)

1596189999745_UI设计实用技巧05.jpg

方法4

突出重要元素,明确优先级

通过结合使用”字体大小“,”重量“和”颜色“,可以很容易地在UI中突出最重要的元素。通过将界面中的元素优先级进行强化和简单调整使得用户体验变得更好。注:明确的信息优先级会使得界面更易于阅读,也利于产品信息的透传。时刻记住:信息传达要足够清晰,而不是模棱两可。

1596190011931_UI设计实用技巧06.jpg

方法5

确保图标有相同的视觉风格

在UI中使用图标时,要保持一致性。确保他们共有相同的视觉风格,相同的重量,填充和描边。不要混搭。

1596190025765_UI设计实用技巧07.jpg

方法6

让行动按钮成为界面中最突出的元素

你可能觉得这应该是常识,对吧?但有时候设计的时候可能又是另一回事了。过色彩对比、大小和样式,确保按钮尽可能的突出。如果可以的话,不要总是只依赖图标。如果可以使用文字,那就使用上文字,带文案的操作能让用户更好的理解。

1596190038794_UI设计实用技巧08.jpg

方法7

为表单错误增加额外的视觉帮助

在用户刚刚执行的操作附近添加一个错误消息是一个简单但很有帮助的额外视觉帮助,用户可能会以各种方式来填写表单。好的用户体验就需要积少成多。

1596190051140_UI设计实用技巧09.jpg

方法8

凸显菜单中最常用的操作

1596190061589_UI设计实用技巧10.jpg

相关内容

抢先一步 鸿蒙(HarmonyOS)应用开发者高级认证 免费考! 适合人群计算机相关专业在校生(技师、中职、高职、本科、研究生)对鸿蒙(HarmonyOS)有兴趣的非计算机相关专业在校生目前正在从事移动应用的开发者目前正在从事计算机行业相关的人计算机专业高校老师所有对鸿蒙(HarmonyOS)有兴趣的人 培训方案掌握鸿蒙的核心概念和端云一体化开发、... 什么是Java的多态性(polymorphism)?它有哪些不同的形式? 多态性是Java面向对象编程的一个重要概念,它允许不同的对象以一致的方式响应同一个方法调用,具体表现为对象在运行时可以表现出多个不同的形态。多态性主要有两种不同的形式:编译时多态性(静态多态性)和运行时多态性(动态多态性)。1. 编译时多态性(静态多态性):   ... 如何学习和搭建Hadoop开发环境? Hadoop是大数据处理领域的重要平台,能够处理和分析大量数据。为了有效地利用Hadoop,我们需要学习其基础知识,并正确搭建开发环境。下面是详细的学习和搭建指南。一、学习Hadoop基础掌握基础概念和原理Hadoop主要由HDFS和MapReduce两部分组成。HDFS是分布式文件系统,Ma... UI 设计学习如何进阶成为高手 我总结了六种方法,帮助你走出舒适区,提高技能,成长为自信且经验丰富的UI设计高手一位经验丰富的 UI 设计师,往往十分看中应用程序界面的吸引力和视觉刺激,确保满足用户期望和需求。但是,如果你已经在 UI 设计圈摸爬滚打多年,仍然没有出色的作品,那你极有可能是因为陷入了一个舒适圈,UI技能一直原... 在Java中Executor和Executors的区别? 在Java中,Executor和Executors都与线程池和并发执行有关,但它们是不同的概念和类。1.ExecutorExecutor是一个接口,位于java.util.concurrent包中,用于表示一个执行任务的执行器。它只定义了一个方法:void execute(Runnable c... String类型的常见命令有哪些? String类型,也就是字符串类型,是Redis中最简单的存储类型。其value是字符串,不过根据字符串的格式不同,又可以分为3类:string是普通字符串,int整数类型,可以做自增、自减操作,float浮点类型,可以做自增、自减操作。String的常见命令有:SET:添加或者修改已经存在的...