网站首页的设计和布局怎么做

一，实景照片营造场景氛围

在实景照片这个形式上，企业级产品的表现力远不及消费级产品，因为企业的商务属性决定了他们不能像消费级产品那样大胆地彰显个性。企业产品官网一般会用客户使用产品的场景照来说明产品给他们工作带来的益处，或用一些开阔的风景照来表现公司的价值观和愿景。

二，客服应用HelpCrunch则用来表现公司未来的愿景：

三，概念图用隐喻表达产品价值

经过设计处理之后的概念图，比真实照片的表现空间更大，可以通过一些隐喻的手法来传达产品价值

四，插画最适合讲故事

近年来一些企业重塑品牌向更年轻更有活力的方向发展。插画的形式有利于塑造轻松时尚的品牌气质，同时也是最适合用来讲故事的表达形式。

Intercom用生动的手绘风插画描绘了一副工作中遭遇的混乱场景，引出了使用Intercom可以结束这一切混乱的概念：

五，产品界面图简单直观

简单直观的运用产品界面图作为首屏大图，让用户对产品使用过程有一种直观的体验，也是一种对于自己产品的设计很有自信的表现。

六，客户照片更具说服力

使用真实客户的肖像作为首屏大图，兼具客户案例的作用，使产品更有说服力。

七，按照“头图-功能总览-功能细节-客户展示-注册试用”的顺序由浅入深、从宏观到微观的顺序引导访客完成浏览和转化。到页面底部才会出现一排弱弱的链接：

八，越扁平越有效

使用扁平结构可以减小网页深度，让访客用较少的点击就能到达目标页面，同时有利于搜索引擎抓取效率。在寻找企业产品官网案例的过程中我发现，对于功能相对简单的产品大多使用一级导航，而对于规模庞大的产品，他们的导航层级最多也只到二级。可见扁平结构的导航是网站导航的主流。

1）、网站导航包含关键词

通常来讲，网站导航一般都会包含核心关键词与长尾关键词，为了使得页面看着简洁美观，通常只是选择某个关键词替代，而利用Title标签，表达完整的关键词。

当然，这里值得提醒的是，有的企业站点为了增加某个关键词的密度，而把关键词放在网站导航上，而去掉超链接，这虽然是一种策略，但略有作弊嫌疑。

2）、网站导航合理利用H2-H3标签

除了特殊的SEO单页优化，会出现多个H1标签，一般正常的网站每个独立页面基本上只包含1个独立H1，所以在导航条设计的时候，你需要合理的分配标签H2-H3，给相应的栏目，从而提高重视度。

3）、避免内容页面与网站导航关键词冲突

站内锚文本是每个SEO人员，都会设置的，但这里大家经常忽略一个小细节，通常而言，搜索引擎，习惯只记录某个链接的出现的锚文本关键词。

基于搜索引擎的抓取顺序，从上到下，从左到右，如果在导航条出现的关键词，就尽量不要在内容页面，给这个链接同样的锚文本，你可以采用语义相关的词。

4）、利用导航突破关键词排名

如果你在SEO行业有一段时间，你会发现一个问题，某个关键词热度高的词，怎样做排名都无法提升，这个时候，其实你可以充分利用，网站导航的高权重，将该内容页面，写入网站导航。

通常来讲，一定时间后，你的关键词排名会有一定改善。

5)、尽量不要使用做网址导航

如果必须使用作为网站的导航链接，就要对进行SEO(搜索引擎优化)(搜索引擎优化)优化，以链接指向页面的主要关键词(KEY)作为ALT内容，另外在的周围布置文字链接作为辅助。建议你最好使用文字，也是不得已而为之。

如何建立网站首页，设计的基础就是要让用户在最短的时间内找到我们的目标用户，同时提升用户体验度，而网站首页的设计是为了吸引用户浏览网站，那么，网站首页设计也就是需要将网站首页的关键进行深入，让用户能够从各个方面来体验到网站首页设计的关键，这样才能保持网站首页的设计的一致性。因此对于大多数的网页设计来说，在进行网页设计的时候，都会遵循以下几点原则。1、网页首页的文字设计要合理。网站首页设计的第一点，就是首页的文字设计，因为网站首页是一个网站重要的组成部分，它包含了文字信息、产品、服务介绍等因素，还包含了企业信息等等。