网站建设 website
当前位置:首页 > 网站建设专题 > 网站建设
浅谈响应式网站建设中的文字和板式设计
发布日期:2016-10-24 阅读次数:1854 字体大小:

  文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主。虽然文字不如图像直观、形象,但是却能准确地表达信息的内容和含义。在确定网页的版面布局后,还需要确定文本的样式,如字体、字号和颜色等,还可以将文字图形化。响应式网站建设镭拓科技小编就来讲讲文字和板式设计的问题。

  一、字体

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

  二、字号

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

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

  三、行距

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

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

  四、文字的颜色

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

  五、文字的图形化

  所谓文字的图形化,即把文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应该以如何更出色地 实现自己的设计目标为中心。

  将文字图形化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心。