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协议

前端游戏巨制! CSS 居然可以做 3D 游戏了

↓推荐关注↓ …,?,?,?,????,?,?,?,?,?,?,?,?,?,?,?,?,?,?];然后我们去遍历这个数组, 得到地图.写一个方法去创建地图格子, 同时返回格子数组和节点数组.这里的block是在html中创建的一个预制体, 他是一个正方体.…

做好软件开发的扩展性,必须了解的六大设计原则

在面向对象软件设计领域有一系列大家所认可的设计原则,依据这些原则来设计软件,就可以让软件有很好的可扩展性,其中最重要的一条原则就是开闭原则,其他原则可以说都是以开闭原则为基础的。

私域“留量”时代:如何通过朋友圈运营实现个人IP打造

编辑导语:在私域流量这个领域里,个人IP打造最好的载体无疑就是朋友圈运营了。那么,如何通过朋友圈运营实现个人IP打造呢?本篇作者就跟我们分享了关于朋友圈应该如何运营的内容,一起来看一下。大家都知道,私域流量是一个比较大的概念,不同的流量承载载体,会衍生出各种不同的玩法。

培训机构难盈利的问题出在哪里,如何实现盈利?

竞争白热化实地培训班、托管辅导班竞争白热化了,利润越来越稀薄…现没有多少盈利。还有一部分负责人在刚招生时,掌握了不少资金,开始盲目扩张,盲目做课程推广,以期待获得更多生源和收费,从而使培训班陷入了这种恶性循环的陷阱里。其实这些到手的钱,并不是你的利润,而是你未来要支出的钱。如遇到行业快速发展时期,或者…-----想要获得更多运营技巧、doc文件,请“关注”并“转

“差异化”经营是网络培训赚钱的关键所在

“差异化经营”这个词,相信大多数人都耳熟能详,但要做到的却是…。在现有的基础上更新升级或者资源整合就是对现有的产品或者技术,进行升级版本,或者通过一些资源整合,成一个项目。你的技能以前是用来生产或制造产品,现在是把技能升级成知识培训,转换云课堂。直白一点就是可以让老师自行录好课程并上传到学校的商弈云课…在着缺点和不足之处。在创新改革时,要从功能、服务、价格等方面