• 微信:WANCOME
  • 扫码加微信,提供专业咨询
  • 服务热线
  • 0769-23063100
    13027920428

  • 微信扫码访问本页

2019 APP&网页交互视觉设计趋势

旺道.商弈 -> 正文

随着技术的进步,电子设备更加智能,给予了设计更大的空间和可能性。2019新的一年APP和网页会有怎样的设计趋势,我小小的总结&展望了一下,写下这篇文字。

2019 APP&网页交互视觉设计趋势

1. 线上+线下的进一步融合

这几年,纯线上的人机交互已延续到线下,比如盒马鲜生和超级物种,把传统超市互联网化的同时,设计师必须考虑更多线下支付场景和物流方式,用户的画像和购买动线也有了新的定义。最近在看的《不可消失的门店》,也介绍了新零售中电商和门店如何互相牵制进而调整战略的行为。

2. 购买方&销售方同步性更高

在2019年,购买方和销售方的互动也会更加紧密,各大厂牌在战略上加大了对销售和运营方的培养。比如淘宝和京东都为卖家提供了更多销售数据分析的内容和商家展示商品模块的设计功能,金融行业中,客户经理与客户把沟通线上化,并且能同步跟踪彼此的进度。这些对设计师来说都是新的体验和挑战。

3. 故事性与内容优先

在信息充斥日常的时代,大约25%的APP在使用一次后就被删除,吸引用户目光就成为重要的目标。在我看来,交互视觉和运营手段的有机融合才是2019年能打出的一张王牌。运营上我们需要提供更好的文案内容,注意操作功能的完整性和延续感,给用户故事一般的沉浸感。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

设计上提供更多定制化内容吸引用户。用户不需要太多学习成本,但使用时量身定做的内容会让他们成为忠实的用户。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

4. 无衬线字体VS衬线字体两极分化

在过去的一年,众多大牌LOGO都启用了新设计,Sans和苹方一类的无衬线字体获得了更多的大众认可。无衬线字体拥有干净和极简的特点,在多种尺寸屏幕和印刷物上都具有识别性高的绝对优势,在2019年,这种字体样式会继续普及到更多的页面展示中。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

另一方面,衬线字体和复古感设计开始小幅度的回归,图标也从极简回归,与无衬线字体产生了两极分化。经典的Bookman字体和手写体又流行了起来。衬线字体的优点在于个性化风格的展示,用视觉表达出独有的品味和风格。针对特定人群或者特定场景来说,设计过的衬线字体让用户产生更大的共鸣。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

5. 渐变色依然流行,不对称风格开始流行

2018年渐变色大行其道,2019年依然流行,而且在用色上更加大胆激进。Pantone也发布了2019的主打流行色珊瑚粉Living Coral,同期发布的色彩组合也鲜艳活泼。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

在排版上,不对称和破形风格日益增多。在APP界面上使用层叠效果,既会给界面层次感和趣味性,又能自然的引导用户触达每一个页面。在新的一年,这样的新风格也会给人新的浏览体验。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

6. 拟物化回潮&插图风格重新热门起来

在经历数年扁平设计之后,APP和网页中的装饰性风格开始回潮,线性的图标们开始重新有了阴影和明暗效果,显得更有质感。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

很多页面在电商崛起和潮牌当道的风潮下重启插画风格,也出现很多华丽丽的的2.5D效果,这样的设计可以很自然的把诸多元素齐聚一堂展现出来,比纯平面的设计更有活力。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

7. 动画效果和界面功能更加自然的结合

微交互的使用从去年延续到了现在,顺滑的过渡动画会让APP鲜活起来。考虑到开发成本和手机性能,有时候微动画更容易落地并产生好的效果。比如最常见的加入收藏、点赞、完成确认等等,这些小优化让用户更明确得到自己操作的反馈,这些情感化的表达让人会心一笑。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

8. 短视频的进一步深度运用

随着硬件性能提高,短视频在app和网页中的运用爆发式增长。除开以短视频为主体的APP们如抖音,爱奇艺不谈,从电商类APP使用短视频展示商品,到聊天APP提供短视频秒拍表情包,到网页中使用视频动态背景烘托气氛,我们都可以感受到视频带来的新感受。这一类短视频丰富了页面内容,把复杂的概念简单表达,并让用户感同身受。

2019 APP&网页交互视觉设计趋势

9. AI+AR的落地性运用

人工智能这几年成为大热,从GoogleHome,Amazon Alexa到小米的小爱,从金融业务的人脸识别到电商的智能机器人客服,最近微信阅读app也有了模仿语音的朗读功能。有研究表明,生物识别市场预计将在2016年至2022年以29.3%的复合年增长率增张。AI的出现扩大了设计师需要考虑的设计边界,也给设计师提出了新的挑战。

2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势2019 APP&网页交互视觉设计趋势

潮流在变而风格永存,设计也是一样。在我看来,最好的设计是用户不需要刻意学习和感受,就能被引导完成Ta想要的目标,更好的话,能够愉悦的享受这个过程,这一定是从规划,流程到设计融合的美好的协作成果。

今天也看了张小龙在微信公开课谈未来的微信方向,能保持需求真切为用户服务的坚持让人感动,推荐大家去看。2019年,值得我们期待。

新年新气象,也祝大家在新的一年身体健康,工作顺利,事事顺心~笔芯

作者:喵呜不吃鱼,公众号:呼噜猫薄荷

本文由 @喵呜不吃鱼 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

陈春花:营销的根本在于理解消费者

巨变时代,企业曾经行之有效的经验和方法也许不再有效,营销需要做合适的事情,其根本在于理解消费者,在创造顾客价值上的有所作为。春暖花开市场经济环境

生意有术(NO.24):像素级模仿顶尖高手

所以,很多人会热衷于报这个班,报那个班,各种的认识人,这一定程度上是急性“学习狂热症”,很容易造成迷失,迷失在各种方法体系里,有的东西却彼此相悖

穷人变富需要具备的四大能力,你有吗?1 抗拒诱惑游戏、视频、麻将-今日头条

穷人变富需要具备的四大能力,你有吗?1 抗拒诱惑游戏、视频、麻将、小说等等这些东西无时不刻诱惑着我们。穷人若想变富,必须要把精力和时间用在学习知

程序员三大基础思维简谈:协议、接口和分层

不管是硬件设备、软件概念或者是网络通讯中,协议、接口无处不在,软件系统离不开分层模型。协议和分层,各种课程都有涉及,但可惜的是,很多计算机类专业

老实人做生意做不好是有原因的:人家给你钱,你都不敢收!

这里面底层的差别在哪里,你有两个问题需要及时去解决:第一:你不会收钱;要做到这点,咱们必须得找到自己的价值,同时,还得让客户认识到你的价值。

Google 在中国大陆上线官方镜像资源站,为开发者提供访问和支持

摘要: Google 中国近日在其运营的公众号「谷歌开发者」中发布公告:目前国内开发者可通过 google.cn 直接访问 web.dev 以及... ...

生意之道:想赚大钱,就要学会与人分钱

只要你得到了好处 ,你就一定要分给别人,你只要每次都给了别人好处,你就会有源源不断的生意,就会源源不断地赚到许多莫名其妙的钱财,哈哈,这个莫名其... ...

2024流量共生,公域做规模,私域要复利

公域和私域是共生关系,在单独探讨一方时候总不自觉地思考与另一方的关系和联动。有很多企业两者之间会有所侧重,比如重公域销售,跑通投产比就持续放大,... ...

Nginx 常用配置汇总!从入门到干活足矣

众所周知,Nginx 是 Apache服务不错的替代品。其特点是占有内存少,并发能力强,事实上 Nginx 的并发能力在同类型的网页服务器中表现... ...

分布式架构和微服务架构的区别

1、含义不同微服务架构是一种将一个单一应用程序开发为一组小型服务的方法,每个服务运行在自己的进程中。分布式系统是若干独立计算机的集合,这些计算机... ...

大屏可视化综合展示平台解决方案

概述建立大屏可视化综合展示平台,构建各业务板块统一的大数据分析平台,构建数据驾驶舱与智慧调度平台。深入探索挖掘企业的客户信息数据,以“大数据”理... ...

Ideogram:一款秒杀Midjourney,免费无限生成的AI绘画神器

导读:Ideogram AI是一个文本生成图片的平台,它最大的优点就是好用、免费又没有生成限制,因此可以秒杀MJ和SD。AI绘画是人工智能领域的... ...

陈春花:营销的根本在于理解消费者

巨变时代,企业曾经行之有效的经验和方法也许不再有效,营销需要做合适的事情,其根本在于理解消费者,在创造顾客价值上的有所作为。春暖花开市场经济环境... ...

穷人变富需要具备的四大能力,你有吗?1 抗拒诱惑游戏、视频、麻将-今日头条

穷人变富需要具备的四大能力,你有吗?1 抗拒诱惑游戏、视频、麻将、小说等等这些东西无时不刻诱惑着我们。穷人若想变富,必须要把精力和时间用在学习知... ...

ChatGPT时代,重新定义官网

ChatGPT时代已来,人机之间用自然语言交流成为现实,用户表达需求的方式可以更自然、更直接。那么,各大网站上复杂的导航栏设计、重复性极高的筛选... ...

小红书高时效推荐系统背后的技术升级

在小红书 APP 中,推荐系统的实效性对推荐效果有着特别重要的影响,特别是作为 UGC 平台,小红书的推荐系统如果能更快地捕捉用户与笔记之间的变... ...

你的店铺真的盈利了吗?万能「烘焙运营公式」奉上!

面包王子说:做好一个店铺,并不只是运营店铺,而是在做一家企业,门店需要一家企业所要拥有的一切。包括:组织能力、战略能力和营销能力的三大方向。我们... ...