下载掌阅APP，畅读海量书库
立即打开
版式对于一个完整的电商美工设计来说是至关重要的。常见的版式样式有：分割型、对称型、骨骼型、放射型、曲线型、三角形等。因为不同的版式都有相应的适合场景以及自身特征，所以在进行视觉传达设计时，可以根据具体的情况选择合适的版式。
版式就像我们的穿衣打扮，就算每一件单品都价值不菲，但如果没有合理的搭配，也凸显不出穿着者的品位与格调。因此，只有将文字与图形进行完美搭配，才能对信息进行最大化传达，同时也会促进品牌的宣传与推广。
特点：
在电商美工设计中，版式本身就具有很大的设计空间。在设计时可以采用不同的版式，但不管采用何种样式，整体都要呈现出美感与时尚。特别是在现如今飞速发展的社会，独具个性与特征的版式样式，具有很强的视觉吸引力。
设计理念： 这是一款手机的详情页设计展示效果图。采用倾斜型的构图方式，将手机倾斜地摆放在画面中间位置，将更多的细节直接呈现在消费者眼前。
色彩点评： 整体以蓝色为主色调，蓝色到紫色渐变的背景，凸显出产品的科技性能与不凡的高贵气质，而且与手机背面色调相一致，具有很强的视觉统一感。
产品下方由中心向外扩散的旋涡，具有很强的视觉动感与吸引力。同时也从侧面体现出产品轻薄的特性，让人印象深刻。
画面上方以骨骼型呈现的各种小图标解释，使消费者一目了然，同时具有良好的宣传效果。
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
在电商美工设计中，可以在画面中添加一些小元素，或者运用有具体内容的背景，甚至可以通过色彩不同明纯度之间的对比等方式，来增强画面的视觉层次感。
这是一款指甲油的详情页设计。采用倾斜型的构图方式，将产品以不同的角度进行倾斜摆放，给受众直观的视觉印象。背景以镂空形式呈现的文字，既增强了画面的稳定性，又让画面具有层次感。
详情页以明纯度适当的橙色为主色调，尽显春季的生机、活跃。产品颜色不同，在鲜明的颜色对比中，让春日的鲜活氛围更浓了一些。
这是夏季服饰折扣的优惠券设计。采用相对对称的构图方式，将部分重叠摆放的优惠券作为展示主图，对信息直接进行传达。同时适当添加阴影，增强了画面的视觉层次感。
以白色作为背景主色调，凸显版面内容。适当添加橙色，让优惠券成为整个版面的视觉焦点，具有良好的宣传效果。适当红、绿色的点缀，在互补色的鲜明对比中，营造了夏日激情的活跃氛围。
配色方案
佳作欣赏
