快速提升 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月11日
    0116
  • 电商直播页面设计需注意的基本要素

    时间:等於直播的状态。直播的状态是即时进行的,所以时间对於直播来说就是当前的状态。因此要在直播的过程中,直观地呈现给用户。 人物:也就是主播的资讯。直播视频内容需要通过主播来传达,因此主播资讯内容的呈…

    2022年6月25日
    0132
  • 界面动效如何避错

    1、 考虑手绘性质:手绘和工具的实际设计,需要切实的考虑到参数,手绘很多时候只是方便於创意和灵感,但是对於参数方面却没有特别的限制。 2、 不要为了视觉效果而牺牲叙述:界面中的交互需要承载着合理的叙述性质…

    2022年6月13日
    0144
  • 快速提升 UI 设计效果的 6 个小技巧 (UI 设计集-8)。

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

    2023年3月1日 SEO操作
    00
  • 我来分享如何利用摄影三分法优化网页设计。

    对于摄影师来说,分三步走的取景布局法是一个非常熟悉的概念。虽然是一个引人入胜的概念,但是在设计网页的时候,几乎没有人会拿三分法来举例。当然,这并不意味着不可能,但这种跨范畴的事情很少被人注意到。所以…

    2023年6月17日
    00
  • 聊聊公司手机网站设计新技巧你知道多少呢。

    了解响应式设计、用户体验优化、视觉层次感等技巧,以及使用HTML5、CSS3和JavaScript等技术。 (图片来源网络,侵删) 在当今的数字化时代,手机网站设计已经成为企业在线营销的重要组成部分,随着移动设备的普及和…

    2024年7月1日
    00
  • 界面细节吸睛:勾选框设计注意事项

    使用肯定的文字说明 要更快的帮助用户完成表单,最直接的方式当然是提供肯定而有效的文字说明作为勾选框的标签。 •使用label标签 这与用户体验有很大的关系,因为勾选框本身设计的尺寸很小,难以被用户点击,增加点…

    2022年6月25日
    0131
  • 网页设计过程中必须注意的几个问题

    网页设计流程,整个看上去规范而流程化的工作方式似乎按部就班就能够顺利拿到让双方都满意的结果,但其实在每一个步骤中都存在难度,某一个方面没有做好,可能就会影响到最终设计的质量。 因此在这里,Inspirr网页…

    2022年6月17日
    0112

联系我们

QQ:951076433

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