5个UI设计小技巧,设计师快看过来!

UI 体验是我们在产品使用过程中建立的主观感受,但这是否意味着 UI 设计师没有规则可循?事实上,除了了解用户的核心需求外,您还可以通过掌握以下 UI 体验优化技能来创建符合目标用户群体行为的设计!本文列出了 5 种 UI 体验优化技能,以揭示高级界面设计的审美面纱。

1. 深色模式下的饱和度不宜过高

当周围光线充足时,高饱和度的 UI 体验会非常舒适,但如果放置在深色背景中,UI 体验会变得非常耀眼,可读性差。提供 UI 体验优化技巧。文本应使用不同程度的灰色来划分文本级别,以便文本可以作为一个整体融入背景,用户可以快速掌握关键信息。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=kiki3251

2. 按钮要有优先级

第二个 UI 体验优化是增加按钮权重的好方法。使用不同颜色的优先级较高的按钮可以帮助用户快速做出选择。按钮的优先级表达可分为三个层次:主题色填充高度强调的按钮;中等强调的按钮用装饰色填充或边缘填充;低强调的按钮直接用文本表示。

如即时设计资源广场中的银行金融 APP 设计界面所示,对于 UI 体验优化,登录按钮使用主题颜色填充,注册按钮使用灰色填充。这是因为当产品达到稳定期时,老用户登录的比例远远大于新用户注册的比例,因此必须考虑登录按钮的更高优先级。同样,为了提高保留率,退出登录按钮时没有填充颜色来削弱它。

3. 简化不必要的动词

简化不必要的动词属于 UI 体验优化的文案类别。在设计导航栏时,尽量避免使用动词,并努力使用最短的文本让用户理解功能。如即时设计资源广场背景管理系统设计规范所示,大多数导航栏都是高概括度的两到四个单词。

4. 字体尺寸类别越少越好

在网页设计中,虽然对网站的字体没有严格的规定,但为了方便前端人员的记忆,尽量使用偶数字体大小。UI 体验优化的字体尺寸类别不宜过多,只需混合三种。当一个页面使用三种以上尺寸的字体时,页面会显得凌乱、无权威、层次结构低。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/?source=csdn&plan=kiki3251

5. 不能混合图标风格

图标是构成应用程序风格的重要元素。常用的图标包括表面图标、线性图标、双色图标、渐变图标等。一旦确定了图标的风格,本页的图标应保持一致。图标的一致性体现在边缘、圆角、颜色匹配、元素等方面。在创建图标细节和优化 UI 体验时,我们应该始终坚持相同的细节。

矢量图标 UI 体验是我们在产品使用过程中建立的主观感受,但这是否意味着 UI 设计师没有规则可循?事实上,除了了解用户的核心需求外,您还可以通过掌握以下 UI 体验优化技能来创建符合目标用户群体行为的设计!

  • 16
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值