宏观和微观在网站设计上的运用

新闻 2023-09-24编辑：深圳网站建设阅读（）标签： 微观 网站设计

深圳网站建设公司 帮助企业提升网站形象,彰显公司实力,PC+手机+微信+小程序
【模板网站的价格】国际域名+阿里1G空间+备案 一条龙服务
【定制网站的功能】SEO精准营销系统+城市分站+W3C标准
【营销网站的效果】重长尾，重优化，提权重，扩收录，提排名
【量身订制的设计】据据需求量身定制。设计到满意为止
【专属VIP的服务】24RX365 为您提供1对1的专属VIP服务

　　网页排版研究和工作，再怎么强调都不为过。

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

　　所以，网页排版，有进一步改进和优化的空间。

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

　　排版的分类

　　所谓微观层面的排版，就是针对单个字体的排版，包括字体的选择、字号、字体装饰、字间距、字数等等。

　　所谓宏观层面的排版，指的就是一整段文字或者整篇文章的布局，以及与整个网站主体、颜色、背景、格局、构架的关系。

　　微观层面的排版，目的是为了提高访客的易读性。例如，如果字号过小、间距过密，用户读起来就比较困难，甚至连看都不想看。

　　宏观层面的排版，目的是为了提高网页的美观和审美性，例如，安排以适当的段间距，可以让整个网页看起来大气、协调。

　　可读性是指读者可以轻松地阅读一篇文章或一个网页。易读性是不同的，它指的是一个单词中字形的间距和排列，以及它是否容易被识别。现在，让我们来看看设计师目前使用的两种不同的技术，以创建和谐且可读的web页面。

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

　　愿意去读，就是可读性。网页的宏观排版，包括如下内容：

　　页边距：添加页边距有助于构建web页面的内容。通过添加边距，可以定义从文本到web页面其他元素的距离。围绕文本的空白空间有助于创建与文本和环境的关系。边距也可以帮助创造一种和谐的整体设计感。

　　例如，如果内容放置在两列之间，空白分隔内容。页边距的放置方式允许读者轻松地阅读左右栏中的内容。分隔两者的空间有助于定义列与布局的总体设计之间的关系。还可以直观地设置页边距，只需移动足够的距离，就可以让阅读变得舒适。

　　要创建和谐的web页面，必须注意文本与元素形状之间的比例。

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

　　所以易读性，就是阅读更加容易，效率更高。微观排版，包括如下内容：

　　字体的选择。 在选择字体时，要注意整体的可读性，其次是风格和感觉上的细微差别。标题和副标题将用户吸引到文本中，因此选择正确的字体样式非常重要，因为它为整个布局设置了基调。

　　对比。对比在排版和网页设计中扮演着重要的角色。把文本放在对比度高的背景上有助于提高可读性。白色背景上的深灰色文本，这是增强web内容可读性的经典设计。

　　字体大小。字体大小通常是在边距和宽度设置好之后选择的。指导原则通常表明每行大约8-12个单词是标准的行长。这将确保为用户提供愉快的阅读体验，并帮助他轻松地阅读内容。

　　行高。行高通常是在设置好行长后选择的。行长越长，行高越高，反之亦然。您可以将行高设置为浏览器默认值，因为这将确保它与元素的字体大小成正比。

　　在网上组织和调整字体需要时间、精力和耐心。但如果做得正确，它可以使网页有所不同。注意样式、对比度、颜色、大小边距、间距以及行高和行宽，这将帮助您设计能够吸引用户并使他们对页面内容感兴趣的网页。

• 上一章：网站导航的种类以及设计指南
• 下一章：传统行业做SEO网赚干货分享