详情页常见风格

html-css018

详情页常见风格,第1张

详情页常见风格

1.扁平风:

画面简约,卖点简洁明了。

2.合成风:

画面冲击力强,展示效果好。

3.3D立体风:

优点:画面空间感强,风格新颖。

4.手绘风:

色彩绚丽,画面吸引人,趣味性强。

注意:这些风格都并不是单一存在的。比如你做一个扁平风的详情页,并不是整个详情页都要做成扁平,也可以加入一些其他风格。它们一般都是结合在一起的,这样会使得这个详情页更加丰富一点。

      艺术,或者美学上的东西,大多与时代的方方面面相关,如果粗暴地把扁平化流行的原因归于信息爆炸时代人们对简洁明了的表现风格的青睐会有失偏颇。事实上,网页、APP开屏等方面的应用,为扁平化风格插画的流行起到了绝对的推进作用。视觉上简单、干净,矢量格式又使其体积很小,扁平化风格就这样被广泛运用我们生活中的点点滴滴了。

      扁平化不还原事物的本来面目,它只提炼事物特点,用简练概括的造型将事物直白地表现出来。前面说过,信息爆炸不是扁平风格流行的主要原因,但话说回来,随着人的大脑每天要接受的图片信息越来越多,使用最直接了当的图形,配上鲜明的、干脆的色彩来传递信息也是极好的选择。

拼接的图形

      扁平风插画被提炼出的造型多是几何形态。虽然单一的几何图形方便使用且容易把控,但所呈现的效果也相对死板,缺乏灵气。

     在实际创作过程中,为了增添画面的生动性和趣味性,常运用三到四个几何图形拼接组合,以其中一种几何图形作为主要的构成元素,剩余的几何图形在造型上与主要的构成元素保持一定的相似性,这样的拼接组合既可以保证画面结构的主次秩序,又能在统一中产生灵动的变化。

明快的纯色

      通常来说,简化的造型比较适宜使用平涂式的纯色块来表现,以保持造型和色彩之间的平衡,创造干净并且严格的视觉层次。且因为造型扁平,配色上适用对比强烈的纯色进行搭配,让明亮的色彩对比支持快速视觉感知,营造视觉上张力,弥补造型上的单薄。

统一的角度

      扁平化插画在事物的造型上是一直做减法的,甚至纯粹的扁平风格属于完全放弃透视语言的一种表现手法。所以,绘制扁平插画要注意角度的统一,而统一角度,也是简化造型的实用技巧。

      相对而言,一件扁平化风格的插画作品里没有什么艰涩的技术含量,需要掌握无非几个要点:把物体整体及每一处细节都块面化;注意块面之间的层级关系,即前后遮挡关系和包含与被包含关系;边缘处要利落干净,注意细节。

      除此之外,再多点儿耐心就是了。