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

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

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

1、让视觉元素的设计特征保持一致

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

UI 设计师是习惯的创造者 ,另一方面,用户也希望你的设计能够符合预期。

换句话来说,UI 设计师可能个用一致的设计来归训用户,而用户也可以通过一致的设计来构建起习惯和预期,所以,在布局,图标,配色和按钮上将用户统一到一起,降低混乱度,改善用户体验。

2、大胆使用留白来布局

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

留白,或者说负空间,可能是绝大多数的 UI 界面优化的最佳工具。

很多 UI 界面只需要适当增加留白,就能够将整体的视觉效果拉高一截,它可以让元素和元素之间的呼吸感更强,整体感知更加优雅精致。

3、优化开头段落样式

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

如果你所要呈现的是长篇内容,通常开头的段落会对全文内容进行总结性的引导,提出问题,引起用户的注意力,那么你需要让它的功能性更强一点。

要实现这一点,其实也不复杂,就针对这个部分做一些针对性的样式优化就可以了。

最简单的方式,就使用不同的字体,或者增加字重,提高行高,让这一部分的视觉重量超过其他的部分即可。这样可以让用户更快注意到这一部分,并且留下更好的印象,并且增加内容的信息层级。

4、为快速扫读进行段落优化

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

在处理长篇内容的时候,短句和短的段落会更加契合当下用户的阅读习惯。尽可能使用简短有力的分段,让用户可以更快消化内容。

5、使用更富凝聚力的配色方案

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

是否心爱纲要创建更加专业的视觉风格?那么你最好使用一套预先定义好的配色方案。

色彩从来都不是多多益善,更加集中的配色能够给用户带来更加清晰明确的感知。

从一开始就创建一套强大而明确的配色方案,并且坚持使用下去,这样可以避免麻烦,并且增加整个设计的一致性。

6、使用8pt 网格系统,均匀排布图标

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

你会注意到绝大多数的图标系统,使用的图标尺寸大多数是 8 的倍数,比如 16×16,24×24,32×32,所以当你使用 8 pt 的网格系统,会很好地同这些图标系统兼容起来。

当然也有例外的情况,但是这样的情况真的不算太多。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/234300.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年3月1日 13:04
下一篇 2023年3月1日 13:05

相关推荐

  • 我来分享2022年企业网页设计模板会怎么流行。

    在设计界有个名言是“时尚总是轮回的”,这句话同样适用于企业网页设计方面,经历过了扁平化设计、卡片式设计以及质感设计之后,你知道在2022年又流行的是什么风格的企业网页设计模板吗?下面我们就来了解下在新的一年…

    2023年6月13日
    00
  • 网页设计大概需要花多少钱呢?

    如果想要让网站的整体内容展现更直接,让网站受欢迎程度得到提升,必须要注重网页设计,只有这样才会让网页内容呈现达到更好的标准,让用户进入到网站之后就会更愿意浏览下去,这对促进网站浏览量会有很好的帮助,…

    2019年9月23日
    0194
  • 视觉层次怎提高?先了解什麽是视重

    在网页设计当中,视重简单来说就是能够让元素轻重产生变化的概念。这个概念相当的重要,能够让网页更好的呈现出视觉层级。和对称、平衡一样重要,对用户的视觉引导有着非常重要的作用。 那到底什麽是视重?这就需要…

    2022年6月17日
    0131
  • UX、UI和网页设计师有什么区别。

    你知道你对设计感兴趣,但你仍然不知道它对你未来的职业意味着什么。你已经开始了你的研究,但你可能仍然不确定这一切意味着什么。您应该是 UX、UI 还是网页设计师?你不知道吗?不用担心!从揭开首字母缩略词的神…

    2023年3月7日
    01
  • 超赞!像素化设计  

      摩登复古风格的页面设计趋势,能够有效地激发用户浏览和操作的欲望。同时为用户带来不仅仅是视觉上的享受,同时也增强了用户体验。 突出简约 像素化的页面设计形式,与如今流行的简约风格能够很好地配合,色…

    2022年6月25日
    0177
  • 我来分享网页设计有哪些实用的技巧。

    想要把一个网页设计变成“可爱的东西”,首先你得试着弄清楚是什么让一件东西变得可爱,而这正是它变得困难的地方。整个概念自然是主观的,这是一种模糊的温暖和模糊的情感,似乎与我们想要微笑的冲动直接相关,但它…

    2023年6月13日
    00
  • 我来分享网页英文用什么字体好看,ppt英文用什么字体好看一点。

    在设计网页和PPT时,选择合适的字体是非常重要的,一个好的字体不仅能提高阅读体验,还能增强视觉效果,使内容更具吸引力,网页英文用什么字体好看,PPT英文用什么字体好看呢?本文将为您推荐一些适合网页和PPT的英…

    2024年6月28日
    00
  • 什麽是摄影机和灯光图层?

    图层菜单是界面设计必须使用的部分之一,以下则要简单讲述以下什麽是摄影机图层,什麽是灯光图层: •摄影机图层:要求必须在三维合成空间中,就好比一个虚拟的摄像机,代替了合成中默认的视角。可以根据界面设计项…

    2022年6月25日
    0217

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息