本期构建网站首页时常用的框架有哪些?网站设计如何构建网站首页?如何构建一个完整的网站架构，设计一个优秀的网站?在这个问题上，我们很难提出一个绝对权威和正确的设计思路，但任何网站的设计都要遵循一个循序渐进的过程。从网站模型构建、美学与交互设计、风格设计、代码设计、可用性测试、设计回归补充五个方面阐述如何设计出一个优秀的网站，敬请关注。

　　网站设计是一门新兴的边缘职业，在外观上要有创意，结合平面布局设计、交互设计等诸多相关原理，使网站设计成为一门独特的艺术，好的网站设计能让网站在同类网站中独树一帜，优秀的创意和表达能打动访问者，增加网站访问流量，甚至直接增加网站收益。关于免费建站，因此，在设计的初始阶段，规划网站的设计步骤是非常重要的。通常，网站的设计步骤分为建模、美学与交互设计、风格设计、代码设计、可用性测试等。首先，我们有以下四个步骤来理解网站模型设计的内涵和重点。靠前，网站设计，不仅仅是艺术设计，你的工作是设计师还是艺术家?这要看你做的是真正的设计还是为了让页面看起来更好而做的修饰。设计师的工作是从战略上有利的位置，而艺术家只是软件工具的使用者。

　　很多人把网站中的设计定义为艺术设计，认为设计师的工作就是利用Photoshop等绘图软件绘制要显示的页面。其实这是一个很狭隘的理解。合格的设计师要立足于整个网站的大局，在策划中完整地设计整个网站，在宏观上把握设计风格定位，在微观上根据网站的具体定位决定如何提炼设计元素。当然，网站设计还包括数据库设计和程序设计。这里我结合自己的经验举一个网站前端设计的例子。北京奥运会即将开幕。先举两个奥运网站的例子:奥运官网:如图，这是一个非常成功的设计例子。设计师没有像在与奥运主题相关的设计中那样大量使用红色，而是将页面风格完全国际化，各种信息和功能模块适当整合，粗刷的通用元素设计使网站获得丰富的整体效果。新浪奥运频道:如图，可以看到设计师的创意只是压缩在页面滚动几次后看到的内容块上，用奥运五环来设计。页眉基本上是任何专题网站都可以使用的结构素材，新浪的信息系统必须能够支持更好的、更脱离内容专题模板的设计的实现，这说明它并没有从网站设计的角度来处理这个项目。

　　第二，设计师介入需求阶段，影响需求，但不干预需求。我们经常听到设计师抱怨:“这个设计让我改变了十几倍，为什么不能定型?”经常听到产品经理说“为什么这个设计师抓不住要点?”无论设计在网站的实现中有多重要，网站应该是什么样子，都必须由需求来决定。因此，网站项目的前期需求是一个至关重要的环节，也可以理解为建设的基础。需求可能是经过几次调查总结结果产生的报告，也可能是领导或老板冲动引发的大讨论。在建立需求的过程中，不幸的是，网站设计师的权重是极其有限的，产品经理、渠道主管、某一级领导的想法往往直接决定了需求的终形式。但是设计师介入需求阶段是很有必要的。设计师可以用自己专业独特的眼光提出科学合理的建议，会影响需求的细节。这样就可以较大限度地达成需求方和设计方的共识，从而在面对有意见但不允许设计过程发生变化的需求问题时，不至于抱怨。第三，学会控制用户路径。用户来自哪个页面?他有可能点击哪个链接或按钮?他用搜索框了吗?他下一步要去哪里?他后会打印出哪一页?从整个网站来看，这些流程可能只有产品经理才能掌握，设计师拿到UE图只需要一页一页的画。其实好的设计师往往可以承担一些产品经理的责任，设计出典型的用户路径，对网站页面流程影响很大。页面之间有很多连接，流程页面和外部页面通过超链接混杂在一起。A区的文字链接要链接到第二页，B区的图片链接要指向第三页，侧面位置突出的一个大按钮其实是链接到网站X的……页面之间也有继承关系。继承过程要让用户想当然，在视觉上实现平滑过渡，这是设计师要考虑的具体问题。

　　在从一个页面到另一个页面的路径组合中，哪些模块应该保持原样，哪些控件应该更改?页面结构可以改变，页面颜色可以改变吗?这些都是需要参考用户路径进行设计的地方。把自己想象成一个普通用户，一页一页进来，就能明白用户需要什么样的合理设计。这里可以参考一下如图所示的网站设计流程图。4.初步实现UE产品模型，回顾设计师需要用什么作为页面设计的参考。所有的元素和过程都在我的脑海里。这时候设计师就需要整理出来，简单的画出来，画线框和标注。我们可以把UE模型理解为一个设计草图。在UE阶段，设计师主要是根据从用户路径中获得的线索，以及对用户交互习惯的探索，整理出一个粗略的模型框架。在这个框架中，需要清晰地画出几个关键页面，每个关键页面的关键元素和模块是什么，这些关键元素和模块中的哪些必须安排在特定的位置或者必须强调。关于网站模板，其中，网站的首页和终页面是重要的两级页面，首页将是用户使用网站的靠前站。主页上的体验直接决定了他的停留;后一页是用户想要获取信息的特定页面。他会在这一页停留长的时间，可能会仔细阅读或者打印这一页以备后用。通常，在绘制了UE模型之后，一个开发团队会对模型进行讨论和评审。这时候就需要重点确定靠前页和后一页的大致外观，这是每个参与讨论的人都非常关心的问题。对于UE模型的绘制，我们可以参考如图所示的某商场的UE图。在采用了UE模型之后，传统的设计终于开始使用，需要具体的页面设计。