《网站设计 开发 维护 推广 从入门到精通》—— 1.5 文字与图像版式设计-阿里云开发者社区

开发者社区> 异步社区> 正文

《网站设计 开发 维护 推广 从入门到精通》—— 1.5 文字与图像版式设计

简介:
+关注继续查看

本节书摘来异步社区《网站设计 开发 维护 推广 从入门到精通》一书中的第1章,第1.5节,作者:何新起 ,娄彦杰,更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 文字与图像版式设计

文本是人类重要的信息载体和交流工具,网页中的信息也是以文本为主。虽然文字不如图像直观形象,但是却能准确地表达信息的内容和含义。在确定网页的版面布局后,还需要确定文本的样式,如字体、字号和颜色等,还可以将文字图形化。

1.5.1 字体、字号、行距

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

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

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

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

a73446acf2f5c54b1ed1b0a2f5aed2e658b36bf5

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

1.5.2 文字的图形化

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

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

148e946428d056e4b26e32ad563595f9a2c02a84

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
微软放缓.NET动态语言开发计划,徐汇区网站设计
微软曾经作出承诺,开发能运行在.NET环境的动态语言实现,例如Ruby语言实现IronRuby和Python语言实现IronPython。 当前IronRuby项目有点不妙,核心开发者,项目经理Jimmy Schementi宣布离职, 在他的博客中描述到:公司对IronRuby项目严重不承诺,严重限制了团队的灵活性,限制项目无法提供具有VisualStudio IronRuby的整合,以及种种理由延缓VisualStudio IronPython的集成,我对.Net上的动态语言决策感到非常的失望。
726 0
.NET开发不可错过的25款必备工具,徐汇区网站设计
【Csdn独家译稿 7月12日】这些年来,我们的.NET开发团队不断在更新升级开发工具,这也提供了一个机会,让我们能对.NET系列的开发工具做出不断的评估和规范。以下是我们总结出的一些.NET开发不可错过的高效工具。
1276 0
dubbo-go 的开发、设计与功能介绍
dubbo-go 的前世今生 dubbo-go 是目前 Dubbo 多语言生态最火热的项目。dubbo-go 最早的版本应该要追溯到 2016 年,由社区于雨同学编写 dubbo-go 的初版。当时很多东西没有现成的轮子,如 Go 语言没有像 netty 一样的基于事件的网络处理引擎、 hessian2 协议没有 Go 语言版本实现,加上当时 Dubbo 也没有开始重新维护。
8143 0
Web开发人员和设计师必读文章推荐【系列五】
  本文继续向Web开发人员和设计师推荐优秀文章。梦想天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和强大的Web开发工具。
6200 0
探讨一下如何打造稳定的报名系统之考务管理报名系统开发设计浅谈
首先,标题已注明是浅谈,也就不会太高深,适合各种技术类、非技术类人员参阅。由于才疏学浅,可能存在不到之处,还请大神指正,勿喷、谅解。
146 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载