在进行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快速排版作品集?
下一篇 图标设计有哪些基本原则
热门课程
专业讲师指导 快速摆脱技能困惑相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答电影剪辑通常被称为“隐形的艺术”,尽管剪辑师的名号不如导演的名号响,但是如果缺少了剪辑师对拍摄素材的二次加工,电影作品将缺少其......
今天,我来和大家聊聊,迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
有哪些听起来高大上、实际上转行同学也能胜任的岗位?试试虚拟现实工程师!
增强现实(AR)和虚拟现实(VR)是当前备受瞩目的创新技术,对相关的增强现实开发、虚拟现实开发、数字孪生开发工程师的人才需求,......
在这个短视频盛行的时代,越来越多的人想要尝试自己进行短视频剪辑,却常常因为缺乏专业知识而无从下手。别担心,今天就为大家带来短视......
今天,我们聊聊皮克斯的《头脑特工队》系列
中国首个AIGC导演共创计划今日正式上线:同学,做导演不要?
中国首个AIGC导演共创计划定于12月6日正式上线。该计划由快手自研视频生成大模型产品“可灵AI”,联合李少红、贾樟柯、叶锦添......