全部新闻提供最新行业动态,分享前沿设计理念
干货丨产品详情页的排版设计
时间:2024-09-12 来源:朝夕友人 点击:

无论是做产品详情页描述还是做单独的一张购物海报,从设计的角度,想要做出适合顾客的页面,就必须设计出清楚的购物引导线,确实引导顾客视线才行。而且除了要统一整体信息,还必须同时营造出页面的节奏。本文就重点给大家介绍如何从视线的顺序与版面节奏去做好排版设计。

制作引导线---

设置文案与图像时,最需要考虑的就是购物式引导线。通常,在竖排段落里阅读顺序为右上到左下,而在横排段落则是左上到右下。图片、插图和文案等,都应该尽量沿着这样的顺序来编排,以免干扰顾客的浏览。

在视线顺序的起点处可以设计一些引人注目的文案,例如,大小标题等元素就可以实现这样的效果。

另外,留白(包含有色背景)并非只有单纯的空白,它能创造出版面节奏与停顿空间的重要视觉元素,留白不仅能突显大小标题,还能控制视线的顺序。

如果能够双管齐下地同时控制图片与文案的视觉顺序,就能巧妙而统一地安排整版页面。在图例的左页里,将大型图片配置于版面最抢眼的位置,再利用大中小不同尺寸的图片,创造由左至右的视觉顺序。而文案则配合图片位置,从右上顺排至左下

沿着满版整页的对角线设计版面,往往能简单而有效地引导视觉。图例从左下角开始沿着对角线,依照大中小的顺序配置图片,即可创造明显的视觉顺序,而文案就配置在下方,就能在整页版面中成功创造出让人反复浏览的视觉顺序。

节奏与平衡---

与视觉顺序同等重要的,就是节奏与平衡。过于严谨整齐的版面,容易给人单调死板的印象。在图像的使用,大小尺寸和上下左右位置等部分下功夫,就能为版面增添强弱对比。如果图片较多,那么不需要左右各放一半,而是让两侧图片形成一对多的局面,这样才能创造出均衡的版面。

让多张图片有大小变化,可以营造出页面的节奏感。像这样在对角线两端置入同尺寸图片的设计方法,通常称为“对角线构图”,这样的构图可以赋予页面独特的节奏感和平衡感。

网格系统可通过等分页面的方式,有效地整理大量信息,但是这种设计容易使版面显的单调。在使用网格的基础上,大胆加入倾斜,参差不齐等平衡的元素,可以使单调的版面变得活泼。

另外,如果在井然有序的版面中,稍微灵活地错开设计元素的位置,或者版面中添加些许不平衡要素,就能让页面更有趣,同时也会给人带来新鲜感。

来源:阿里商学院

如果您也有此需求,欢迎咨询我们立即咨询