相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

如何提升UI设计细节和体验?

闪闪的星仔发布于:2022-8-16 11:06 |来自:转载
简介: 如果你觉得你的UI设计起来很无聊,想让它看起来更加有趣,其实是有很多相对通用的方法。这些方法大都不算复杂,稍加调整,总会有不俗的效果。如果你想试试,不妨看下我所总结的提升UI设计细节和体验的10个方式。
如果你觉得你的UI设计起来很无聊,想让它看起来更加有趣,其实是有很多相对通用的方法。这些方法大都不算复杂,稍加调整,总会有不俗的效果。如果你想试试,不妨看下我所总结的提升UI设计细节和体验的10个方式。

如何提升UI设计细节和体验?

FEVTE编注:更多UI设计教程,和UI设计理论知识请访问飞特网UI设计教程栏目:https://www.fevte.com/plan/UIdesign/
1、给文案注入生命

无论是新用户引导流程还是加载信息,本身都能够给用户以带来乐趣。这就是为什么诸如 Old Spice 和 Geico 这样的品牌下的产品有着如此之广的认知度和影响力。

通过将幽默和个性化的元素引入到营销当中,能够带来更好的广告效果和内容呈现。

如何提升UI设计细节和体验?


MailChimp 的UX设计总监 Aarron Walter 说:「我们发现,将幽默感、彩蛋、吉祥物以及许多个性化的元素塞入工作流程当中,可以将原本平凡的任务转变成为大众所期待的体验,让人不愿错过。」

「加载中……」和「我们训练有素的猴子们正在努力……」之间的区别在于,后者更加富有生命力。

如何提升UI设计细节和体验?


好的文案并不一定意味着它幽默。当然,在不同的行业当中,对于幽默的需求是不同的。有的网站和 APP 本身应该严肃,就最好不要使用幽默的文案了。

在设计下一代产品的时候,请考虑如何将用户体验做得更加幽默、更加引人入胜。

2、加入图标和表情符

如何提升UI设计细节和体验?


添加表情符和图标能够让你的设计更加一目了然。看到放大镜图标,你会立刻意识到点击这个图标能够搜索。

我喜欢 Pieter Levels 对于他的网站 NomadList 的设计,其中使用表情符让它更加富有吸引力,更加友好。这使得你的 UI 更加具有视觉吸引力,更加简单有效。

除此之外,需要注意两件事情,一是不要用得过多,二是不要重新发明轮子或者「过于创新」地使用它。尽量让它有趣,而不是让人感到恼怒,「+」就是添加,购物车图标就意味着购物车,齿轮图标就是设置,这些约定俗成的就不要动了。

下面是我获得图标的表情符号的来源:

Emojione
Icons8
BoxIcons
Feather
Material

3、通过插画让你的产品更加人性化

如何提升UI设计细节和体验?


你可以通过插画轻松地传达复杂的的信息。

我们从小就经历过将语言和复杂的视觉进行联接的培训,我们小时候看到的各种插画和儿童读物,都是学习的素材。

在产品设计种添加插画,能够平衡界面,吸引用户注意力,让界面的功能和信息更容易被理解。

但是更重要的一点在于,插画需要具有明确的目的性,能作为内容的补充,而不是替代。插画应当能改进用户体验,不能干扰操作,样式与界面应该保持一致,不会显得格格不入。

我平时获取插画的地方一般是:

Ouch!
Freepik
Undraw
Humaans

4、深色模式

如何提升UI设计细节和体验?


如果你此刻正在开发的 APP 有深色模式,那么对于我这种常年生活在深色模式下的用户而言,简直是福音。深色模式让双眼更容易适应,让人不用感觉像一直盯着刺眼的灯泡。

12下一页
11

好评
9

差评

刚表态过的朋友 (20 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • wjkrfaie

  • 关注飞特微博

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 飞特网

委托设计