虎课网为您提供字体设计版块下的PS-服装家具类目详情分析-电商详情系列课图文教程,难度等级为中级拔高,下面开始学习这节课的内容吧!
本节课讲解 Photoshop(简称PS)软件 - 服装家具类目详情分析-电商详情系列课(第一段),同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.首先我们讲解服装类目详情页的理论分析,首先来了解不同的服装属性, 服装的风格总体分为潮流、简约温馨、俏皮、中式,如图所示。
2.我们先来看潮流的服装风格,这种风格的画面、构图、文字配饰和颜色的使用上比其它风格的服装更为大胆,更具视觉冲击力,不会的显得过于呆板,在展示服装页面效果时,使用模特拍摄可以使效果更好,如图所示。
3.接下来我们来看简约温馨的服装风格,这种简约的风格使用的字体以黑体为主,并且加入了手写体的英文装饰,这种风格在字体的选择上会更加多样,如图所示。
4.我们继续查看第二张简约风格的详情页,这种风格无论在背景和排版的选择上,都没有潮流风格那么花哨,背景的选择上多为单色系或者饱和度较低的颜色,排版上更多的会以成品展示和细节展示为主,如图所示。
5.我们继续查看下一张详情页,这种简约风格不用于上面两种,在制作上多以图片展示以及文字排版为主,比较注重拍摄效果,前期好的拍摄可以给后期制作带来很大的提升,如图所示。
6.再来看下一张详情页,这张图的文字排版是以曲线的形式展示,在一定的程度上代表了女性的柔美,图片上主要以实拍为主,中间添加了建模的效果,如图所示。
7.接下来我们来看俏皮的服装风格,这种详情页的制作时选择的色系,装饰还有产品上,都是以可爱为主,如图所示。
8.我们来查看下一张详情页,这种排版方式没有太多的文字介绍,多以模特和产品的展示为主,以一种电影海报的方式来展现,平时制作中可以多去看一些电影海报或者平面广告设计的优秀作品,都可以拿到电商的详情页设计中来,如图所示。
9.接了下来我们来看中式的服装风格,这种详情页的设计在装饰和选择配色上大多会以中国元素为主,在装饰上可使用毛笔字来表达,但在文字的排版上多以宋体黑体为主,注意尽量不要使用毛笔字贯穿到文案中,如图所示。
10.我们来看下一张详情页,这种中式风格使用了繁体的字体,在设计上都是以中国元素为主,制作时要根据不同的产品来选择相应的制作风格,如图所示。
11.接下来我们来了解服装类目的排版,在做服装类目时可以多去尝试不同的排版,服装类目没有严格的排版,根据产品和页面的效果来选择更好的排版,如图所示。
12.接下来我们来了解服装类目的字体选择,选择字体时一定要注意要选择可购买的字体或者可商用无版权的字体,可以使用不同的方式来制作字体,例如拉高、切割、错位等,服装类目对字体并无严格的要求,所以在制作时可以有更多的选择,当然还是要根据产品属性来进行制作,如图所示。
13.接下来我们来了解家具类目的风格分析,同样也是先了解不同的家具属性,家具的属性分为中式、欧式和精简风格,如图所示。
14.首先我们来查看中式家具的详情页,中式的风格在字体的选择上以中式的手写字体为主,在字体的排版上会以古代的书写方式来排版,可以穿插一屏作为装饰,但不可以作为主要的排版方式,否则会造成阅读困难,如图所示。
15.我们来看下一张详情页,在素材的选择上使用了竹子、山、落日等中式风格的素材,字体选择了稀缺体和拼音穿插的效果,如图所示。
16.接下来我们来看欧式风格的详情页,这种风格在中文字体的排版上倾向于使用宋体,英文字体选择了加粗的方式,在装饰上并没有像中式一样选择过多的素材,更多的是以一些小的文字排版作为点缀,如图所示。
17.接下来我们来看精简的详情页风格,这种风格的设计感非常足,在字体的选择上更加多样化,没有过多的装饰,以产品展示为主,图片和文字部分会区分开来,在制作时可以多参考其它类目的详情页来制作,如图所示。
18.在字体选择的方面,更多会以开源字体和宋体为主,在制作中式家具详情页时要尽量少用英文的点缀方式,可以使用中式的素材来做点缀,相反,在制作欧式详情页时就可以多使用英文来作为点缀,如图所示。
19.回顾本节课所学的内容,同学们可在视频下方的评论区留言,老师会根据提出的问题回复。
20.视频学百遍,不如上手练一练,你学会了吗!
以上就是PS-服装家具类目详情分析-电商详情系列课图文教程的全部内容了,你也可以点击下方的视频教程链接查看本节课的视频教程内容,虎课网每天可以免费学一课,千万不要错过哦!