让网站“图文列表”好看 设计师想了哪些办法?
发布时间:2021-01-04
企业网站必不可少的一个栏目或者页面,便是产品中心。而产品中心最为常见的规划方式便是“图文并排”“产品列表”。简单来说,翻开产品中心,咱们常常看到很多产品图片排列着,每张图片下方有文字介绍。
关于产品页面,最大的问题便是“凌乱”,即便是一线商城也存在这样的问题。怎么从规划层面想方法,让企业网站的“图文列表”看起来更为规整呢?
为何图文列表会很“乱”?
为什么军人的行列会给我规整划一的感触呢?诀窍在于色彩(共同的服装)、动作(共同的动作)、形状(身高、形体)、方阵(人数)。
同理,而“很乱”,无非是色彩、动作、形状、数量的不共同。色彩方面,不同的产品外观色彩不同的;动作方面,不同产品拍照视角不同,出现出现的视觉效果不同;形状,有的企业官网产品大小不一;数量方面,页面出现的产品数量不等。
综上,大多数的网站产品列表会给人“很乱”的感触。
网站规划方面,能不能帮帮忙,让产品列表页面看起来更为规整划一呢?
让产品图文列表好看的方法
方法一:布景
产品图片可所以有布景层的,也可所以通明布景的。无论是那一种布景,都应该寻求共同。要么全是通明布景,要么便是有布景层的,并且布景层最好设置成为共同的色彩。防止有的是通明的,有的是有布景层的。当然,将所有的产品图片设置成为共同布景,也是需求美工劳动的。
方法二:构图
构图应该寻求共同。这也是电商渠道的做法。例如服饰商铺,概览页面的构图可能是共同的,都是“模特+产品”的构图,亦或者是“单独产品+元素”的构图。当然,构图的共同,需求对摄影提出要求。
方法三:字数
为了要让整个页面看起来规整,需求在产品概览页面约束每一个图片的文字说明。新闻网站就遵从了这一规则,新闻的概览页面便是“图片+约束字数”。
方法四:小图
恰当缩小出现的图片,而添加留白,也是让整个页面看起来更加规整的方法。因为产品列表页面“凌乱”,主要是图片的不共同,而缩小图片,就消减了导致“凌乱”的因子。
方法五:切割
能够使用横线、竖线、条块等对整个页面进行切割和离隔,如此,会让整个页面看起来更为规整。
方法六:少字
有的图文组合,还可能出现其它内容,例如“评论”“购买数量”“性能”等等,这类最好能够在详情页进行出现,而不要出现在概览页面。
方法七:要素
产品页面的图片规划三要素最好能够共同,或者不至于相差太多,包含明暗度、饱和度、色相。
方法八:破例如果有的产品没有图片,或者图片无法融入整个页面,为了让整个页面看起来更为规整,能够舍弃图片,而挑选一个“通用”图片进行展现。