移动端APP

图层让界面拥有了深度，让体验更加真实分层式的界面设计甚至成为了Google的Material Design的核心设计原则，它参考了现实世界 中人们同不同的物体进行交互的方式，将这些物理法则融入到界面交互当中。表层和投射在背景中的阴影则在界面层次中起到了重要的作用，它将不同控件和元素分隔为不同层。

分层界面中最常见的元素和特征：

1、浮动的操作按钮：通常常用的、推荐的操作被集成在这些浮动按钮中，通常你需要点击界面顶端浮动的一个圆形按钮来展开全部的浮动操作按钮。

2、放大和展开：在分层式界面当中最常见的一个例子，就是当你点击列表中一个条目的时 候，就会展开呈现其中的细节，随后你还能返回收缩让你看到完整的列表视图。

3、置顶导航：保留必要的菜单，当用户操作的时候，常驻屏幕顶端，便于操作。

4、典型的弹窗：就像桌面端的弹出式提示框那样，叠加在现有界面上的提示框，让用户登 录、提示信息，甚至是展现广告。

5、熟悉的手势：基于手势的移动端交互，改变了我们同智能设备沟通和操作的方式，屏幕不再只是单纯的触摸点击的目标，更为复杂的滑动和多点触控让手势操作带来了更多的可能性，从缩放、返回到删除，我们可以进行的操作越来越多，一些约定俗成的手势操作规则也逐步成型。

< ="/wp-content/uploads/2023/02/frc-28eabde8fce43eca21fa54845e3a6f6f.jpg">

越来越多的APP开始依赖手势操作，而屏幕上的按钮也越来越少，为有价值的内容腾出了更多的空间。这样一来，APP本身也越来越专注于内容的呈现。

小贴士：当我们谈及标准化的手势操作的时候，其实也是在强调手势的“直觉性”和通用性。 当你想要在手势操作上玩创意的时候，最好三思而后行。手势操作本身带有一定的隐藏性，所以，如果没有一定的视觉引导，用户可能会感到迷惑，不知道要如何同APP进行交互。 功能性的动效这里所说的功能性的动效指的是那些嵌入到用户交互流程、使用过程中的微妙的动效设计。它们充当界面和交互之间的协调人和连接器：当用户看到这些作为触发反馈的动画效果的时候，就明白他们的操作完成了。

6、平滑过渡，让用户注意到改变： 图标的变化在不同的阶段可以起到不同的效果。

小贴士：微妙的动效能够巧妙的连接不同的界面和状态，提升用户体验。但是千万不要滥用动效，专注体验，而不是为了使用动效而添加动效。不得不说，随着技术的发展和经验的积累，现如今的移动端设计充满了套路。能够脱颖而 出的优秀设计虽然各有特色，但是在基本的设计上，都一样的优秀。就像我们今天总结的，干净的界面、简明的配色方案、赏心悦目的动效和布局，这些基本功做好了，然后才是探索属于自己的特色。

点击【APP下载安装官方免费下载】联系客服获取。

APP制作等多端商城及电子商务行业解决方案>

文章摘自：网络