首页 >知识讲堂 >设计知识>想要提升UI细节和体验,这10个方法要学会噢。

想要提升UI细节和体验,这10个方法要学会噢。

2020-11-26 11:44:07 阅读(403 评论(0)

假如你觉得你的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个方法要学会噢。有更深的了解和认识。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

宴会菜单设计包括哪些内容

1~30桌宴会菜单怎样设计?1分为四大类:凉菜,热菜,汤,面食2宴会主要是为了接待,一般先凉菜上,然后让客人品尝,等宴会开始然后在上热菜,热菜上完以后询问时候上面食,3凉菜:芹香花生米,酱牛肉,凉拌三丝,藤椒鸡爪,水果拼盘4…查看详情

年度十大知识产权案例整理及案件介绍【全】

为集中展示人民法院知识产权司法保护工作的成就,充分发挥典型案例的示范引导作用,经各高级人民法院推荐,结合2019年最高人民法院审理的知识产权案件情况,人民法院选定了2019年中国法院十大知识产权案件。本文整理了十大知识产权案…查看详情

手机网站建设要素有哪些

手机网站建设是为了适应移动设备和移动用户需求而设计和开发的网站。以下是一些手机网站建设的重要要素:1. 响应式设计:手机网站应具备响应式设计,以适应不同屏幕大小和分辨率的移动设备,确保内容能够自动适配并呈现良好的可…查看详情

通信数据行程卡是什么

什么是通信行程卡下线?通信行程卡下线意思是正式下线“通信行程卡”服务。“通信行程卡”短信、网页、微信小程序、支付宝小程序、APP等查询渠道将同步下线。通信大数据行程卡,俗称“行程码”。通信行程卡是什么?通信大数据行程卡,…查看详情

三证合一是哪三证 三证合一指的是什么

  在2014年之前,公司注册是需要到一个一个的部门去办理证书的,包括了工商部门、质检部门、税务部门办理三证,缺少其中一个公司都是无法注册的,在14年之后,就开始了证书的合一,到如今其实已经不是由三证合一,而是到多证合一…查看详情

紫光拼音输入法好用吗?有哪些功能?

让我们先介绍一下:紫光拼音输入法是一个汉语字,词,句子的输入法。紫光输入法有着方便、智能、快捷等特点,这些特点也使它非常受年轻人的喜欢。那么刚上手搜狗输入法的你知道它有哪些强大且好用的功能吗?一起来看看吧。1.高容量…查看详情

微信crm系统哪家好?6款微信crm客户管理系统对比

微信crm系统,是私域流量管理工具,为企业搭建微信管理功能,支持群发、好友圈、自动添加好友等,为企业客户关系维护、客服管理提供全方位支持。那么到底微信crm系统哪家好?本文总结了6款市场上较常见的crm系统进行对比。 1.&nbs...查看详情

手机软件制作公司如何选择?不能忽视这几点

现在已经进入到了一个移动互联网的时代,手机等等一些移动的客户端使用已经成为了普遍,所以各种手机软件的使用更是频繁,作为企业或者是个人,也一定要注意抓住这个时代流量,打造属于自己的手术软件,那么手机软件制作公司如何…查看详情

pr的全称是什么

pr全称是什么?是免费的软件工具吗?pr是一个视频剪辑工具,全称AdobePremiere,是Adobe家族的一员,非免费,但是有破解pr的全称是什么?全称是:AdobePremiereProAdobePremierePro,简称Pr,是由...查看详情

淘宝网店运营数据分析的核心数据有哪些?

涉及淘宝网店运营的数据类型有很多,但是最核心、最重要的数据有流量数据、网店主要页面数据、客服数据、店铺运态数据、转化率数据等。作为网店卖家,应实时监控这些决定着网店经营好坏的数据,及时跟上市场的脚步,那么淘宝网店…查看详情

国外电影票房排行榜前五,你喜欢哪部呢?

近几年来的电影深得人们的喜欢,喜欢看电影的人都会关注每个电影的上映时间,然后看完还有许多的感悟,那么,我们可以选择比较优秀的电影看,因此,要知道全球电影票房排行榜是哪些。第一名《阿凡达》说起阿凡达,当时看这部电影…查看详情

pgc和ugc是什么意思,两者有什么区别?

  关于UGC内容社区近年来成为各大app可热的模式,但是还是有很多人不知道什么是PGC什么是UGC,下面万商云集小编给大家普及一下pgc和ugc是什么意思,两者有什么区别。  关于PGC(ProfessionalGeneratedCont...查看详情

「如何查询知识产权」查询网址以及操作步骤的详细讲解

社会的发展、意识的提高,越来越多的发明人通过对其智力劳动成果申请知识产权保护,以用来保护自身利益。一份有效的知识产权检索报告,可帮助权利人发生纠纷时有效举证,维护自己的合法权益。所以,如何查询知识产权这一技能就变…查看详情

如何做好网络营销推广,企业只需掌握三个技巧

互联网时代,网络营销的效果是很好的。但很多企业却有一个难题,想尝试网络营销但却不知如何开展,更不知如何做好网络营销推广。其实企业只需要掌握三个技巧,做好网络营销推广便不再是难题。图片来源于网络 ◆  技巧一…查看详情

盘点5款功能强大的去水印免费软件

当我们使用一些美颜相机拍照时,照片上会留下水印痕迹;又或者是刷微博看到美丽的图图时,图片上的水印实在影响美感。下面让我来给各位小伙伴们盘点5款功能强大的去水印免费软件,内容如下:1.一键去水印它是一款可以消除图片上的…查看详情

首页

产品

万商学院

客户服务

会员中心

当前站点

h

选择站点

全国站成都

一 客户顾问-张三

已为0个客户提供专业互联网服务咨询
  • 手机号码
  • 验证码图形验证码换一张
  • 短信校验码

    电话咨询

    在线咨询