在线配资平台

2020移动UI设计方向的设计趋势

来源:中国设计在线    时间:2020-03-31    站内收藏

此前在一些设计网站看到一些设计趋势相关的内容,但大多是属于全品类的趋势。因此,我想通过我自己的了解和一些收集,重新整理一些属于移动UI设计方向的设计趋势,并且进行一些设计相关的分析。这样或许对于许多移动UI

2. 图标动画的工具

制作动画的工具有多种多样,作为

流畅的交互反馈

在线配资平台流畅的动效可以给人耳目一新的感受,让使用者感受到动效带来的愉悦性。从设计的角度来看,交互动效并不是锦上添花而是UI设计的必需品,它不应该被强调有或无,而应该被强调好或不好,好的交互反馈动效可以让整体的设计更加具有品牌调性。

1. 了解动画基础原理

动画的方式可以有很多不同的方式,并且在很多设计网站都能了解到,下面从以下几个案例来进行分析,并进行优化尝试建议。基于简单的动效效果,如何通过设计优化让动画变得更加不一样且具有差异化。

动画的基础原理

以AE作为范例来说,动效最基础的原理是由「位移、缩放、旋转、透明度」等方式结合「时间轴和关键帧」而产生的视觉补间效果,一个动效是否流畅(快或慢)往往取决于一段时间内所发生的帧数,帧数越少位移距离越大(缩放变化越大、旋转度数越多)则速度越快。了解这些基础知识并进行结合使用,便可以设计出很多不一样的动画效果。

动画的基本运动规则

在线配资平台以principle作为范例来说,动画的基本运动规则包括有:默认、缓入、缓出、缓入缓出、弹性、线性、等效果。我们可以直接使用默认的数值,亦可根据自己的习惯对这些动画效果进行微调设定来达到我们想要等效果。(不同的demo软件的基本运动规则及应用上差异性基本不会太大,我们只需要选择一款我们习惯的即可。)

2. 常见的动效反馈模块

我们知道交互动效反馈的重要性,但也需要明确哪些模块可以在设计中进行应用,这里进行了一些梳理其中包括:页面切换、对话框、上滑浮层、弹出式菜单、触发缩放类(如查看图片)、页面导航、分页滚动、小模块滑动、开关类、按钮或模块触发的反馈…等等。

3. 案例尝试

常规的动效方式基本能够满足常规的需要,而设计师在线配资平台在设计的时候更需要追求一些动效的给用户带来的愉悦感和视觉冲击力。

连动式页面切换

在线配资平台很多页面的转场效果是可以被设计为连动的转场方式,主要常见于商品详情页、插图详情页、小说/书籍/专辑等类的详情页。如下案例,左边为常规的交互方式,我们可以通过差异化的交互设计,让整体的体验更加自然流畅。

滑出式模块

滑出式模块的设计动画设计需要强调怎么出现怎么收起,通过视觉动线动的引导并告知用户模块的具体来源,并且展开或收起的时间是否需要一致也值得去思考。如下案例,通过动画细节的优化,使用弹性的动画效果让滑出浮层更加具有生命力。

滚动表现

在线配资平台滑动操作是非常常见的设计内容,无论是模块的滑动还是整体页面的滚动。如下案例,左边是比较常见的整体滑动,但如果每个内容之间赋予一个视觉时间差,那整体的视觉效果和体验感受也会变得更加不一样。

触发反馈

一些常规的内容,例如按钮、列表、图标按钮、卡片..等的点按可以结合动效的细节变化来增强反馈感受。但我们在实际应用重色是否都需要如此强调,则需要根据实际的情况而定。

4. 小结

这里我们可以思考两个问题:

1.动效的必要性?

2.动效如何进行设计?

从个人的观点来说,动效是非常具有必要性的,除了可以让整体的感受更加具有差异化,更可以拓展设计师在线配资平台对于每一个设计的思考角度。另外动效的设计应该是和静态的界面设计一样,都需要进行系统性的思考,应用在每一个细节的效果及动画参数都需要保持高度的一致性。

留白增强呼吸感

留白的设计可以让我们的界面变得更有呼吸感,相比于紧凑的设计,适当的留白可以让人在阅读时更加具有放松的心理暗示。留白是一种对比手法或方式,而非纯粹的减少内容来达到留白的目的,在有限的手机屏幕内容我们需要清楚哪些位置或内容可以做到适当留白。

1. 顶部留白

在界面的顶部减少内容的呈现或加大内容与界面顶部的间距来达到留白的方式,让使用者从一开始的就降低视觉压迫性。例如在一些设计APP的游戏详情页、个人资料页等较为常见。

2. 去线留白

在线配资平台通过减少线的使用以及间距的调整来达到留白的效果,强调内容的自然视觉分区,减少线对内容的信息干扰。例如在一些列表或具有明确大标题的内容模块下可以尝试减少线的使用。

3. 借助标题留白

在线配资平台模块与模块之间使用较大号的字体,通过大字体的支撑产生更加自然舒适的空间留白。例如iOS的系统界面的顶部大标题设计。

4. 增加边距留白

适当增加内容与内容之间、内容与屏幕之间的间距来优化界面的空间感,达到留白的效果,增强内容的聚焦。

5. 减少重色

减少大面积的重颜色使用,降低视觉层次,让整体界面的设计更加轻量化、扁平化。例如上下导航的颜色,在无需过渡强调品牌色的情况下,可以考虑使用白色或浅色来增强整体界面的呼吸感和留白效果。

6. 小结

在手机屏幕空间相对有限的情况下,我们的视觉会更加聚焦。过于密集的设计往往更会造成视觉疲劳,因此更需要多去思考内容设计的空间感,适当的留白可以降低视觉疲劳,提高视觉聚焦和阅读效率。

最后总结

在线配资平台每年都会有新的设计趋势变化,但实际上应用的设计方法都不会有太大差异。了解设计趋势可以更好的帮助我们去进行设计思考,然后再结合日常锻炼的设计基础能力作出更好的设计。趋势帮助我们明白往哪个方向做,而基础帮助我们更好的达到方向。

谢谢阅读!


欢迎关注作者的微信公众号:「IDfor」

本文来源:中国设计在线

上一篇:返回列表
关键词: 移动 UI设计 设计趋势 
编辑:cdo
相关阅读
    正在加载...