页面布局小技巧
前言
在设计中页面布局和排版决定了用户阅读时的便捷和清晰程度，在此总结了几个小技巧分享给大家
接近性原则
当我们有很多个元素时，排列得较为靠近的在视觉上我们就会把它们归为一体
先来几个小栗子
这样排版时，视觉上就会认为这样是一个整体，或者每一个单独的元素为一个模块组成了一个这样的整体。
当我们将上两行元素紧凑排放，而增加与第三行元素的间距，此时视觉上上面两行就是与下面一行分开的一个整体，此时画面被分为两个板块
当我们再改变元素的排版，使得三行都有一定的间距时，视觉上会将这些元素看做为三个模块
文字排版也遵循一样的规则
当文字紧凑排列视觉上会更加舒服，将文字视为一个整体。
举个栗子~
调整过后，可以明显地感觉到用户名字，头像及时间为一个整体，评论单拎出来，使得信息更加清晰了
运用到排版中，我们会发现，适当增加间距可以使得阅读和观看更加清晰有效
来一个实例体会一下
将相关表单字段和标签放置在一个紧凑的布局中，可以让用户一目了然地了解到每个字段的用途。
常用页面布局
列表布局
列表布局是小屏幕限制下的常见版式，适用于较长的文字信息组合的界面布局。如：对话列表，分类信息展示等。
*优点：信息直观，节省界面空间，浏览效率高
*缺点：列表形式单一，容易产生视觉疲劳
卡片流
卡片式采取了图像与文字结合的方式传递信息，在有限的空间增加了视觉上的无限可能
*优点：信息直观，节省界面空间，浏览效率高
*缺点：呈现的信息量较小
瀑布流与Feed流
瀑布流是指在页面滑动的时候，内容会不断刷新出来，Feed流在流动时会对内用进行干预，根据用户的喜好来推荐内容
*优点：展示具有吸引力，并且不断更新
*缺点：依赖图片的质量好坏
宫格布局
通常承载较为重要的功能，一般用于快捷键的入口。标签式布局视觉上会程序出比较明显的层级
*优点：入口展示清晰，查找方便
*缺点：扩展性较差，标题不宜长
手风琴布局
手风琴布局常用语两级结构的界面中，当用户点击分类图标式，可展开二级内容
*优点：可以承载较多信息，减少界面跳转率
*缺点：同时打开多个菜单时，容易找不到标题
总结
页面布局的样式还有很多，UI设计师们也可以在此基础上创造无限可能，在适用性和用户的浏览高效性的需求下，界面功能清晰地呈现就显得尤为重要啦~
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真）、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）、微信小程序定制开发等一系列互联网应用服务。
公安局备案号：
专属顾问
