2020-11-26 11:44:07 阅读(400)
假如你觉得你的UI设计很无聊,想让它看起来更有趣,其实有很多比较常见的方法。这些方法大多不复杂,稍加调整,总会有很好的效果。如果你想试试,不妨试试我总结的10种给UI个性的方式。1、将生命注入到文案中,无论是新用户的引导过程还是加载信息,都能给用户带来乐趣。这就是为什么OldSpice和Geico等品牌下的产品有如此广泛的认知度和影响力。在营销中引入幽默和个性化的元素,可以带来更好的广告效果和内容呈现。UX设计总监AaronWalterMailchimp说:「我们发现,在工作过程中加入幽默感、彩蛋、吉祥物和许多个性化元素,可以将原本平凡的任务转化为公众期待的体验,让人们不愿错过。」「加载中……」和「我们在努力训练有素的猴子...」两者的区别在于后者更有活力。好的文案并不一定意味着幽默。当然,对幽默的需求在不同的行业是不同的。有些网站和应用本身应该是严肃的,所以最好不要使用幽默的文案。在设计下一代产品时,请考虑如何使用户体验更加幽默和迷人。2、添加图标和表情符,添加表情符和图标,可以让你的设计一目了然。当你看到放大镜图标时,你会立即意识到点击这个图标可以搜索。我喜欢PieterLevels对他的网站NomadList的设计,用表情符让它更有吸引力,更友好。它使你的UI更具视觉吸引力,更简单有效。另外,要注意两件事,一是不要用太多,二是不要重新发明轮子或「过于创新」地使用它。尽量让它有趣,而不是让人生气,「 」是添加,购物车图标意味着购物车,齿轮图标是设置,这些协议通常不移动。以下是我获得图标的表情符号的来源:Emojioneicons8boxiconsfeathermaterial3、通过插图使您的产品更加人性化,您可以通过插图轻松地传达复杂的信息。我们从小就经历过将语言与复杂视觉联系起来的训练。我们小时候看到的各种插图和儿童读物都是学习材料。在产品设计中添加插图可以平衡界面,吸引用户的注意力,使界面的功能和信息更容易理解。但更重要的是,插图需要有明确的目的,可以作为内容的补充,而不是替代。插图应能改善用户体验,不干扰操作,风格应与界面一致,不显得格格不入。我通常得到插图的地方是:Ouch!Freepikundrawhumans4、如果你现在正在开发的应用程序有一个深色模式,那么对于像我这样常年生活在深色模式下的用户来说,这是一个好消息。深色模式使眼睛更容易适应,让人感觉不像一直盯着耀眼的灯泡。深色模式和浅色模式在设计上没有太大的本质区别。它只不过是修改整个配色方案,但颜色配置需要根据规范进行详细调整。我建议用户决定是使用深色模式还是浅色模式。模式之间的切换可以给用户带来良好的体验,给用户更强的控制感。5、在APP中,高质量的图片和其他元素一样重要。您需要仔细选择高质量的图片,使UI和体验非常生动有趣,增强UI界面的整体效果。有很多很棒的地方可以找到高质量的图片。以下是我的最爱:UnsplashPexelsfrepikadobestockPixabay6、让错误状态不那么令人沮丧。你应该把你应用程序中的每一个事件——即使它不是一个很好的错误状态——都视为一个给人留下积极和深刻印象的机会。对错误状态的感知通常是消极的。但是,如果你能帮助用户解决问题,你也可以通过个性和乐趣将其转化为积极的体验。GoogleChrome浏览器一直受到我的青睐「网络已断开」报错界面下的设计几乎提供了所有必要的信息,包括引导你如何修复网络,以及一款备受好评的小恐龙跑酷游戏!这是天才的设计!此外,我非常喜欢Dribble404页面的设计。它之所以出色,是因为它的设计真的很分心,用户会很快回到各种设计作品中。7、从动效进入设计过程到现在,它已经成为设计过程中不可或缺的一部分。无论是基于插图的动画效果,还是基于UI元素的微交互,动画效果无处不在。动效百花齐放在Dribbble上。但对于用户来说,他们仍然期望动态效果尽可能接近现实世界中的实际体验。期望物体按照通常的物理规则移动。比如慢动。一个球,我们给它施加力量,它会先加速,然后减速,这个过程是现实的。这些物理规则是动态效应的基础,也是真正的基础。如Pincipled等、XD动画,InvisionStudio、AE、Lottie、Flinto等工具逐渐兴起,使设计师能够更好更快地制作动效。我更喜欢XD中的自动动画功能。它非常直观。在我投入大量时间和精力之前,我可以快速验证创造力的可行性。最近经常用另一个很棒的工具,Airbnb制作的Lotie。Lottie让我轻松地将任何AE转化为SVG动画,对网页更友好。您可以查看以下文章的介绍:直接使用!在Lottie动态神器基础入门教学疫情期间,网络生活爆发,视频行业成为广大网民放松娱乐、了解疫情、学习防护知识的重要平台。阅读文章>>类似于插图,动画要有针对性,要优先体验,而不是分散用户的注意力。想要制作系统的动效,不妨看看MaterialDesign提供的设计规范。8、微交互可以帮助用户关注细节,类似于动画。微交互可以给用户带来意想不到的微妙体验,让你在APP中感受到真实世界的体验,微用户交互可以带来有效的即时反馈。在medium中,鼓掌(点赞)这种微互动是增强体验的一个非常典型的案例,与youtube中的点赞完全不同。在youtube中,点赞只有简单的颜色变化,从灰色变成蓝色,没有动画效果。这与两个平台本身的内容属性直接相关:文本内容需要微交互来加强感知,而在视频平台中,这种微交互将主导客人,分散用户的注意力,因此需要削弱。9、添加图案、渐变图案和渐变是使不那么吸引人的内容更加引人注目和美丽的有效方法。在图像或背景中添加纹理、图案和渐变可以快速增加普通设计的味道。当然,你可以根据实际情况发挥你的创造力,但一定要注意一件事,那就是不要让它占主导地位。10、好好利用阴影,增加层次深度,别忘了视觉上的Z轴!阴影是增加设计深度的好方法,可以使设计在视觉上更加立体。不同的元素有不同的深度,在视觉上,接近用户的元素越重要,这种重要性是通过阴影来呈现的。但仅仅因为阴影「看起来不错」使用它也有问题。在设计决策时,要有目的。添加阴影时,记得筛选优先级,为最重要的部分添加阴影。结论有很多技巧可以提高UI的细节感、视觉感和体验。如果有方向,总会有改进的方法。今天提供的这些方法是相对普遍的推广规则。
以上就是关于想要提升UI细节和体验,这10个方法要学会噢。的相关介绍,更多想要提升UI细节和体验,这10个方法要学会噢。相关内容可以咨询我们或者浏览页面上的推荐内容。我们将让你对想要提升UI细节和体验,这10个方法要学会噢。有更深的了解和认识。
推荐阅读
最新文章
猜你喜欢以下内容:
一 客户顾问-张三 一