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

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

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

1、在涉及排版时,网格和规则可以适当地被打破

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

通常我们在设计 UI 的时候,使用网格系统和比例排布能够很快达到不错的排版效果,但是在很多实际情况下,文本排布完全依赖网格系统,又会多少让人觉得有点不够舒服和自然。

这个时候要注意,规则不是死的。这个时候要适当打破这些规则,使用双眼来进行光学对齐,而不是一味的遵照排版来做。

2、表单报错信息一定要准确且易于理解

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

在设计表单的时候,单纯的告诉用户这里出错了,并不会帮助用户更好地解决问题。通常需要告诉用户为什么错了,以及如何正确修正这些错误。比如当用户填写邮件地址不正确的时候,要告知用户是「格式不正确」还是「该地址已经被注册了」,这个时候改正就有明确的指向性了。

3、在加载过程中,提前展示界面布局

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

很多用户界面布局通常是相对固定的,在加载界面的过程中,向用户提前展示布局能够帮助用户构建初始的预期,让用户知道界面正在加载中而不是出错了。

系统状态的可见性借此进行呈现,这也符合基本的设计原则。

4、告诉用户某个操作可能带来的结果

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

UI 中很多操作带来的结果可能是致命性的,比如说删除操作,这个时候需要将这个操作的结果在界面中呈现出来,告诉用户某些结果可能在这个操作之后发生,帮助用户了解操作的严重性。

这样的优化能让用户更加明白具体按钮的功能和操作,确保产品的体验更好。

5、确保最重要的功能在标签栏中优先级靠前

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

如今的产品功能越来越多,越来越臃肿,这个时候,标签栏中的内容怎么排布就需要特别小心了。将标签栏中靠前的位置保留给最常用的功能模块,并且将次重要或者使用频次较低的功能模块,藏到「更多」里面,这样能让界面用起来更加顺手。

6、不要将重要的操作隐藏在下拉菜单中

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

我们仍然时不时会在某些网站首页中,碰到登录按钮被隐藏起来的情况。用户对于这类高频度使用、优先级非常靠前操作,是有着极大的需求和依赖的,它们应当醒目地放置在用户习惯(比如右上角)的位置,这是确保界面的可访问性的重要细节。

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

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

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

相关推荐

  • 实用!空白界面如何呈现友好

    引导用户输入内容 以简明扼要的文字与标识引导用户,如何成功、快捷地进行输入。即使是明眼都知道的用户名和密码账号输入,都应该在侧边以标签或者输入框内占位符的形式标注。 反馈错误、提示与帮助 在用户的操作出…

    2022年6月25日
    0154
  • 形象网站设计需要注意什麽?形象网站该如何设计才能吸引客户到访

    依据专业研究数据显示,80%以上的消费决定,都是透过网站搜索取得资讯後,再做出最终决定的。 试想下,如果你刚好需要与某品牌合作或购买某品牌的商品,但发现该品牌没有自己的形象网站或网站设计简陋,是不是会联…

    2022年6月20日 建站资讯
    0136
  • 网页设计有哪些新的思路?

    网页设计的过程当中本身也都存在着一定的故事,这些故事基本上和人类的历史是一样的,这就是为什么网页设计还是通过故事来进行表达,当然在网页设计的时候究竟存在着哪些新的思路,这也是很多人想了解的。 第1种思…

    2019年9月17日
    0344
  • 国内外网站的差异表现有哪些

    问题: 国外的网站大多都比较简约,而国内的网站多为复杂花俏,我想问问除此之外,两者还有什麽区别呢?两者又有什麽优势呢? Inspirr Creation解答: 在互联网高速发展的时代,我们见过各种各样的网站,但是你会发现…

    2022年6月25日
    0242
  • office or microsoft 365整套ui设计体系提升。

    如果你是 Windows 10 系统的用户,那么最近应该会注意到 Windows 系统的图标正在逐步地被替换、升级,(在忽略广大国内全家桶软件影响的情况下)Windows 10 正在随着 Fluent Design 的注入而正在变得越来越优雅。随…

    2023年2月22日 SEO操作
    08
  • 4种方式来改善可用性和网站的用户体验及设计。

    我们经常谈到从壁橱或储物等物质角度来看,垃圾清理。但是,我们也可以谈论关于清理设计。清理可以帮助提高可用性和网站上的用户体验。这里有四个秘诀你的设计。1.缩短复印尼尔森诺曼集团(NielsenNormanGroup)的…

    2023年2月14日 SEO操作
    00
  • 浅谈网站当中的数据与信息可视化图表

    界面设计到了信息和数据的布局流程时,一般都会选择信息可视化形式。 什麽是数据可视化图标?简单来说,指的是为数据设计合适的图形图像。而信息可视化则更为具体化的,以及更包含着解释性的和独立性。 数据可视化…

    2022年6月25日
    0146
  • 筛选功能如何设计?4个章节帮你掌握筛选功能设计。

    本文全面总结了 B 端产品中的筛选功能设计。之前也有总结一篇简洁版的关于筛选的文章,回头查看原来总结的文章时才发现确实之前总结的有点太过简洁,很多筛选类型和使用场景都考虑得不够全面,这也是之前对该功能不…

    2023年3月2日 SEO操作
    025

联系我们

QQ:951076433

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