Photoshop淘宝天猫网店设计装修从入门到精通
上QQ阅读APP看书,第一时间看更新

2.4 文字应用:网店文字应用技巧

在网店装修画面中,文字的表现与商品展示同等重要,它可以对商品、活动、服务等信息进行及时的说明和指引,并且通过合理的设计和编排,让信息的传递更加准确。本节将对网店装修中的文字设计和处理进行详细的讲解。

2.4.1 字体风格的设计与运用

当我们登入了一个店铺首页的时候,你是否会有意或无意地留意到属于这个店铺的特定的字体设计或者使用,从而影响到你对这个店铺最直观的感受,是精致、优雅、科幻、古典,还是觉得粗糙难看呢?

字体风格形式多变,如何利用文字进行有效的设计与运用,是把握字体更改最为关键的问题。当对文字的风格与表现手法有了详尽的了解后,便能有助于我们进行字体设计。在网店装修中,常见的字体风格有线型、手写型、书法型、规整型等,不同的字体可以表现出不同的风格。

专家指点

商品图片与文字两者组合形成文案,文字的字体风格也对文案的情感传达有着重要的影响作用。

1.线型字体

线型字体是指文字的笔画每个部分的宽窄都相当,表现出一种简洁、明快的感觉,在网店装修设计中较为常用。常用的线型字体有“方正细圆简体”“幼圆”等,如图2-32所示。

图2-32 线型字体

2.手写型字体

手写型字体是一种使用硬笔或者软笔纯手工写出的文字。手写体文字代表了中国汉字文化的精髓。这种手写体文字,大小不一、形态各异,在计算机字库中很难实现错落有致的效果。手写体的形式因人而异,带有较为强烈的个人风格。

在网店中使用手写体,可以表现出一种不可模仿的随意和不受局限的自由性。有时为了迎合画面整个的设计风格,适当地使用手写型字体,可以让店铺的风格表现更加淋漓尽致,如图2-33所示。

图2-33 手写型字体

3.书法型字体

书法型字体,就是书法风格的分类。书法字体,传统讲共有行书字体、草书字体、隶书字体、燕书字体、篆书字体和楷书字体6种,也就是6个大类。在每一大类中又细分若干小的门类,如篆书又分大篆、小篆,楷书又有魏碑、唐楷之分,草书又有章草、今草、狂草之分。

书法型字体是中国独有的一种传统艺术,字体外形自由、流畅,且富有变化,笔画间会显示出洒脱和力道,是一种传神的精神境界。在网店装修的过程中,为了迎合活动的主题,或者是配合商品的风格,很多时候使用书法型字体可以让画面中文字的外形设计感增强,表现出独特的韵味,如图2-34所示。

图2-34 书法型字体

4.规整型字体

规整型字体是指利用标准、整齐外形的字体,可以表现出一种规整的感觉。这样的字体也是网店装修中较为常用的字体,它能够准确、直观地传递出商品和店铺的信息。

在网店的版面构成中,利用规整型字体,并通过调整字体间的排列间隔,结合不同长短的文字可以很好地表现出画面的节奏感,给人以大气、端正的印象,如图2-35所示。

图2-35规整型字体

专家指点

除了上述介绍了几种较为常用的字体外,还有图形文字、花式文字、意象文字等,它们的外形都各有特点,且风格迥异。

2.4.2 文字编排对页面的影响

为了让网店的画面布局变得更有调理,同时提高整体内容的表述力,从而利于顾客进行有效的阅读以及接受其主题信息,在装修中还需要考虑整体编排的规整型,并适当加入带有装饰性的设计元素,用来提升画面美感,让文字编排更加具有设计感。

要做到这些要求,必须深入了解网店的文字编排规则,即文字描述必须符合版面主题的要求、段落排列的易读性以及整齐布局的审美性。

1.文字描述必须符合版面主题的要求

在网店装修设计中,文字编排不但要达到主题内容的要求,其整体排列风格还必须要符合设计对象的形象,才能保证版面文字能够准确无误地传达出信息,如图2-36所示。

图2-36 准确性的文字编排

2.段落排列的易读性

在网店的文字编排设计中,易读性是指通过特定的排列方式使文字能带给顾客更好的阅读体验,让顾客阅读起来更加顺遂、流畅。

在实际的网店装修过程中,可以通过宽松的文字间隔、设置大号字体、多种不同字体进行对比阅读的方式,让段落文字之间产生一定的差异,使得文字信息主次清晰,增强文字的易读性,让顾客更快地抓住店铺或商品的重点信息,如图2-37所示。

图2-37 易读性的文字编排

3.整齐布局的审美性

对网店来说,页面的美感是所有设计工作中必不可缺的重要因素。整齐布局的审美性就是指通过事物的美感来吸引顾客,使其对画面中的信息和商品产生兴趣。在字体编排方面,设计者可以对字体本身添加一些带有艺术性的设计元素,以从结构上增添它的美感,如图2-38所示。

图2-38 整齐布局的审美性

2.4.3 设计文字的合理分割

在网店的装修设计中,运用合理的文字分割方式,可以对图文进行合理的规划,并使它们之间的关系得到有效协调,从而把握好商品或者模特图片与文字的搭配效果。根据切割走向的不同,可以将文字的编排手法划分为垂直分割和水平分割两种方式。

1.垂直分割

垂直分割包括左图右文和左文右图两种类型。

● 左图右文:通过垂直切割将版面分列成左右两个部分,把商品或模特图片文字分别排列在版面的左边与右边,从而形成左图右文的排列形式,使版面产生由左至右的视觉流程,符合人们的阅读习惯,在结构上可以给顾客带来顺遂、流畅的感觉,如图2-39所示。

图2-39 左图右文

● 左文右图:该分割方式与左图右文相反,而是将文字放在画面的左侧,把商品或者模特的图片放在右侧,如图2-40所示。左文右图的分割方式可以借助图片的吸引力,使画面产生由右至左的视觉效果,与人们的阅读喜好恰好相反,可以在视觉上给顾客带来一种新奇的感觉,也是网店装修的首页海报中常用的一种方式。

图2-40 左文右图

2.水平分割

水平分割主要包括上文下图和上图下文两种类型。

● 上文下图:在文字的编排中,通过水平切割将画面划分成上下两个部分,同时将文字与图片分别排列在视图的上部和下部,从而构成上文下图的排列方式,可以使视觉形象变得更为沉稳,给人带来一种上升感,以增强版面整体的表现力,如图2-41所示。

图2-41 上文下图

专家指点

文字与图片的结合应用,在店面的页面设计中,需要注重两者之间的编排,不同的分割方式,能给画面带来不同的效果。

● 上图下文:将画面进行水平分割,分别将图片与文字置于画面的上端与下端,从而构成上图下文的编排方式,可以从形式上增强它们之间的关联性,同时借助特殊的排列位置,还能增强文字整体给人的视觉带来的安稳、可靠的感受,从而增强顾客对版面信息的信赖度,如图2-42所示。

图2-42 上图下文