分类页面视觉排版标准.docxVIP

分类页面视觉排版标准

我做了快八年的界面设计，经手过不下几十个电商、内容平台的分类页改版项目，最深的感触就是，很多团队把80%的精力都花在了首页、详情页这些核心转化页面的打磨上，偏偏对分类页不上心，觉得不就是放一堆链接索引吗？随便排一排就能用。可实际上，分类页是用户从泛浏览到精准找内容的核心枢纽，用户进了分类页还找不到想要的东西，十有八九就直接关掉APP走人了。一套清晰明确、符合用户使用习惯的分类页面视觉排版标准，不光能提升用户体验，还能直接拉动平台的点击率和转化率，今天我就结合自己这些年踩过的坑、攒下的经验，把分类页视觉排版的标准梳理清楚。

1分类页面视觉排版的核心底层原则

做任何排版之前，都得先把底层原则捋顺，不然只是堆细节，很容易顾此失彼。分类页的排版，核心要守住三个原则。

1.1以用户目标为核心的导航优先原则

分类页存在的唯一意义，就是帮用户更快找到想要的内容，所以所有排版设计都得给导航让路，不能为了美观或者加广告，把核心分类入口挤到边角。我刚入行那会踩过一个大坑，当时给一个生鲜平台做分类页，产品经理说要把周年庆的促销banner放最顶部，占了半个手机屏幕，把一级分类入口挤到了banner下面，上线之后数据直接掉了快20%，后来看用户回访才发现，好多用户进来就是找蔬菜、水果分类，结果一进来全是促销广告，翻半天才能找到分类入口，一半的人没耐心翻直接走了。后来我们把分类入口