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

未来UI设计的收获与教程总结

王多余发布于:2019-11-17 11:35 |原作者: 王宇Designer|
王多余
福建省 龙岩市 绘画/插画师
发私信 + 关注
简介: 前提我爱UI设计,内带部分个人经验分享。UI设计风格每一年都在伴随着人体交互、操作逻辑、界面美观、时代发展发生变化。像扁平化、手势、微交互、卡片式便是过去几年中的关键词。设计的更新迭代,总会有些好的设计去带动整个行业的发展趋势,而这些形成的趋势中,有的可以流行好 ...

版权申明:本文出自“王宇Designer”原创,感谢“王宇Designer”的原创文章分享!

前言

前提我爱UI设计,内带部分个人经验分享。UI设计风格每一年都在伴随着人体交互、操作逻辑、界面美观、时代发展发生变化。像扁平化、手势、微交互、卡片式便是过去几年中的关键词。设计的更新迭代,总会有些好的设计去带动整个行业的发展趋势,而这些形成的趋势中,有的可以流行好几年,也有些会被淘汰。我们来总结一下未来设计趋势。2019年6月初5G正式发布,5G最大优势可以快速的连接网络,并在几秒钟内实现下载,它所带来必然不只是图片或者视频的加载速度等,那么自然视频、H5交互动态视频、多屏一体化、无视觉化交互、AR与VR等领域肯定是值得期待的多元化新功能!

这篇设计趋势文章,您一定会有意外收获,设计师们千万不要错过!

目录

1.UI / UX

2.插画

3.动态图形

4.平面设计

5.AR/VR

1.UI / UX

1.1 多功能与适应性

仅仅给一个平台创建应用程序是很失败的,选择不同设备和跨平台应用,在笔记本电脑,PC,智能手机或平板电脑上,UI和UX能实现完美适应性,才是一种双赢的选择,才能让更多人受益。

手机灵活的屏幕扩展可以和一些平板设备进行竞争,带有柔性显示屏的可折叠手机将带来全新的用户体验。高级多功能屏幕将会参与多任务处理。它允许同时运行几个应用程序以及在它们之间无缝切换。它既可以用作手机,也可以用作平板电脑。灵活的显示屏可以使手机背面成为额外的交互空间。

(图片来源于:百度)

未来UI设计的收获与教程总结 飞特网 设计理论

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

1.2 个性化体验

大数据时代,个体兴趣多样。用户要求您提供个性化的体验,既适合他们的兴趣又可以解决个人需求的个性化服务。为了留住用户,请专注于个人,文化和情境的需求,从而准确的提供个性化推荐,确保独特又真实的用户体验。

根据听众的喜好提供个性化的播放列表。应用程序提供个性化需求的推荐,并自动推荐电影作品以适应用户的观看习惯。

(GIF图来源于:jackw)

未来UI设计的收获与教程总结 飞特网 设计理论

1.3 动画与微交互

界面动画今年依然非常重要。动画将在2020年依旧保持流行,因为它可以轻松吸引并吸引观众的注意力,并且比静态元素更令人难忘。在按钮,图标,选项卡,图表,预加载,菜单栏,滚动动画,时间轴,待机状态,启动画面,活动指示,下拉到刷新等等这些区域添加动画,会使用户的体验更加丰富而有趣。流畅的交互动画也使用户界面更直观自然。

微交互是建立在移动端上微妙视觉效果的小动画,而图标动画是微交互其中的一种。它的目的是吸引用户,让用户感觉顺畅、愉悦。为此设计师借此创造出打动人心的瞬间。

(图片来源于:Facebook)

未来UI设计的收获与教程总结 飞特网 设计理论

1.4 扁平化设计

扁平化的UI设计,平面元素,没有附加任何效果的简单形状已被用在更多设计案列中,动态图形、3D图标、动画LOGO、自定义调色板,自适应交互动画,阴影和深度错觉,基于ML和AR的功能,声音的设计等等。至于2020年的趋势,扁平化设计将通过复杂的图案,纹理,自定义更高级交互流程,为用户带来更加引人入胜的体验。

(图片来源于:追波)

未来UI设计的收获与教程总结 飞特网 设计理论

1.5 融入插画

一个好的插画作品可以为产品带来极佳的辨识度,提升用户感知度插画变得越来越多,特别是在Web界面上。多样式的自定义图形,能让用户快速感知页面或屏幕上的信息。网站和APP应用自定义吉祥物,图标和插图,能增强页面美感,并提高阅读性。例如,网站的语言非母语使用者,阅读障碍用户或非阅读学龄前儿童。包括开启通知引导动画、查找好友landing page、下拉刷新页、照片回忆等等。

(图片来源于:站酷)

未来UI设计的收获与教程总结 飞特网 设计理论

1.6 视频与图片背景

全屏背景视觉效果在UI设计中增长的趋势也势不可挡,特别是在一些网站的UI设计中使用占比更多。这些全屏背景可能是照片,也可能是特别渲染的可视化甚至是视频。使用图片或视频为全屏背景是很主流的趋势,特别是在网页设计中,全屏背景视觉效果超酷。这种方法有助于视觉上和情感上具有吸引力,并且让布局元素更加完整。举例:抖音官网、支付宝、站酷海洛

这种全屏背景给人带来的视觉冲击效果更强,在情感上更加具有吸引力。

(图片来源于:站酷)

未来UI设计的收获与教程总结 飞特网 设计理论

未来UI设计的收获与教程总结 飞特网 设计理论

1.7 响应式功能

现在一个热门趋势是:Web和APP界面主动使用分屏。这种方法被认为在响应式设计方面是有效的,它为色彩组合和实验打开了无限的空间,其功能使体验变得更轻松。一些网站使用分屏来呈现同等重要选项的二元性。对于移动设备,分屏会成为基于黑暗或明亮背景方案的界面的用户友好趋势。这是迈向适当可读性的一步。举例:苹果、华为、小米、奢侈品等官网。

(图片来源于:追波)

未来UI设计的收获与教程总结 飞特网 设计理论

1.8 UI中的插画风格

将各种3D图形用到APP和Web界面中是近年来最热门设计趋势之一。制作这类图形,对于设计师是一项相当大的挑战,因为必须掌握3D软件和特有的艺术眼光,才能产出精美作品。虽然3D渲染通常很费时间,但是它足够逼真,绝对能吸引人的注意力。随着软件技术的提升,很多应用都使用3D渲染产品,如:星巴克、Keep、毒App等,因为它真实立体、有着更高的转化率。

新鲜的色彩是成功渐变的完美选择。它们可以用于按钮,图标,插图,甚至用于排版。

(图片来源于:追波、毒APP 王宇Designer)

未来UI设计的收获与教程总结 飞特网 设计理论

未来UI设计的收获与教程总结 飞特网 设计理论


未来UI设计的收获与教程总结 飞特网 设计理论

1.9 手势导航

虽然目前按钮仍然是UI设计的重要元素之一,但设计师开始尝试取消按钮的UX交互设计。这种方法可以节省屏幕上的宝贵空间以获取更多信息,甚至可以认为它是基于手势的虚拟界面开始点。在UI设计中,对细节的更多关注非常重要。从按钮,图标,加载到导航到细微的细节,都可以打造出非凡的设计。随着新技术的出现,我们在UI中必须注意的细节始终在变化。在明年,最大的亮点之一,我们将看到越来越少的按钮,以及更多基于手势导航(此屏右滑即可返回),例如,后退按(Android的导航常用)在Android 10中正式消失。IOS端腾讯QQ、QQ邮箱、苹果11等用户体验已正式运用。

(图片来源于:百度)

未来UI设计的收获与教程总结 飞特网 设计理论

12345下一页
26

好评
24

差评

刚表态过的朋友 (50 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

王多余
福建省 龙岩市 绘画/插画师
+关注 发私信

最新评论

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

委托设计