详情页设计】排版怎样才能排的好看_第3页回答

2021-09-03 14:26发布

做的详情页有很多文字,在排版上有什么方法技巧可以让排版显得更好看么?

做的详情页有很多文字,在排版上有什么方法技巧可以让排版显得更好看么?

24条回答
不想说话-
2楼 · 2021-09-07 10:23

注意好大小间距以及排版格式!左右对称型 上下对称型 创意型等等!

希希
3楼 · 2021-09-07 10:32

这个要看你自己的类目了,就拿女装来讲
家居服:多用柔美的线条,颜色选用比较淡的色彩
潮流女装:一般运用强视觉的西那条,转角锋利的线条,比如三角形,细线条之类
森系女装:多选用复古的字体和浅淡的色彩,这个要根据类目来选择视觉

4楼 · 2021-09-07 17:30

遵循亲密性 对比性 对齐性 重复性原则

一颗悲伤的小树苗
5楼 · 2021-09-11 15:13

要整齐  要协调 要和谐

香蕉牛油果酸奶
6楼 · 2021-09-15 09:33

过去我做排版都习惯用那些现成的设计素材,到后来我尝试直接选一张没有经过任何修改的照片用于排版时,我才知道“图片上配上文字”其实是一个很复杂的问题,因此我有一段时间将这个问题好好地研究一番。我去翻看各类设计网站大咖们的优秀作品、找时尚杂志和精品画册,但是我的目的不是想从中找到感觉,而是希望通过一个科学、严谨的方法来找到优秀作品之间的视觉规律,我写这个答案就是将这个过程分享给大家。不过本人还只不过是设计专业的学生,学艺未精,而且文笔还不好……因此解释这样一个复杂的问题的解答过程,肯定会有很多不足的地方,大家就作一个交流吧。

为本答案做一个导航图,证明这真的是一个很复杂的问题……

1. 字体选择与字体组合方式

首先我挑选了一些我个人觉得不错的设计作品,根据这些作品的设计目的和最终效果,分为“A”、“B”两组。

A组是“图片突出”,文字存在的目的只是粉饰这张照片而已。

B组是“文字突出”,文字在图片的衬托下被重点突出出来。

然后将它们的文字部分“裁剪”出来,然后根据原本文字的样式以及文字组合方式,最后分组排列出来。

效果图如下:

可以看出这两组的字体之间差异很大的,在字体选择上:

A组的字体主要是现代等线体,笔画没有装饰。出现题材很广泛,大多数是一些商业图册上,或者用于衬托人物场景时尚气质的图片上。

B组的字体主要是古典衬线体,笔画装饰强烈。多出现在传统、自然的以及一些抒情性很强的照片上。

在字体组合方式上:

A组的字体组合都被紧密地排列在一个无形的矩形里,在视觉上形成一个面。

B组各个字之间松散地摆放组合在一起,在视觉形成一个个点。

其实可以这样去理解这两组字体在视觉心理的效果,见下图:

而造成这两组字体在视觉心理上的区别,这和一张摄影作品两个重要的元素有关

2. 主体物与视觉焦点

主体物的视觉焦点是摄影作品里的两个基本要素,因此在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品,照片里即使没有明确的主体物,也会存在一个视觉焦点。


梵梵
7楼 · 2021-09-22 10:44

一、单图排版

方法1:平铺

所谓平铺,就是把图片铺满整个版面,这种处理方式多用于封面设计:另一种平铺方式,是将内页中平铺一张大图,一半的重心在于画面的主体,然后另一半则主要排列文字或其它小图。

方法2:四周留白

平铺是图片占满版面,留白则是图片要比版面小,而且四周都要留出空白。这里分两种情况,一是图片位于版面正中央,图片周围的留白是对称的,效果类似于相框,常用于封面设计。另一种情况则是图片周围的留白不对称,留白较多的区域会用来排文字,常用于海报设计和画册内页设计。

方法3:图片一条边出血

也就是让图片的一条边与边界对齐,这种处理有点冲破束缚的意思,可以增加图片的想象力和版面的设计感。

方法4:图片拆分

意思是把一张图片拆成几份,然后稍微隔开一点排列,这样比单独的图片更有设计感和趣味性,风景类图片适合这么处理。

方法5:图片跨版

当同一个内容占据两个版面时,如果只有一张图片,这时就可以对图片进行跨版处理。跨版会让整个版式的张力凸显,而且能够更自然地将两个版面关联起来。

二、双图排版

方法1:统一大小对齐排版

也就是将两张大小一致的照片,并置在两个版面之中进行排版。这种方法在一些作品集或产品画册中经常用到,给人的视觉感受是比较简单、清晰。

方法2:大小一致错位排版

两张大小一致的图片并置,有时候会让画面显得有些呆板。所以,为了让图片看起来富于动感,又具有错落之美,我们通常可以对图片进行错位排版。

方法3:一大一小排版

这是比较常规的一种排版,优点在于对比鲜明、有张有弛。这种排版方法可以在一个版中使用,也可以在跨班中使用,排版形式比较灵活。还有另一种方法,就是把大的图片进行跨版,小图则不跨版。这样的排版,会更图片视觉冲击力和艺术张力。

三、多图排版

当一个版面内的图片比较多的时候,排版起来就会更有难度一些。多图排版通常有以下几种方式:

方法1:大小统一对齐排版

这种排版方式优点在于比较整洁,缺点就是缺少变化,一般用于目录页,或者人物介绍。

方法2:不同大小对齐排版

这种排法会比前一种更灵活一点,虽然没有统一图片的大小,但由于保持了严格的对齐关系,所以依然显得很整洁。

方法3:图片与色块组合排版

图片还可以色块进行组合,这样就不会像图片那么单调,还可以利用色块排文字。不过注意色块的颜色不要太多,且颜色最好与图片颜色相近,否则就会太花哨。

方法4:.多图错位排版

就是将相连两张图片刻意的错开,从而避免图片完全对齐的单调。错位的时候最好有具有一定的规律,才不会对读者的视觉流程造成太大影响。

方法5:按特定的形状排版图片

这种排法适合图片比较多的情况,可以避免图片太多而显得混乱,而且因为拼成的形状要与设计需求相关,所以会显得更有创意。

方法6:一大多小图片排版

当多张图片排列时,如果仅仅是将一堆大小相同的图片拼在一起,读者就会没有一个视觉重心,从而觉得画面很乏味。这时,如果突出放大其中一张图片,就会构成视觉上的冲击力和审美上的张力。因此,我们要挑出最有视觉表现力的图片,将其放大,与其它图片形成鲜明对比。

方法7:自由排版

最后一种就是自由排版,这种方法比较随意和灵活,既不需要图片大小统一,而且图片之间的排列也不需要严格对齐,只要看着舒适即可。


一个Ai
8楼 · 2021-10-29 16:48

首行缩进,笑死宋体,行间距0.5,对其

相关问题推荐

  • 回答 28

    市场调查 产品分析 策划创意 创意设计 网页生成 运营推广 数据分析按照文案分析 创意构建 设计处理 清晰直观的表现主色调设计风格 构图布局 排版方式

没有解决我的问题,去提问