购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.2 文字

除了色彩之外,在电商美工设计中另外一个重要的组成元素就是文字。文字除了具有进行信息传达的功能之外,在整个画面的布局中也发挥着重要的作用。相同的文字,采用不同的字体,也会给受众带去不同的视觉体验。

因此在电商美工设计中,要运用好“文字”这一元素。不仅要将其与图形进行有机结合,合理搭配,同时也要根据企业的具体经营理念,选择合适的字体以及字号。

特点:

2.2.1 清晰直观的文字元素

在电商美工设计中,文字元素也是十分重要的。虽然图像可以将信息进行更为直观的传播,同时吸引受众注意,但相应的文字说明也是必不可少的。而且清晰、直观的文字元素,不仅可以起到补充说明的作用,也可以丰富画面的细节效果。

设计理念: 这是足球运动健身的网页设计。将一个踢足球的人物的腿部图像作为展示主图,直接表明了网页的宣传内容。同时超出画面的部分,具有很强的视觉延展性。

色彩点评: 整个版面以紫色和橙色为主,在鲜明的颜色对比中,尽显激情与活跃。而且适当白色的点缀,让画面的节奏感更强。

在人物后方的无衬线文字,对信息进行清楚、直观的传达。同时较大字体的运用,填补了过多留白的空缺感。

左侧排列整齐的文字,让画面整体十分统一和谐。同时也丰富了整体的细节效果。

RGB=254,198,1 CMYK=0,27,96,0

RGB=149,15,224 CMYK=68,84,0,0

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

这是护肤品精华霜的详情页设计。把产品作为整个详情页面的展示主图,将信息直接传达,使受众一目了然。绿色植物的背景,一方面表明产品原料取自天然;另一方面凸显出企业十分注重产品环保、健康的经营理念,极易赢得受众的信赖。在产品右侧竖排呈现的文字,以较大的字体将信息清晰、直观地呈现出来,同时增强了画面的稳定性,而且留空字体的运用,让画面有呼吸顺畅之感。

RGB=70,134,84 CMYK=78,36,85,0

RGB=142,194,122 CMYK=51,4,65,0

这是夏季服饰的宣传网页设计。把主标题文字在画面中间位置呈现,对信息进行清晰、直观的传达。手写字体的运用,凸显出店铺独特的经营理念以及时尚个性。文字周围夏季元素的装饰,让整个版面丰富整齐。超出画面的部分,具有很强的视觉延展性。小文字的添加,则丰富了细节。

RGB=11,89,19 CMYK=94,53,100,28

RGB=211,33,29 CMYK=15,100,100,0

2.2.2 文字元素设计技巧——适当运用立体字

在电商美工设计中,扁平化的文字多给人以单调乏味的视觉感受。因此在进行设计时,可以在画面中适当运用立体字,或者直接将立体文字作为展示主图。这样不仅可以增强画面的创意感,同时也可以让版面具有较强的视觉层次。

这是Anniversary 15周年纪念日电商网站活动的专题网页设计。采用分割型的构图方式,将整个版面进行分割。在分割部位的礼品,营造了浓浓的节日氛围,同时增强了画面的稳定性。

将立体的主标题文字适当弯曲,在顶部呈现,将信息直接传达。画面中小元素的添加,则具有较强的视觉动感。

以蓝色作为背景主色调,在鲜明的颜色对比中,凸显节日的热情与活跃。

这是Pentagon防盗门系列的立体字创意广告设计。采用倾斜型的构图方式,将立体化的文字比作一堵坚实的墙面,以倾斜的方式在画面中呈现,凸显出防盗门的特征,给受众直观的视觉冲击。

以明纯度较低的灰色作为背景主色调,简单、朴实的颜色从侧面凸显出防盗门的安全性能。蓝色的运用,让这种氛围更加浓烈。

配色方案

佳作欣赏 aLiQ8nwQ5t54vdfApLRSVMfhm5wU4eLm0fMWrmxPLfp3X0m47alx1DYCAFSZFvdQ

点击中间区域
呼出菜单
上一章
目录
下一章
×