网页排版研究和工作,再怎么强调都不为过。
在我们看来,之所以更多用户选择公众号、自媒体,而舍弃网站、网页,除过技术发展、习惯、流行等问题之外,一个相关的因素就是排版。普遍上看,微信公众号运营比
网站运营,更注重排版。
所以,网页排版,有进一步改进和优化的空间。
网页设计的排版,大体上可以分为两类:微观层面的排版和宏观层面的排版。排版的分类
所谓微观层面的排版,就是针对单个字体的排版,包括字体的选择、字号、字体装饰、字间距、字数等等。
所谓宏观层面的排版,指的就是一整段文字或者整篇文章的布局,以及与整个网站主体、颜色、背景、格局、构架的关系。
微观层面的排版,目的是为了提高访客的易读性。例如,如果字号过小、间距过密,用户读起来就比较困难,甚至连看都不想看。
宏观层面的排版,目的是为了提高网页的美观和审美性,例如,安排以适当的段间距,可以让整个网页看起来大气、协调。
可读性是指读者可以轻松地阅读一篇文章或一个网页。易读性是不同的,它指的是一个单词中字形的间距和排列,以及它是否容易被识别。现在,让我们来看看设计师目前使用的两种不同的技术,以创建和谐且可读的web页面。宏观排版:增加网页的可读性
愿意去读,就是可读性。网页的宏观排版,包括如下内容:
页边距:添加页边距有助于构建web页面的内容。通过添加边距,可以定义从文本到web页面其他元素的距离。围绕文本的空白空间有助于创建与文本和环境的关系。边距也可以帮助创造一种和谐的整体设计感。
例如,如果内容放置在两列之间,空白分隔内容。页边距的放置方式允许读者轻松地阅读左右栏中的内容。分隔两者的空间有助于定义列与布局的总体设计之间的关系。还可以直观地设置页边距,只需移动足够的距离,就可以让阅读变得舒适。
要创建和谐的web页面,必须注意文本与元素形状之间的比例。微观排版:增加网页易读性
所以易读性,就是阅读更加容易,效率更高。微观排版,包括如下内容:
字体的选择。 在选择字体时,要注意整体的可读性,其次是风格和感觉上的细微差别。标题和副标题将用户吸引到文本中,因此选择正确的字体样式非常重要,因为它为整个布局设置了基调。
对比。对比在排版和
网页设计中扮演着重要的角色。把文本放在对比度高的背景上有助于提高可读性。白色背景上的深灰色文本,这是增强web内容可读性的经典设计。
字体大小。字体大小通常是在边距和宽度设置好之后选择的。指导原则通常表明每行大约8-12个单词是标准的行长。这将确保为用户提供愉快的阅读体验,并帮助他轻松地阅读内容。
行高。行高通常是在设置好行长后选择的。行长越长,行高越高,反之亦然。您可以将行高设置为浏览器默认值,因为这将确保它与元素的字体大小成正比。
网页题目:网站设计排版两种:宏观和微观
文章网址:https://www.cdcxhl.com/news/247933.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计等
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联