移动端屏幕越来越大，但用户对内容量的要求也水涨船高。如何在有限的屏幕内透出更多的内容，是设计师们研究的重点。今天小编主要给大家分享ui设计里怎么制作横滑，希望对你们有帮助!
1.挑选合适的使用场景
单页多维度信息结构是“左右横滑”最合适的应用场景，传统列表List适用垂直无限地呈现具有单一属性的内容(如朋友圈或知乎的答案)，而对于具有多个信息聚合的页面，如app，则适用横向开拓内容维度。
以最新版本的Airbnb为例，它将首页分为几个维度，如 Banner、流行体验、体验、住房供应和旅游目的地选择。每个维度分别占据一整行，并显示并列内容。再次查看iOS应用商店，它还将页面分成许多维度，并在不同类别中呈现不同的应用。设计师们生动地称这种设计为“泳道”。
可以看出，Airbnb和iOS应用商店的整个页面都是由“泳道”组成的，虽然有X和Y浏览方向，但浏览起来并不困难。然而，更复杂的场景是在Y方向列表中使用“左右横滑”。
2. 显眼并适宜的主题展示
从信息优先级可以看出，每个泳道的“主题”非常重要。一般来说，横向的每个小卡片面积不会太大，所以不可能既展示自身信息，又告知整个泳道的主题。
3.引导左右滑动(可见性)
有许多引导方法，最常见的三种方法是:在左右侧添加一个引导箭头，在底部添加一个指示器，后续内容漏一部分。
无论如何，必须有一个明显的标志告诉用户以下内容可以左右滑动，特别是，当你的用户受众面非常广时(电子商务、新闻阅读等)，年龄大的用户可能不像设计师和产品经理那样熟悉“左右横滑”交互，这将间接导致这种方法的效率下降。
4.控制数量避免极限情况
左右滑动的内容是不是无限?当然不是。根据我的经验，一般来说5-10张卡片更好，卡片太少会导致与用户的期望不一致，一滑就见底;但是，如果太多，最好引导用户访问更详细的主题页面并显示更多相关信息。
需要注意的是，如果你不能控制一个主题的卡片数量，就必须从设计上做好后备方案。
jsjzx/Graphic_Design/620120
大项目贯穿教学 还原企业项目应用真实场景，培养项目全流程思维模式 TTS9.0学习平台 全能型TTS9.0学习平台，学练测评教AI智能全方位辅助 OMO线上线下融合 线上线下自由切换，全日制、业余班无缝衔接。讲师、服务相同 因材施教分级培优 因材施教，分级培优，针对不同基础学员，对标企业不同岗位教学 O2O双师教学模式 统一教学师资、教学质量、就业质量，同时实战老师一对一辅导 大厂级课程研发 课程内容研发引进互联网大厂项目，融入行业前沿技术
中国IT职业教育领军企业 达内时代科技集团有限公司（简称达内教育），美股交易代码：TEDU，成立于2002年。 2014年4月3日成功在美国上市，融资1亿3千万美元。成为中国赴美国上市的职业教育公司，也是引领行业的职业教育公司。 达内致力于面向IT互联网行业，培养软件开发工程师、测试工程师、系统管理员、智能硬件工程师、UI设计师、网络营销工程师、会计等职场人才。2015年起，推出面向青少年的少儿编程、智能机器人编程、编程数学等K12课程。 达内的使命：缔造年轻人的中国梦、缔造达内员工的中国梦 达内的愿景：做管理-的教育公司 开设课程 达内时代科技集团成人类课程方向：JAVA企业级应用软件工程师、Java互联网架构软件工程师、Java大数据工程师、Web前端开发工程师、网络运维与网络安全、Linux云计算工程师、Python 人工智能软件工程师、-嵌入式软件工程师、C++-软件工程师、PHP/web.3.0互联网工程师、-软件测试工程师、Android软件工程师、IOS软件工程师、.NET软件工程师、全链路UI设计师、商业插画、商业视觉设计课程、产品级UED交互设计师、全栈式CAD设计师、产品经理、VR开发工程师、VR次世代模型师、-网络营销师、新电商运营官、企业级影视视效、人力资源经理人课程、总账会计课程
江苏省
