主页/ 电商学院/网站开发/网站设计排版两种:宏观和微观

网站设计排版两种:宏观和微观

归类:网站开发
网页排版研究和工作,再怎么强调都不为过。

在我们看来,之所以更多用户选择公众号、自媒体,而舍弃网站、网页,除过技术发展、习惯、流行等问题之外,一个相关的因素就是排版。普遍上看,微信公众号运营比网站运营,更注重排版。
所以,网页排版,有进一步改进和优化的空间。

网页设计的排版,大体上可以分为两类:微观层面的排版和宏观层面的排版。

排版的分类

所谓微观层面的排版,就是针对单个字体的排版,包括字体的选择、字号、字体装饰、字间距、字数等等。
所谓宏观层面的排版,指的就是一整段文字或者整篇文章的布局,以及与整个网站主体、颜色、背景、格局、构架的关系。
微观层面的排版,目的是为了提高访客的易读性。例如,如果字号过小、间距过密,用户读起来就比较困难,甚至连看都不想看。
宏观层面的排版,目的是为了提高网页的美观和审美性,例如,安排以适当的段间距,可以让整个网页看起来大气、协调。
可读性是指读者可以轻松地阅读一篇文章或一个网页。易读性是不同的,它指的是一个单词中字形的间距和排列,以及它是否容易被识别。现在,让我们来看看设计师目前使用的两种不同的技术,以创建和谐且可读的web页面。

宏观排版:增加网页的可读性

愿意去读,就是可读性。网页的宏观排版,包括如下内容:
页边距:添加页边距有助于构建web页面的内容。通过添加边距,可以定义从文本到web页面其他元素的距离。围绕文本的空白空间有助于创建与文本和环境的关系。边距也可以帮助创造一种和谐的整体设计感。
例如,如果内容放置在两列之间,空白分隔内容。页边距的放置方式允许读者轻松地阅读左右栏中的内容。分隔两者的空间有助于定义列与布局的总体设计之间的关系。还可以直观地设置页边距,只需移动足够的距离,就可以让阅读变得舒适。
要创建和谐的web页面,必须注意文本与元素形状之间的比例。

微观排版:增加网页易读性

所以易读性,就是阅读更加容易,效率更高。微观排版,包括如下内容:
字体的选择。 在选择字体时,要注意整体的可读性,其次是风格和感觉上的细微差别。标题和副标题将用户吸引到文本中,因此选择正确的字体样式非常重要,因为它为整个布局设置了基调。
对比。对比在排版和网页设计中扮演着重要的角色。把文本放在对比度高的背景上有助于提高可读性。白色背景上的深灰色文本,这是增强web内容可读性的经典设计。
字体大小。字体大小通常是在边距和宽度设置好之后选择的。指导原则通常表明每行大约8-12个单词是标准的行长。这将确保为用户提供愉快的阅读体验,并帮助他轻松地阅读内容。
行高。行高通常是在设置好行长后选择的。行长越长,行高越高,反之亦然。您可以将行高设置为浏览器默认值,因为这将确保它与元素的字体大小成正比。
在网上组织和调整字体需要时间、精力和耐心。但如果做得正确,它可以使网页有所不同。注意样式、对比度、颜色、大小边距、间距以及行高和行宽,这将帮助您设计能够吸引用户并使他们对页面内容感兴趣的网页。
0 喜欢
429 浏览数

优加商学院

APP开发微信小程序开发网站开发
您好,直接联系技术沟通需求
扫码添加我的微信,直谈需求
非工作时间技术回复慢请谅解
咨询更详细需求
提交信息后我们会第一时间与你取得联系,请大致把需求填写在"咨询内容"里。
姓名
手机
咨询内容
立即提交