以下阅读仅需 15 分钟

尤其是中小型公司，常常在起步初期就会有一个专人负责公司官网的搭建，大部分搭建的模仿是参照别的公司的网站，而这篇文章不是教你如何模仿别的公司的网站，而是把一些市场上常用的经验与方法论描述出来让各位参考这些方法/规范能独立设计自己公司的展示页或者官网。

展示页面（Display Page）一般是指用户进入某个网站时浏览到的第一个页面，也可以当作着陆页（Landing Page） 来吸引用户的注意。 大家可以参考轻服务的展示页：

在确定布局的时候这里普及一个关于软件像素的设计规范：大部分网页整体的布局都是以 8 的倍数来计算的。 一般布局有两种形式一种是像素布局，一种是百分比布局。

展示的内容应该按照分布浏览的方式展示产品的主要信息，通过精彩的视觉、动效等加强用户对展示信息的理解与认知并提升使用的兴趣。 好的展示页应该包含以下内容：

2. CTA （登录/注册栏/行动按钮）

轻服务的页尾：

是一个行动触发，但是市面上还有很多的展示页是一些信息索引。

阿里云的页尾：

内容细节常常包含两部分：1. Banner(横幅) 2. 内容区块（分点阐述、合作伙伴/客户、价格表、团队展示、联系我们等）

2. 内容区块（分点阐述、合作伙伴/客户、价格表、团队展示、联系我们等）

简单来说,骨架屏就是在页面内容未加载完成的时候,先使用一些图形进行占位,待内容加载完成之后再把它替换掉。