关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站制作之文字设计篇

作者:佚名   时间:2013-07-31   分享到:

网站制作中的字体设计需要按照一定的原则和规律,才能使页面中的字体内容与图片页面协调。
1.字体内容格式
    字号大小可以以磅或像素为单位来计算。由于以电脑的像素技术为基础的单位需要在打印时转换为磅,所以字号经常以磅为单位。
在网站制作中字体的大小通常为12磅左右。现在很多的综合站点,由于在一个页面中需要添加的内容较多,所以通常采用9磅的字号。较大的字体可用于标题或其它需要强调的地方,小的字体可以用于页脚和相关信息。小字体容易产生整体感和精致感,但可读性较差。网站制作人员可以用字体来更充分地表达在设计中要传达的情感。字体是一种直观的表现形式。但是,无论选择什么字体,都要考虑到网站的总体构思与用户需求。

    粗体字强壮有力,有男性特点,适合机械、建筑等行业的内容;(右图)细体字高雅细致,有女性特点,更适合服装、化妆品、食品等行业的内容。。在同一页面中,字体种类少,版面雅致,有稳定感;字体种类多,则版面活遗臭万年,丰富多彩。因此,关键是根据页面内容来把握好这个比例关系。
    行距的变化也会对文本的可读性产生很大影响。一般接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,池字体为1.点时,则行距为12点。因为适当的行距会形成一条明显的水平空白间隔,可以引导用户的目光,如果行距过宽会使行间文字失去延续性。
    行距除了对页面的可读性产生影响之外,其本身也是有表现力的设计语言。为了增强网站的设计交果,可以适当地加宽或缩小行距,体现独特的审美观。当加宽行距时,可以给人以轻松、舒展的情绪,用来表达娱乐、抒情的内容。其次通过精心安排,使宽、窄行距并存,可以加强网站设计的空间感与层次感,表现出独具匠心的韵味。

2.文字的整体排版
    网站制作中的正文部分都是由单个文字组合而成的群体,要想发挥文字的作用,必须注意这个群体本版面上的整体排版,从艺术的角度看,文字本身就是一种艺术形式,它能在个性和情感方面对人们产生很大影响。在网站制作中,字体的处理与颜色,排版、图片等其它设计无素的处理一样非常关键。对文本的处理在某种意义上也可理解对图像的处理。

3.文字内容图形化
    将文字图形化、意像化,更更有他意地表达出深层的设计思想,打破网站的单调与平淡,使其上海入人心。
    文字在网页中有两种功能,即实碛字意与语义的功能和美学效应。所谓文字图形化,即强调穹的美学效应,就是把相应的文字作为图形元素表现出来,同时又强化了原有的功能。在设计网站时,不但可以按照常规的方式来设置字体,还可以对字体进行艺术化的处理,但一切都要围绕如何更出色地实现自己的设计目标进行。
4.文字排版形式
    页面中的正文部分是由许多单个文字经过排版形成的群体,要充分发挥这个群体在版面整体布局中的作用。
    两端对齐:这种排版方式是使页面上从左到右的文字对齐,字群形成规规矩矩、方方正正的面,给人一种端正和严谨的感觉。
    居中排列:这种方式是在字距相等的情况下,以页面中心为轴线排列,这样会使文字更加突出,给人一种对称的形式美感。
    左对齐或右对齐:左对齐或右对齐可以使行首或行尾形成一条自然、清曼舞的垂直线,很容易与图形配合,谠种有极好有紧、有虚有实的排版方式,给人一种跳动而飘逸的感觉,产生一种富有节奏与韵律的形式美感。需要强调的是,左对齐符合人们阅读的习惯,显得自然;面右对齐因不太符合阅读习惯面较少采用,但显得比较新颖。图文混排:此种排版方式是沿图形边缘排列文字,如果将退底图放放文字中,则会给人一种融洽和自然的感觉。
5.文字自由方式排版
    在文本处理中进行标题与正文的排版时,可以将正文处理成双栏,三栏或四栏,然后再将标题转入。在编排中将正文分栏、可以突出页面的空间与弱性,避免通栏的呆板以及标题插入方式的单一。标题虽然是整段或整篇文章的标题,但也不一定都放在正文的下方,也可进行居中、横向、竖向或边置等编排处理,也可以直接排入文本中,形成一种打破常规的排版方式。
    此处在文本处理中,还可以在文字与图片之间或文字与文字之间进行混排,给人一种空间感,跳跃感、透明感、和叙事感,从而成为页面串活跃 的、引人注目的亮点。但是这种文字的混排会影响文字的可读性,但可以使页面形成一种磁盘的视觉效果。这种不注重易读性,而可以追求效果的表现手法,是一种艺术思潮的体现。所以,它不仅被大量运用于传统的排版设计,而且也被用于网站制作之中。
    网站制作中使用文字颜色时需要注意文字颜色的对比度,包括明度上的对比,纯度上的对比及冷暖的对比。这些因此素可以影响到文字的可读性,通过这些因素实现想要的设计效果,设计情感和网站制作思想。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6714.html

上海联楷网络新闻