电商美工设计手册
上QQ阅读APP看书,第一时间看更新

2.3.1 独具个性的版式元素

在电商美工设计中,版式本身就具有很大的设计空间。在设计时可以采用不同的版式,但不管采用何种样式,整体都要呈现出美感与时尚。特别是在现如今飞速发展的社会,独具个性与特征的版式样式,具有很强的视觉吸引力。

设计理念:这是一款手机的详情页设计展示效果图。采用倾斜型的构图方式,将手机倾斜地摆放在画面中间位置,将更多的细节直接呈现在消费者眼前。

色彩点评:整体以蓝色为主色调,蓝色到紫色渐变的背景,凸显出产品的科技性能与不凡的高贵气质,而且与手机背面色调相一致,具有很强的视觉统一感。

产品下方由中心向外扩散的旋涡,具有很强的视觉动感与吸引力。同时也从侧面体现出产品轻薄的特性,让人印象深刻。

画面上方以骨骼型呈现的各种小图标解释,使消费者一目了然,同时具有良好的宣传效果。

RGB=93,124,236 CMYK=74,51,0,0

RGB=108,50,238 CMYK=75,78,0,0

RGB=255,255,255 CMYK=0,0,0,0

这是The Body Shop护肤品牌的广告设计。采用对称型的构图方式,将由不同元素构成的圆形图案作为展示主图,让画面具有很强的艺术美感。在圆形图案中间部位的标志,对信息直接进行传达。在底部呈现的产品以及文字,促进了品牌的宣传。不同明纯度绿色的运用,尽显产品的天然与健康。

RGB=24,37,30 CMYK=94,78,93,73

RGB=243,223,98 CMYK=7,10,71,0

RGB=82,148,24 CMYK=73,25,100,0

RGB=194,217,23 CMYK=31,0,98,0

这是一款帆布包的详情页设计。采用骨骼型的构图方式,将产品和文字进行整齐有序的排列,给受众直观的视觉印象。在纯色背景下呈现的产品,一方面给受众干净有序的视觉感受;另一方面适当留白的运用,可以让受众直观感受到产品的材质。不同颜色圆点的添加,丰富了画面的色彩感。

RGB=255,199,54 CMYK=0,27,85,0

RGB=207,173,99 CMYK=22,35,69,0