建站常识 News

一个网站的页面和布局将直接影响网站建设的整体视觉效果和用户体验。如果没有主次的网站是很难得到用户重复访问的。特别是网站建设首页，用户访问网站首先映入眼帘的就是首页。如果我们不能让用户最快找到自己想要的有效信息。

今天超越信息和大家讲讲怎样合理的规划网站建设公司的页面布局和网站的设计。

网站首页是网站给用户的第一印象，首页页面布局需从主题、导航、内容等方面入手，下面以百度百科的页面为例进行首页页面布局分析。可以说网页设计是网站建设公司设计的一种直观的表现形式，用户第一眼看到的就是网页设计上的内容。应该说网站设计范围要比网页设计广的多。国内大多数个人站长从事的都是一些网站的设计工作。之后我们来看下如何合理地规划企业网站建设的页面布局和网站的设计。

1、网站首页导航 企业网站建设导航可以看做是对网站内容的分类，把网站的内容进行细分，方便用户跟据个人需求选择浏览相应栏目页面。网站首页导航要做到分类清晰，导航栏目间不重复。百度百科的首页导航做的很好，我们可以学习一下。

2、网站首页主题 首页是网站建设公司的核心页面，首页的主题也就是网站的主要核心。首页主题需让用户很容易的了解网站是做什么的。首页主题体现在网站的标题、关键词、描述上，其中最重要的是标题，用户在搜索引擎上看到的搜索结果就是你网站的标题和描述内容。

3、网站首页内容 布置好企业网站建设首页导航就可以进行网站首页的内容布局设计了。页面的内容布局需先对网站的用户群体进行需求分析，把用户关注最多的内容放置在首页的最重要位置。

常规的网站我们分为首页，栏目页，列表页，内容页，搜索结果页面，登陆页面等几个常用的页面，页面的布局结构看首页基本都可以了解后面页面的布局结构。（由于不能上传GIF图片，这里就上传常规图片了）

传统设计的方式1（常规型固定宽度，整体给一个固定值的盒子，让盒子自动居中，内容都放到盒子里面，）
基本结构为头部，幻灯片，主体内容，底部信息这四大块，主要的区别在于主题内容框架的设计不一样而已，如果是政府单位医院部门，就放一些栏目的信息，如果是企业，就放案例，产品，技术，视频，合作单位等信息介绍，对于栏目页的内容页一般分为两个部分，左边一个右边一个，基本放栏目分类列表，具体信息列表部分，内容页的话，把信息列表部分修改为信息显示区域。

传统设计方式2（没有固定的外框，但是自动居中，简单理解就是背景部分为100%展示，主题内容还是固定值居中展示，通过背景图片的设置，来解决网站整体居中，两边空旷的视觉问题，整体结构上变动不大，有些设计师设计的头部，导航部分的宽度设置为100%；信息通过方向来控制，达到适应屏幕尺寸 ）

传统设计方式3（重点图片，一般情况是一个幻灯大图做为主题，这个主题一般都是占满这个屏幕，然后下面的内容整体浮在主题上面，给用户的感觉比较时尚）

新型的网页布局1（全屏显示/单页，网站所有信息显示在一个页面上，这个页面所有栏目的信息都显示在一个页面上）

新型的网页布局2（全屏显示/多页，这里的多页可以理解成为，网站的每一个模块都霸占的一个屏幕，单滚轮滚动的时候，整体又滑倒另外一个栏目模块上。主要通过fullPage.js来做为效果的基础）

新型的网页布局3（全屏显示/固定侧栏，首页网站整体还是基于全屏显示，只是固定了左边栏目的尺寸，右边内容自适应，通过底纹背景来区分，右边的内容显示区域可以有滚动条，像内容页文字信息比较多，适应高度肯定不可能，单内容比较多的时候，左边的栏目始终固定不变，右边的内容可以上下滚动，同时网站整体的结构，都保持在屏幕中央。）

总结：

网站结构不管是传统还是新型，结构上总体都不会有很大的变化，最主要还是于网站颜色的搭配，元素的使用，图片的选择，效果的交互，哪怕是最传统的设计方案也能显示出不一样的效果，网站最主要的效果还是给使用者眼前一亮，找到需要的信息，方便使用者查看