设计banner中的字体结构分析

2023-10-23    分类: 网站建设

原本想写advertisemen中的字体结构分析,后来发现这个题目写得有点大,偏离了在目前工作中的针对性,因此缩小到banner的范围,以下内容仅个人在目前工作中对banner设计上的一点浅见,仅起抛砖引玉的作用。

banner的传达体例 [topic]

针对网站中的banner

banner的自己外形:外形决定了其固定的构成体例,一般为矩形,横幅,左右结构和居中;

banner的文字特点:主题式,一般分为主题目和副题目,文字较多;设计的时候还需要考虑应用到网站各种尺寸推广图的可读延长性。

banner的图像特点:辅助主题,增添文字的渲染力。

banner的传达行为体例:载体为电脑屏幕,ie浏览器的屏位置,用户眼睛焦点停留时间约3秒以上。

[因为banner一般用于专题类网站,在门户网站的二级页面,用户进来之前,在首页已经对主题有一定的了解和熟悉,所以banner的作用是在二级页面中起到包装页面的同时增添内容的趣味度和内容方向指导;所以这也是和传统广告中普遍要求感官视觉冲击力来强奸眼球所不同的地方。]

文字在banner中的主要性

对于文字,我们常常听到需求方提出:字要大!

啊?还要大?已经很大了! 然后很无奈的拉大一点,其实我们都知道大那么几个像素没有意义;

但细心想想,需求方要的真的只是那么一丁点的追求么?毕竟他们不是设计师,不懂得如何表达自己的想法,而可以让们觉得显眼的体例只有大小的区别而已,或许是因为,字不够显眼,字的处理太通俗,背景太抢眼之类的,或许,我们应该理解为:字要显眼一点,而显眼的体例却有许多种。

banner=文字+图像[辅助]

banner上的文字一般都占有了整个banner的70%的区域,而现实图像只占不到30%,往往许多的设计师更专注于那30%的图像设计,忽视了主要的70%文字区域,只用系统字草草拼凑了之,试问这样的一个banner的设计合理么?

尤其当主题被延长应用到小尺寸推广图的时候,只剩下放文字的区域时,这个推广图算是彻底完蛋了。

中文字和英文字母的属性区别

中文字与英文字母的区别,字母是一种纯粹发音符号,每个字母自己并没有意义,单词的意义来自于这些字母之间的横向串式组合,而汉字的组字体例是以象形为原始基础,也就是每个字都具有特殊的意义,一个简单的字在远古时代就代表了一个复杂的生活场景,因而它也是世界上形象的文字。两者之间的阅读体例息争读体例都有本质的不同,因此,汉字的编排不能照搬英文的编排体例,它们两者之间在编排上有一些客观的区别。

中英文字体的结构分析

a. 同样字号的现实大小不同,英文因为都是字母,字母的构成结构特别很是简单,屏幕可视像素为6px[代表字体:04字体],中文则结构复杂。屏幕可视像素为10px[ms明朝/ms ui gothic]和11px[新细明体/ pmingliu]

b. 英文的整体编排容易成段、成篇,视觉效果比较自由活泼,有更强的不延续的线条感,容易产生节奏和韵律感。

中文整体编排容易成句、成行,视觉效果更接近一个个规则的几何点和条块,不容易产生动感的主要的原因是因为整个结构是闭合的,笔划张力的总和趋于零。

c. 英文的篇幅普遍比相赞成义的汉字的篇幅要多,在设计时,英文自己更容易成为一个设计主体,而且因为英文单词的字母数量不一样,在编排时,对齐左边那么右边都会产生天然的不规则的错落,这在中文编排时不太可能出现的,中文编排每个段是一个完整的块,很难产生这种错落感。

d. 英文的结构有大小不同的外形,在字形设计上不可能排列在统一条直线上,如gjpqy等字母齐下方的沉降线,而bdfhkl字母上齐顶线,其它字母才齐上中线和下脚线。然而,英文编排时天然产生的错落其实并不是西方设计师所期望的,他们在细排文字对齐上花大量的时间来调整字距、词距、行距、段前距、段后距等,使得段落更趋向于几何形态。

理解

在进行文字的编排之前,首先要理解文字的内容。见过许多设计师只注再版式美现而不关注文字内容,文字一拿到手就开始编排,从不考虑文字在说什么,他们的原则是文字一定要听从于版式需要。这是不准确的设计方法,对于一条题目,假如我们不去理解题目所表述内容,就很容易本末倒置。这也是设计师需要和需求方重点沟通的问题,并从中获取需求方的关键字。

分解

根据主题关键字所传达情感,分析字体自己的性格属性,综合画面,对其分解;笔划粗细与结构、留白、重心之间的关系,这是活字设计中的一个综合问题,并非一朝一夕就能掌握的,它不但对字的个性要有深刻的理解,而且还要具有特别很是敏锐的观察力。尤其对于字体自己所设定出来的一个形象,或这种字体通常会在什么地方出现?见到这种字体味想到什么?这是视觉传达中需要长期积累的。

重构

字体的设计需要考虑到题目整体组合在画面的均衡性,在不破坏字体的基本识别前提下进行再设计,使文字图形化,字体类别中的衬线字体和无衬线字体(serif vs sans-serif),在组合的时候,不建议把无衬线类字体和有衬线类字体直接组合。

从心理模型可以看出,常规的组合排列中,无衬线字体比衬线字体的常规组合性更好一些,但处理的不好反而会呆板。

书法字体,因为书法字体经过历代书法家对字体的追求,使其结构更加牢固,多一点少一点都会影响其自己的字型美感,且气场较强,不适合太小的版式和过长的句子大量使用;学过书法的同窗,或许深有体味,在中国书法里是十分讲究精气神,用语言无法表达情绪的时候,书法的字里行间却能透露出来的气场,也就是所谓字的性格。

分享文章:设计banner中的字体结构分析
浏览路径:https://www.cdcxhl.com/news46/287396.html

成都网站建设公司_创新互联,为您提供自适应网站做网站网站设计公司定制网站虚拟主机网站排名

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司