- 中文版Photoshop淘宝网店设计入门与提高
- 周嘉
- 2683字
- 2020-06-24 16:50:55
1.8 文字的重要表现
在网店设计中,文字的表现与商品展示同等重要,它可以对商品、活动和服务等信息进行及时的说明和指示,并且通过合理的设计和编排,让信息的传递更加准确。
1.8.1 常见的字体
字体风格形式多变,如何利用文字进行有效设计与运用,是把握字体最为关键的问题。对文字的风格与表现形式有详细的了解,有助于我们进行字体的设计。常见的字体有多种外形,规整体、线性体、手写体和花饰等,不同的字体可以表现出不同的风格,在网店设计中的应用也各不相同。
1.规整体
利用标准、整齐外形的字体,可以表现出一种规整的感觉,这样的字体是网店设计中常用的字体,它能够准确、直观地传递出商品或店铺的信息。在网店的版面构成中,利用规整的文字,调整字体间的排列间隔,结合不同长短的文字可以很好地表现出画面的节奏感,给人大气、端正的印象。在特价广告中,使用工整的文字对细节进行说明,让画面信息传递更准确、及时,同时让画面显得饱满,张弛有度,如图1-29所示。
2.线性体
线性的字体是指文字的笔画每个部分的宽窄都相当,表现出一种简洁、明快的感觉,在网店设计中较为常用。常用的线性字体有“幼园”“方正细圆简体”等,以纤细的线条来修饰清爽的画面,通过线性的字体与之相配,突显出文字精致、简洁的视觉效果,两者之间风格一致,给人留下明快、清爽的印象,如图1-30所示。
图1-29
图1-30
3.手写体
手写体,顾名思义就是指手写风格的字体,手写体的形式因人而异,带有较为强烈的个人色彩。在网店设计中使用手写体,可以表现出一种不可模仿的随意和不受局限的自由性,有时为了迎合整个画面的设计风格,适当地使用手写体可以让店铺的风格表现得更加淋漓尽致。但是手写体在设计中最好与其他字体搭配使用,如果大段文字都使用手写体,很容易产生视觉上的审美疲劳,图1-31展示出了浓浓节日原汁原味的自然风情。
手写体也会因为题材不同而表现得不同,如在表现儿童的天真、活泼时,带有童趣色彩的文字最合适不过,利用色彩鲜艳且笔画逗趣的文字,可以表现出可爱的个性特征,也让画面显得更加轻松有趣,如图1-32所示。
图1-31
图1-32
除了以上介绍的几种较为常用的字体以外,还有书法体、图形文字和意象文字等,它们的外形都各自有各自的特点,且风格迥异。不论什么外形的字体,在进行店铺设计的过程中,只要与画面的风格或者想要表达的意境相同,就能获得满意的视觉效果,同时传递出文字本身所具有的准确信息。
1.8.2 文字的编排
众所周知,在网店设计中添加必要的文字信息除了有传播信息的作用外,还让画面布局变得有条理,同时提高了整体内容的表述力,从而利于顾客进行有效阅读以及接收其主题信息。在实际的设计过程中,不仅需要考虑整体编排的规整性,还要适当地加入带有装饰性的设计元素,以提升画面的美观性,让文字编排更具有设计感。
在文字的编排设计中,为了使设计出来的网店画面能够达到理想中的视觉效果,应当对文字的编排准则进行深入了解。根据排列要求的不同,我们将编排准则归纳为3个部分,其一是文字描述必须符合版面主题的要求,即准确性;其二是段落排列的易读性;其三则是布局的审美性。
1.准确性
在网店设计中,编排文字的准确性不仅指文字所表述的信息要达到主题内容的要求,还要求整体排列风格符合设计对象的形象。只有当文字内容与排列样式都达到画面主题的标准时,才能保证版面文字能够准确无误地传达信息。在新品促销的广告中,使用简洁的词组来对商品名称和信息进行介绍,让词组与图片产生关联性,同时利用文字的准确描述来提高顾客对商品的认识和理解,如图1-33所示。
图1-33
2.易读性
所谓编排的易读性,是指通过特定的排列方式,使文字能在阅读上给顾客带来顺遂、流畅的感觉。在网店的设计中,可以通过多种方式来增强位置的易读性,如宽松的文字间隔、设置大号字体和多种不同字体进行对比阅读等,这些做法都能让段落文字之间产生一定的差异,使文字的信息主次清晰,让顾客容易抓住信息的重点。店铺海报设计中,经常会看到刻意将版面中的部分文字设定为大号字体,并配以适当的间距,同时使用修饰元素对文字的信息进行分割,使它们的阅读性得到了提高,如图1-34所示。
图1-34
在网店设计的文字编排中,编排的方式是多种多样的,而且不同的排列样式所带来的视觉效果也是不同的,根据设计的需要选择合理的编排方式,有助于整体信息的传达。需要注意的是,在进行文字的编排时,还应考虑它本身的结构特点以及段落文字的数量,如当文字的数量过多并且均属于小号字体时,就可以采用首字突出来提升整段文字的注目度。
3.审美性
审美性是指文字编排在视觉上的美观度,美感是所有设计工作中的重要因素,其作用是借用事物的美感来打动顾客,使其对画面中的信息和商品产生兴趣。为了满足编排设计的审美性,会对字体本身添加一些带有艺术性的设计元素,从结构上增添它的美感。图1-35所示的网店主题设计中,通过添加可爱的设计元素,将其与单一的文字组合在一起,利用色彩之间的设计和位置的巧妙安排,增强其趣味性,也提升了整个文字的艺术性。
图1-35
小提示
网店设计的文字编排中,通过加入艺术字体来提升画面整体的艺术性,可以给顾客以美的感受。值得注意的是,艺术字体的表达内容与风格必须与整个版面的主题以及文字本身的内容相符,否则徒有美感的文字设计,只会给人带来如昙花一现般的视觉感受。
1.8.3 增加字体的感觉
为了增强网店设计页面中阅读的可读性与趣味性,设计时要将富有设计感的字体样式融入画面中,并且这些充满想象力的字体设计,还能起到打破传统编排在布局上的呆板感。在实际的装修设计过程中,我们可以通过多种方式来提升文字在结构上的设计感及设计深度,如运用图形、肌理和描边等辅助元素,让文字的表现更加丰富。
1.连体字让文字整体感增强
连体字就是通过寻找单个字之间存在联系的笔画,通过特定的线条或者形状将其连接在一起,制作出自然、流畅的文字效果。图1-36所示为网站首页欢迎模块的标题文字,通过将部分笔画进行连接,把文字紧密联系在一起,使其呈现出一个完整的外形,更显精致与大气。
2.立体字表现出强烈的空间感
立体字是在设计的过程中通过添加修饰形状或者阴影的方式,使字体产生出空间感,再经过文字色彩及明暗的调整,使文字的立体感增强。图1-37所示为网店设计中使用立体字设计的效果,通过立体字的添加,让文字表达力增强,同时让画面的气势得到提升。
3.利用设计元素装饰辅助文字
在网店设计的过程中,设计和制作连体字和立体字会花费较长的时间,很多时候,只要合理地运用字体的变化,以及添加恰当的装饰元素,辅助文字的表现,也能实现很好的文字创意设计效果。图1-38所示的就是在文字设计中通过添加素材图案,来增加字体的色差效果,从而使文字的表现更具吸引力。
图1-36
图1-37
图1-38