推广

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

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

编者按:在进行 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

相关文章

勤于思考关键词位置布局。

勤于思考关键词位置布局。

例如,如果一个网页想要有一个好的排名,当搜索引擎看到该网页时,它将确定该网页的关键字。常用的方法是增加网页中关键字的密度,以增强搜索引擎对网页中关键字的判断,但是如果密度很高,很容易形成关键词。   一、网站上的关键词是什么  关键词叠加是黑帽SEO的一种方法。通过...

计算网站权重的方法有哪些?影响网站权重的因素有哪些

计算网站权重的方法有哪些?影响网站权重的因素有哪些

很多SEOer认为,权重就等於网站流量,其实权重只是网站的整体或某个页面的评分,评分的高低决定网站排名,而排名才决定网站流量。说到网站权重,感觉有点老生常谈的问题,但为何还会有那麽多人对权重造成过多的误解呢?下面,我将和大家一起从另一角度探讨权重的问题,以及分享一些经验,希望对大家有帮助。 如何计...

淘宝客99大促超级权益推广升级规则,阿里妈妈推广规则(百度推广排名规则)

淘宝客99大促超级权益推广升级规则,阿里妈妈推广规则(百度推广排名规则)

超级权益推广,是由官方搭建大促会场且出资给消费者发红包的大促权益产品,升级后的“超级权益推广”将升级开奖模块和会场模块,引导用户浏览商品,帮助商家获得更多商品的曝光。...

电商独立站怎样获取高质量SEO流量。

电商独立站怎样获取高质量SEO流量。

越来越多的平台卖家转型做独立站,并不是因为独立站有流量红利,而是大卖通过平台发家,明显感受到了利润率的局限性以及沉淀品牌的重要性,于是纷纷开启了独立站开始打造属于自己的品牌,而另外一部分中大型平台卖家则基于安全感的原因跟着大卖们也开启了独立站。 不论是做平台还是电商独立站,卖家们都不会忽略的一...

网站seo优化排名的效果与关键词布局位置有非常。

网站seo优化排名的效果与关键词布局位置有非常。

至于百度图片搜索,每天的搜索量也是一个惊人的数字,所以搜索排名专员认为在网站内部做一个适当的工作也是很好的。 网站的图片通常用来展示有吸引力的东西或代替更直观的词语表达。因此,我们不妨一起研究百度图片搜索的SEO优化规则。 1、默认的搜索结果百度图片喜欢把大图片放在搜索结果前面。 2、百度图片...

提升关键词排名的十个有效方法。

提升关键词排名的十个有效方法。

在网站关键词排名优化时,有很多SEO优化的方法,但是那些方法是通用的呢?接下来重蔚自留地小编就来分享关于提高关键词排名的10个技巧! 1、正确合理的书写三个标签的网站,不同的seo搜索引擎有一定的区别,但基于标题标签和deion描述标签的大多数部门对于搜索引擎应该是战斗力的重要。所以这种真正合理的...

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

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