ui设计里怎么制作横滑

1.挑选合适的使用场景
 

单页多维度信息结构是“左右横滑”较合适的应用场景，传统列表List适用垂直无限地呈现具有单一属性的内容(如朋友圈或知乎的答案)，而对于具有多个信息聚合的页面，如app，则适用横向开拓内容维度。
 

以较新版本的Airbnb为例，它将首页分为几个维度，如 Banner、流行体验、体验、住房供应和旅游目的地选择。每个维度分别占据一整行，并显示并列内容。再次查看iOS应用商店，它还将页面分成许多维度，并在不同类别中呈现不同的应用。设计师们生动地称这种设计为“泳道”。
 

可以看出，Airbnb和iOS应用商店的整个页面都是由“泳道”组成的，虽然有X和Y浏览方向，但浏览起来并不困难。然而，更复杂的场景是在Y方向列表中使用“左右横滑”。
 

2. 显眼并适宜的主题展示
 

从信息优先级可以看出，每个泳道的“主题”非常重要。一般来说，横向的每个小卡片面积不会太大，所以不可能既展示自身信息，又告知整个泳道的主题。
 

3.引导左右滑动(可见性)
 

有许多引导方法，较常见的三种方法是:在左右侧添加一个引导箭头，在底部添加一个指示器，后续内容漏一部分。
 

无论如何，*有一个明显的标志告诉用户以下内容可以左右滑动，特别是，当你的用户受众面非常广时(电子商务、新闻阅读等)，年龄大的用户可能不像设计师和产品经理那样熟悉“左右横滑”交互，这将间接导致这种方法的效率下降。
 

4.控制数量避免极限情况
 

左右滑动的内容是不是无限?当然不是。根据我的经验，一般来说5-10张卡片更好，卡片太少会导致与用户的期望不一致，一滑就见底;但是，如果太多，较好引导用户访问更详细的主题页面并显示更多相关信息。
 

需要注意的是，如果你不能控制一个主题的卡片数量，就*从设计上做好后备方案。
 

更多培训课程，学习资讯，课程优惠等学校信息，请进入 昆明官渡区平面设计培训昆明官渡区淘宝美工培训昆明官渡区UI培训昆明官渡区PS培训 网站详细了解，免费咨询电话：400-998-6158