Material Design 折叠屏设计指导
发布时间：2022-02-28 10:00:11 所属栏目：动态 来源：互联网
导读：Material Design 不仅仅是安卓阵营产品的设计规范和风格，甚至它鼓励设计师和开发者把这种风格用在苹果设备和 windows设备上。作为设计规范，它很包容，却有时又非常严格。使用了 Material Design 的产品给人很强的统一感和秩序感。而折叠屏的发展有需要又
|
Material Design 不仅仅是安卓阵营产品的设计规范和风格，甚至它鼓励设计师和开发者把这种风格用在苹果设备和 windows设备上。作为设计规范，它很包容，却有时又非常严格。使用了 Material Design 的产品给人很强的统一感和秩序感。而折叠屏的发展有需要又新的设计指南，下面跟着作者一起来看看吧！ 一、设备与环境 了解硬件和 UI 的注意事项是设计自适应体验的关键。 二、姿态 姿态是指可折叠设备可以采取的屏幕配置，能为 App 提供多少种不同的布局环境。 1. 折叠 折叠姿态的正面屏幕使用了与典型手机相似的比例。 当你为折叠姿态的屏幕设计时，请参考Material Design中有关移动设备的通用指南。 三、展开姿态 展开姿态是指打开的屏幕，它通常是正面屏幕的两倍大小或一个小平板电脑的大小。展开的姿态分为横屏和竖屏方向。 在展开姿态下，设备的折叠铰链在某些型号上可能会很明显。最为独特的是微软的 Surface Duo，铰链完全从物理上把屏幕分割开。 1. 展开横向 横向模式适用于较长的屏幕边水平，较短的边竖直。 2. 立放姿态（tabletop） 立放姿态描述一种特别的屏幕姿态，其中折叠屏一半与另外一半垂直。立放姿态类似于笔记本电脑：屏幕的一半是水平的，就像平放在桌上一样，而另一半则约 90 度一样竖立着。 四、可达性 当屏幕展开时，除非调整手的握姿，否则对于大多数人来说，屏幕上方的 25% 是够不着的。为了适应设备和手的大小，限制放置在屏幕上方 25% 的交互元素数量。此外，避免将重要的交互元素放在离屏幕下方边缘太近的地方。有些用户，特别是手比较大的用户，可能很难触及屏幕下方边缘的区域。 用户可能通过伸长手指到达这个区域，这使得许多人在触及这个区域时略显不便。 用户可以舒适地到达这个区域。 当手握住设备时，触及这个区域具有挑战性。 （编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号