推广

快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-6)。

iseeyu3年前 (2023-12-12)推广140

编者按:在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。这篇来自Mark Andrew 的文章梳理了 6 个实用性很强的 UI 效果提升小技巧,是系列文章的六篇,原文最早发布于 marcandrew.me 。

在创建实用、可访问性良好且视觉效果颇为出彩的 UI
界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX
优化小贴士(看完文章在文末获取),这篇文章继续增加 6 条实用的建议,一起来看看吧!

1、保持信息简短直白,去掉枝节

确保文本信息足够简短,切题,去掉文本当中不必要的修饰和枝节,让用户容易理解,有直接对话的感觉。

向用户呈现清晰简洁的信息,有助于更好地达成预期的目标。

2、在创建较长文本时用 20pt 字号

对于长篇的文本内容,比如博客文章,项目描述,正文文本部分建议使用 20 pt(甚至更大也可以)的字号,这样能够确保整体内容的可读性。

当然,在具体应用的时候,需要根据实际设定的字体来灵活处理,有些很纤细的字体在 20 pt 的时候阅读体验不够好,这个时候可能需要适当放大。

3、不要仅靠色彩来传递报错信息

在设计的时候,不要仅靠颜色来传递信息,这一行点很重要。尤其是在表单的报错信息当中,仅仅给输入框增加一圈红色的描边,并不足以让用户清晰地意识到出错,以及要如何修正。

一方面,要使用明确的指引信息帮用户了解要如何改正错误,另一方面,需要考虑到有视觉障碍的用户无法通过色彩感知到信息。

实际项目中,使用图标和文本来共同传达信息,有助于让信息更容易理解,提升整体的可访问性。

4、使用4pt基线和8pt网格来控制纵向间隔

说道字体和排版,可以将 4pt 基线和 8pt 网格系统结合起来使用,可以在设计中制造出更强的韵律感。

借助 4pt 的基线来做行高的控制,使用 4pt 的倍数(4pt、8pt、12pt、16pt、20pt)来设置行高的数值。

最主要的原因在于,在传统的 8pt 网格系统当中,行高的控制相对而言比较粗糙,可选的范畴比较窄,单独使用 4pt 基线系统来控制行距则会好很多。

5、减少标题文本的字间距和行高

和较长的正文文本不一样,标题文本通常会比较短,但是相应的,因为文本尺寸较大,你需要适当地降低字间距和行高,来确保标题的整体感更强。

适当的降低行高和字间距能能够获得更好的可读性,也会让视觉舒适感更强。

6、使用多层次阴影和微妙的边框让元素突出

在 UI 界面当中,可以给元素添加多层次的阴影,或者使用非常微妙的 1px 的边框(仅比实际阴影更深一点的色彩),可以让它们看起来更加清晰和突出。这种处理方法制造出来的阴影不会显得太过浑浊,也可以让整体视觉更加清晰。

扫描二维码推送至手机访问。

版权声明:本文由西安泽虎代运营发布,如需转载请注明出处。

转载请注明出处https://www.0291.com.cn/post/117484.html

相关文章

月均2万+粉丝增长,幸福西饼线下私域客流增长的秘诀

月均2万+粉丝增长,幸福西饼线下私域客流增长的秘诀

幸福西饼新零售是「幸福西饼」旗下集烘焙店、咖餐厅、烘焙课堂、配送站于一体,融合线上线下,满足多种用户需求的新零售型门店。2018年开始布局,现已在全国开出200+门店,分布在广东、湖南、湖北、重庆、云南等各大省市。 作为国内知名蛋糕连锁品牌,「幸福西饼」于2008年成立,以“线下体验-线上交易...

一篇文章读懂微信公众号的运营逻辑

一篇文章读懂微信公众号的运营逻辑

一、公众号运营全貌 第一重要的不是怎么做,而是做什么 01 新媒体时代内容传播六大法则 速度极快: 本质:信息传播成本低,传播效率高,信息蔓延速度快。独家势能变小,高效快速为用户提供信息服务至关重要。...

从百度阅读的运营策略看,阅读类APP该如何抓住用户的心。

从百度阅读的运营策略看,阅读类APP该如何抓住用户的心。

本文旨在通过对及百度阅读分析对比,通过对生命周期、业务逻辑、用户运营策略等多维度进行分析,尝试对阅读软件进行分析。 知识焦虑成为当下的热门话题,人们为了缓解焦虑,开始通过听书、学习网络课程、订阅自媒体公号等多种渠道补充知识。 每天听本书、公众号推文在一定程度上缓解了人们的焦虑症。但如...

为朋友圈做化妆品的人总结的微信营销策略分析精粹(营销策略分析包括哪些内容)

为朋友圈做化妆品的人总结的微信营销策略分析精粹(营销策略分析包括哪些内容)

大家好,我是jonwel,最近不少做化妆品的朋友,咨询我问我怎么更好地在微信朋友圈做生意。今天特意发布这篇文章希望帮助大家,尤其是微社区的朋友。同时也要给大家打个预防针,腾讯对朋友圈广告审查机制很明显,一方面是进一步遏制私人及朋友圈的营销,还原微信的社交本质,另外,就是让大家进一步转向公众号,做品牌...

信息流推广为什么花了钱却没转化?

信息流推广为什么花了钱却没转化?

“为什么你给了我希望,却又让我失望”。 点了我的广告,填了我的表单,你却不转化!想必这是众多优化师的痛点。 随着抖音用户日活破1.2亿后,可谓是将信息流又推上了一定高度。于是很多竞价员凭借自身投放竞价的优势,纷纷转行去拥抱信息流。 可结果往往却是“转化很差”。定向、创意、页面明明都没...

淘宝网店的开店流程是什么,淘宝网店怎么注册开店(怎么样开淘宝店铺流程)

淘宝网店的开店流程是什么,淘宝网店怎么注册开店(怎么样开淘宝店铺流程)

淘宝网店的开店流程是比较简单的,用户需要先注册一个淘宝账号,然后在开店页面选择自己想要开店的类型,接下来就是根据开店的要求提交认证资料,比如说身份证、营业执照等等,最后完成实名认证,就可以在店铺里面发布商品了。...

现在,非常期待与您的又一次邂逅

我们努力让每一部企业宣传片和抖音短视频成为商业大片