分割布局
分割布局，将有关联的元素物理位置上相互靠近，视觉上形成一个整体；无关联的元素物理位置上相互分开，视觉上呈现分割整体的效果。
1、分割线分割
分割线是UI设计中最常见的一种分隔方式，使用线条将内容分割成独立的模块，能帮助用户理解页面层次，有分隔、组织的作用。
优点：保守、通用，不易出错。
缺点：需精细处理线条的粗细、颜色和间距，否则易造成页面拥挤和沉重感。
适用场景：用户生成内容模块，如微信朋友圈、全民K歌首页。通过分割线减轻内容不可控带来的视觉压力。
2、卡片投影
卡片投影将内容封装在具有投影效果的独立卡片中，每一个卡片的都承载不同的信息，是用户了解更多细节信息的入口。
优点：适合信息量多但视觉要精简的页面，能吸引注意力，便于用户理解信息层级。
缺点：屏幕利用率低，开发实现难度较高，设计稿与最终效果易有差距
适用场景：电商、金融类首页常见。
3、背景栏分割
背景栏分割使用不同背景色块作为容器，区分同一模块内的不同维度内容，能够在内容区分的同时，还能保持界面的统一性。
优点：布局灵活，屏幕利用率高，界面有序，能帮助用户快速理解复杂信息。
缺点：对图标视觉要求高，屏幕利用率较低，开发实现难度较高。
适用场景：内容繁多、关系复杂的页面，如大众点评、淘宝的详情页，通过背景色和标题提升视觉效率。
4、留白分割
不依赖实体线条，纯粹通过元素间的间距来实现分组，对应的就是现在流行的无框设计，不目前来说这是一个大趋势，很多主流的APP都是通过留白来做的页面分割。
优点：页面视觉舒适、规整、现代。
缺点：要求界面元素统一、重复，图片风格一致，否则易显凌乱；同时会降低屏幕利用率。
适用场景：产品调性简洁、以图片展示为主的界面，利用“亲密性原则”，将靠近的内容归为一组。
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
