怎样做好响应式网站布局?

admin 发表于 2019-01-22 16:13 阅读人数:16

响应式网站在提出之后,就收到了大家的高度关注,这项技术在行业内也得到了很快的推广,因为其多工具的兼容性,也受到了更多人的关注和重视,在实践中,也有很多网站建设公司开始推广响应式网站的建设。

一、字体

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

二、字号

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

三、行距

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

四、文字的颜色

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

五、文字的图形化

所谓文字的图形化,即把文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,无论怎样,一切都应该以如何更出色地实现自己的设计目标为中心。

在设计和布局响应式网站之前,我们应该了解响应式的基础信息。响应式设计的网站,只需建设一个网站就可以满足所有移动终端,这就需要我们布局上考虑到尽可能多的终端的显示宽度。

随机文章