快速提升 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

相关推荐

  • 网站设计都有哪些难点必须要了解?

    网站设计,在当前庞大的竞争市场中,想要建设出一个出色的网站,绝对不是一件容易的事情,尤其是在这个互联网高速发展的现代社会,想要自己的网站在众多的同行中脱颖而出,那绝对是需要下大功夫的,在这里,我们就…

    2019年10月23日
    0434
  • 成为网页设计高手的条件:了解设计的基础原则

    作为一个门外汉,你是不是从来都不相信自己能够做好网页设计呢?请记住一句话“只要你真的对某样东西充满热忱,你就会有动力,集中精神去做任何你想做的事情。网页设计都一样,了解设计的基础原则,然後好好锻炼,假…

    2022年6月25日 建站资讯
    0117
  • 保持简洁网页设计的25个原则

      保持一致(从细节到整体) 探索隐藏资讯(简约之中隐藏着“小心机”) 让空间的连接变得有趣(微交互) 更加聪明(愉悦的用户体验来源) 更加有效(更加专注於核心) 使用网格(有效布局) 考虑实用性和功能性…

    2022年6月25日
    0106
  • 网页设计需要注意什么?详解网页设计的8大注意事项。

    一个合理的布局和清晰的网页可以让访问者感到舒适,并愿意花时间去了解更多的内容,网页设计的设计风格、色彩、页面层次、实用性、交互性、兼容性以及SEO布局等方面,企业在进行网页设计前都是需要考虑的。接下来小…

    2023年3月7日
    07
  • 教你如何编辑html5。

    HTML5是最新的HTML标准,它引入了许多新的元素和属性,使得网页设计更加灵活和强大,编辑HTML5需要一些基本的编程知识,包括HTML、CSS和JavaScript,以下是如何编辑HTML5的详细步骤: (图片来源网络,侵删) 1、学…

    2024年6月24日
    02
  • 网页设计规范:设计网站需要添加弹窗吗?

    网站是否加入弹窗框,应该是很多站长犹豫不决的事情。一方面,弹窗框的出现,在某程度上会降低网站的用户体验;另一方面,弹窗框又会给网站提升网站转化率。那麽,网站设计时需要加入弹窗设计吗? 网页设计规范 网站…

    2022年6月25日
    0277
  • 网页设计案例:网页设计使用渐变的好处是什麽

    近年来,渐变色风格一直深受不少设计师的喜爱,绝大部分的APP设计或网页设计都能看到它的身影。在设计中合理运用渐变,会打破产品在视觉上的无聊单调之感,同时还能丰富设计细节、营造空间感、强调品牌调性等。今天…

    2022年6月25日 建站资讯
    0190
  • 何为乐观派的介面交互设计?

      乐观派的介面交互设计,在理性角度来说仅仅是代表着处理使用者与介面交互的一种方式。要从感性角度去理解其背後的含义,不妨从“使用者点击按钮”这个交互动作着手。 仔细想一想,使用者操作引发介面出现错误…

    2022年6月25日
    0139

联系我们

QQ:951076433

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