主标题：网站首页布局设计用什么(网站布局设计的步骤)

网站首页布局设计用什么,网站布局设计的步骤

内容导航：

网页布局设计有哪些类型

网站首页设计的页面应该包括哪些内容

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

网页布局都有哪种一般都用什么布局

一、网页布局设计有哪些类型

1、拐角型这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。2、“三”字型布局这种布局多用于国外网站，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割开，色块中大多放广告条、更新和版权提示。3、标题正文类型上面是网站的标题，或者是类似的东西，接着就是网站的正文内容，例如是一些文章或者是注册登录页面。4、对称对比型对称对比型采取左右或上下对称的布局，一半深色，一半浅色，一般用于设计型网站。而其优点是视觉冲击力强，缺点是将两部分进行有机结合较难。5、变化型即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。6、左右框架类型这是一种左右为分别两页的框架结构，一般布局是：片段含导航链接，最上面有时是一个小的标题或标志，而右面就是主要内容，最常使用是论坛网站，企业网站中的内页有很多是采用这种布局方式的而这种类型的布局的特点是结构清晰明了。7、POP型式POP形式是指页面布局像一张宣传海报，以一张精美图片作为页面设计中心。一般常用于时尚类网站，优点是漂亮吸引人，缺点则是速度慢。

二、网站首页设计的页面应该包括哪些内容

这个的话看你自己想要在首页放哪些类容，有的企业把网站内容都放在首页这边一般建议放一些自己觉得重要的东西：第一、首先是首页大图，让网站更加美观第二、其次就是公司的主营产品或者服务，让用户知道我们是做什么的第三、接下来就是公司资质，让用户信任我们的网站第四、之后就可以放我们公司的一些案例了第五、联系方式不能少差不多就这么多，也可以按照自己的要求来首先，我们要根据客户需求进行整理、归类，形成网站栏目的树状列表用以清淅表达站点结构，栏目的规划要求写得详细，具体为佳。
然后我们以同样的方法，来进行二层栏目下的子栏目，对它进行归类，并逐一确定每个二级分栏目的主页面需要放哪些具体的东西，二级栏目下面的每个小栏目需要放哪些内容，让客户及网站开发人员能够很清楚的了解本栏目的每个细节和栏目模块功能。
具体有以下几项：第一，栏目概述，其中包括栏目定位，栏目目的，服务对像，子栏目设置，首页内容，分页内容！这一部分起到一个索引的作用，让用户看起来能对栏目有一个大概的整体把握和了解。
第二，栏目详情，栏目详情就是把每一个子栏目的具体情况描述一下，其中包括到各个子栏目的名称，栏目的目的。
（要去把子栏目的目的写清楚，在实际开发过程中可与美工人员或技术人员详细沟通）
第三，相关栏目，这一项是用以说明本栏目和其它栏目之间的结合，沟通，之所以要有这一项是想通过各个栏目之间的联系，来加强网站的整体性。
四、实施网站开发中与相关开发人员的交流协调：在各个栏目模块功能确定的情况下，网站策划人员需要做的工作就是让页面设计人员（或美工人员）根据《网站建设方案书》中栏目的划分来设计网站的页面，在这里要注意，网站策划人员应该把需要特殊处理的地方和页面设计人员（或美工人员）讲明！在设计网站页面时页面设计人员（或美工人员）一定要根据方案书中把每个栏目的具体位置和网站的整体风格确定下来，为了让网站有整体感，应该在网页中放置一些贯穿性的元素，最终要拿出至少二种不风格的方案，每种方案应该考虑到客户企业的整体形象，与客户企业的精神（或vi）相结合。
网站页面设计完成下一步就是实现，由页面设计人员（或美工人员）负责实现网页，并制作成模版，交由技术开发人员进行模块功能的实现。
网站页面的设计和模块功能的开发应该是同时进行的，这如何统筹安排就是网站策划人员一个比较重要的工作任务。
在上面所讲述的过程进行的同时，网站的技术开发人员应该正是处于开发程序的阶段，如果实现的这个过程中出现什么问题技术开发应和页面设计人员（或美工人员）及时结合，以免程序开发完成后发现问题要进行大规模的反工。
五、网站初步完成前的整合测试：接下来，当两边的工作都完成以后，就是整合。
网站策划人员要统筹协调测试人员进行内部测试，测试完成，没有问题以后就可以交付客户啦！
六、网站项目开发完成后的宣传推广：有些客户要去在完成网站项目建设后进行一系列的宣传推广，这时网站策划人员可以根据自己能力（或与市场策划人员和组）制定一系列网站宣传推广工作并加以实施。

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

答：一般情况下首页设计要分类清楚，简单明了，让用户更容易找到自己想要的或者让用户更容易看到你想呈现的主体部分。头部：LOGO+导航栏（菜单栏）+登录注册（如果有这部分功能的话）+搜索栏（如果有的话）主体：这是你主要想呈现的主体部分。一般分为产品封面及简介—＆gt;各类资讯（行业，公司等文本类信息）—＆gt;主体特色（指你网站主体的优势，特点等）尾部主要以超链接为主：网站协议—＆gt;备案信息—＆gt;联系方式—＆gt;网站介绍—＆gt;各大类平台链接（微博，微信等）本回答由网友推荐＃＃＃＃＃1.让开始的页面变得有趣2.选择视差滚动3.使用游戏化4.使用动画5.保持导航的特殊性（在出奇网络上扒的，可以说言简意赅了！）＃＃＃＃＃很多人常常询问某个页面该如何布局这样的问题，其实网页布局也没有想象中那么难，只要做到两点我认为起码可以做到临阵不慌，一是对常见的布局方式心中有数，二是根据信息内容及设计素材的特点进行摆积木式的多次尝试。当然在设计之前我们要了解客户的需求、网站的定位、受众群等很多方面的事情，也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话，请先不要去想着设计，因为在不了解客户需求的情况下，盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的，即使客户不懂，过关了，但是如果没有真正为客户带来价值，它还是失败的。当我们真正了解客户需求后，你可以尽可能的发挥你的想象力，将你想到的＆quot;构思＆quot;画上去（用笔和纸或者软件都可以，根据自己的习惯而定），这是属于一个构思的过程，不讲究细腻工整，也不必考虑到一些细节的部分，只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些，以便选择一个最适合的进行搭建。

四、网页布局都有哪种一般都用什么布局

一个好的网页设计作品就必然有一个号的网页布局，那么我们来分析一下，在网页设计过程中有哪些布局类型？网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
1.左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
2.上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。
3.综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
4.封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
5.
Flash型：其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
6.“国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的一种结构类型。
7.拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
8.标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。
9.变化型：即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
网页设计有那么多的布局类型，那么哪种才是最好的呢？这个要具体看自己需要哪种类型了，每个都有自己的优缺点，其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只是想把这个留给各位朋友了，因为，只有不断的变化才会提高，才会不断丰富我们的网页！时代的不断进步，达内数字艺术学院的培训课程也在不断改进和提高。