让网站“图文列表”好看设计师想了哪些办法

来源：网站建设行业资讯网
添加时间：2022-01-15

企业网站必不可少的一个栏目或者页面，就是产品中心。而产品中心最为常见的设计方式就是“图文并排”“产品列表”。简单来说，打开产品中心，我们常常看到很多产品图片排列着，每张图片下方有文字介绍。
关于产品页面，最大的问题就是“凌乱”，即便是一线商城也存在这样的问题。如何从设计层面想办法，让企业网站的“图文列表”看起来更为整齐呢？

为何图文列表会很“乱”？

为什么军人的队列会给我整齐划一的感受呢？秘诀在于颜色（统一的服装）、动作（统一的动作）、形状（身高、形体）、方阵（人数）。
同理，而“很乱”，无非是颜色、动作、形状、数量的不统一。颜色方面，不同的产品外观颜色不同的；动作方面，不同产品拍摄视角不同，呈现出现的视觉效果不同；形状，有的企业官网产品大小不一；数量方面，页面呈现的产品数量不等。
综上，大多数的网站产品列表会给人“很乱”的感受。
网站设计方面，能不能帮帮忙，让产品列表页面看起来更为整齐划一呢？

让产品图文列表好看的办法

办法一：背景
产品图片可以是有背景层的，也可以是透明背景的。无论是那一种背景，都应该追求统一。要么全是透明背景，要么就是有背景层的，并且背景层最好设置成为统一的颜色。避免有的是透明的，有的是有背景层的。当然，将所有的产品图片设置成为统一背景，也是需要美工劳动的。
办法二：构图
构图应该追求统一。这也是电商平台的做法。例如服饰商铺，概览页面的构图可能是一致的，都是“模特+产品”的构图，亦或者是“单独产品+元素”的构图。当然，构图的统一，需要对摄影提出要求。
办法三：字数
为了要让整个页面看起来整齐，需要在产品概览页面限制每一个图片的文字说明。新闻网站就遵循了这一规则，新闻的概览页面就是“图片+限制字数”。
办法四：小图
适当缩小呈现的图片，而增加留白，也是让整个页面看起来更加规整的方法。因为产品列表页面“杂乱”，主要是图片的不一致，而缩小图片，就消减了导致“杂乱”的因子。
办法五：分割
可以使用横线、竖线、条块等对整个页面进行分割和隔开，如此，会让整个页面看起来更为整齐。
办法六：少字
有的图文组合，还可能呈现其它内容，例如“评论”“购买数量”“性能”等等，这类最好能够在详情页进行呈现，而不要呈现在概览页面。
办法七：要素
产品页面的图片设计三要素最好能够统一，或者不至于相差太多，包括明暗度、饱和度、色相。
办法八：例外
如果有的产品没有图片，或者图片无法融入整个页面，为了让整个页面看起来更为整齐，可以舍弃图片，而选择一个“通用”图片进行展示。