网站建设
移动互联网
品牌设计
创新应用
新闻动态
网站百科

网站中的文字设计!

时间:2015-12-24 来源:尚品中国 类型:网站百科
字号:   

一般来说,网页中显示最多的就是文字,它们通过不同的排版方式、不同的设计风格排列在网页上,并提供丰富的信息,所以对文本的控制及布局在网站设计网页中占了很大的比重。能否对各种文本控制手段运用自如,是决定网页设计是否美观、富有创意及提高工作效率的关键。

一、文字的字体、字号、行距

网页中中文默认的标准字体是“宋体”,英文是"Times New Roman"。如果在网页中没有设置任何字体,在浏览器中将以这两种字体显示。

字号大小可以使用磅(point)或像素(pixel)来确定。一般网页常用的字号大小为12磅左右。较大的字体可用于标题或其他需要强调的地方,小一些的字体可以用于页脚和辅助信息。而要注意的是,小字号容易产生整体感和精致感,但可读性较差。

无论选择什么字体,都要依据网页的总体设想和浏览者的需要。在同一页面中,字体种类少,版面雅致,有稳重感;字体种类多,则版面活跃,丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

行距的变化也会对文本的可读性产生很大影响,一般情况下,接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12,即用字10点,则行距12点,行距太小时字体看着很不舒服,而行距适当放大后字体感觉比较合适。

行距可以用行高(line-height)属性来设置,建议以磅或默认行高的百分数为单位。如(line-height: 20pt )、(line-height: 150%)。

二、文字的颜色

在网页设计中可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。如正常字体倾色为黑色,默认的链接颜色为蓝色,鼠标单击之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人注目,但应该注意的是,对于文字的颜色,只可少量运用,如果什么都想强调,其实是什么那没有强调。况且,在一个页面上运用过多的颜色,会影响浏览者阅读页面内容,除非有特殊的设计目的。

颜色的运用除了能够起到强调整体文字中特殊部分的作用之外,对于整个文案的情感表达也会产生影响。

另外需要注意的是,文字颜色的对比度,它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用,更重要的是,可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。

三、文字的图形化

所谓文字的图形化,既把文字作为圈形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应该围绕如何更出色地实现自己的设计目标。将文字图形化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心.如下图所示即为图形化的文字。

文字的图形化

400-700-4979

无论您在哪里,尚品都愿意为您提供高价值服务! 请选择您方便的咨询方式: