火星网校
干货技巧！如何快速提升 UI 设计效果（三）
在进行UI设计的时候，很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew的文章梳理了 6个实用性很强的UI效果提升小技巧，是系列文章的第三篇，原文最早发布于marcandrew.me 。
在创建实用、可访问性良好且视觉效果颇为出彩的UI界面的时候，在更多时候我们只需要进行有限度的微调，即可达到颇为不错的效果。
1、让视觉元素的设计特征保持一致
UI设计师是习惯的创造者 ，另一方面，用户也希望你的设计能够符合预期。
换句话来说，UI设计师可能个用一致的设计来归训用户，而用户也可以通过一致的设计来构建起习惯和预期，所以，在布局，图标，配色和按钮上将用户统一到一起，降低混乱度，改善用户体验。
2、大胆使用留白来布局
留白，或者说负空间，可能是绝大多数的UI界面优化的最佳工具。
很多UI界面只需要适当增加留白，就能够将整体的视觉效果拉高一截，它可以让元素和元素之间的呼吸感更强，整体感知更加优雅精致。
3、优化开头段落样式
如果你所要呈现的是长篇内容，通常开头的段落会对全文内容进行总结性的引导，提出问题，引起用户的注意力，那么你需要让它的功能性更强一点。
要实现这一点，其实也不复杂，就针对这个部分做一些针对性的样式优化就可以了。
最简单的方式，就使用不同的字体，或者增加字重，提高行高，让这一部分的视觉重量超过其他的部分即可。这样可以让用户更快注意到这一部分，并且留下更好的印象，并且增加内容的信息层级。
4、为快速扫读进行段落优化
在处理长篇内容的时候，短句和短的段落会更加契合当下用户的阅读习惯。尽可能使用简短有力的分段，让用户可以更快消化内容。
5、使用更富凝聚力的配色方案
是否心爱纲要创建更加专业的视觉风格？那么你最好使用一套预先定义好的配色方案。
色彩从来都不是多多益善，更加集中的配色能够给用户带来更加清晰明确的感知。
从一开始就创建一套强大而明确的配色方案，并且坚持使用下去，这样可以避免麻烦，并且增加整个设计的一致性。
6、使用8pt 网格系统，均匀排布图标
你会注意到绝大多数的图标系统，使用的图标尺寸大多数是 8 的倍数，比如 16×16，24×24，32×32，所以当你使用 8 pt 的网格系统，会很好地同这些图标系统兼容起来。
当然也有例外的情况，但是这样的情况真的不算太多。
作者：Marc Andrew
来源：优设网
上一篇 如何使用PS快速排版作品集？
下一篇 图标设计有哪些基本原则
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
3.精通材质贴图软件；精通各主流渲染器的设置；对主流引擎有一定了解并能还原美术效果6.简历内请附带作品资深角色模型师（CG向）......
-
鹿角部分我是通过在ZBrush中创建圆柱体，然后使用蛇形笔刷（SnakeHook）配合动态笔刷模式，把鹿角的大型制作出来期间对......
-
是的，常年被抢、上来缺口按几十个人算的，一定有角色动画专业！下面这家地处北京的制作公司表示，他们现在的主要业务是制作动画短剧、......
-
一样是入学时底子薄弱、但通过火星6个月课程学习获得较大提升，并顺利入职行业名企的学员案例这个专业的全称是“影视游戏3D模型大师......
-
全球年收入超10亿美刀的小程序游戏，正在疯狂招聘！附火星匹配专业
这里为大家整理了一组点点互动10月岗公开的热招岗位清单，主要是美术岗和技术岗，分校招和社招两组，感兴趣的同学可以尝试投递社招·......
-
上班啦！上班啦！又是替同学开心的一天！这位同学因为大学还没有正式毕业，所以目前是以实习生身份入职腾娱！等拿到大学毕业证的时候，......
