web信息架构设计大型网站下载

1、网站信息架构的设计目标和要求是什么

一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等，下面来详细的介绍下这些组成元素。
一、框架
框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如，我们可以在一个框架内放置导航栏，另一个框架中的内容可以随着单击导航栏中的链接而改变，这样我们只要制作一个导航栏的网页即可，而不必将导航栏的内容复制到各栏目的网页中去。
二、文本
文本是网页中的主要信息。在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里指的文字是文本文字，而并非图片中的文字。
在网页制作中，文字可以方便地设置成各种字体和大小，但是这里还是建议，用于正文的文字不要太大，也不要使用太多的字体，中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂，以免造成影响用户视觉。大段文本文字排列，建议参考一下优秀的报纸杂志等。
三、图片
今天看到的丰富多彩的网页，都是因为网页中有了图象，可见图象在网页中的重要性。用于网页上的图片一般为JPG和GIF格式的，即以.jpg和.gif为后缀的文件。
四、超链接
超链接是整个网站的通道，它是把网页指向另一个目的端的链接。例如指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页，但也可以是图片、电子邮件地址、文件、程序，或者也可以是本阿谀的其他位置。超链接可以是文本或者图片。
超链接广泛的存在于网页的图片和文字中，提供与图片和文字相关内容的链接。在超链接上单击鼠标左键，即可链接到相应地址（URL）的网页。有链接的地方，鼠标指到光标会变成小手形状。可以说超链接正是Web的主要特色。
五、表格
表格是网页排版的灵魂。使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格，范围要更广一些，它是HTML语言中一种元素。表格主要用于网页内容的排列，组织整个网页的外观，通过在表格中放置相应的内容，即可有效的组合成符合设计效果的页面。有了表格的存在，网页中的元素得以方便的固定在设计位置上。一般表格的边线不在网页中显示。
六、表单
表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框，以及从下拉菜单中选择选项。在添写好标单之后，站点访问者便送出输入的数据库，该觳觫句哭就会根据所设置的表单处理程序，以各种不同的方式进行处理。
七、动画
动画是网页上最活跃的元素，通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多的动画让人眼花缭乱，无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash、web animator等。Macromedia的flash虽然出现的时间不长，但已经成为了最重要的Web动画形式之一。Flash不仅比htm易学得多，而且有很多重要的动画特征，如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。利用这个多才多艺的程序，不仅可以建立Flash电影，而且可以把动画输出为QuickTime文件，GIF文件或其他许多不同的文件格式（PICT、JPEG、PNG等）
八、其他
网页中除了这些基本元素外，还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。

2、大型网站技术架构 核心原理与案例分析 有用么

编辑推荐
编辑
本书作者是阿里巴巴网站构建的亲历者，拥有核心技术部门的一线工作经验，直接体验了大型网站构建与发展过程中的种种生与死，蜕与变，见证了一个网站架构从幼稚走向成熟稳定的历程。
没有晦涩难懂的术语，没有诘屈聱牙的文句，没有故弄玄虚的观点……
明明白白的语句，清清楚楚的文法，干净利落的建议——让读者直接体会网站架构的紧要处，不容马虎的关键点——这恰好是一个优秀的网站架构所必备的要素。
如果说“水不在深，有龙则灵”，那么对于想了解网站架构的读者而言，这本书恰好是“书不在多，有它则行！”
还犹豫什么呢？

内容简介
编辑
本书通过梳理大型网站技术发展历程，剖析大型网站技术架构模式，深入讲述大型互联网架构设计的核心原理，并通过一组典型网站技术架构设计案例，为读者呈现一幅包括技术选型、架构设计、性能优化、Web 安全、系统发布、运维监控等在内的大型网站开发全景视图。
本书不仅适用于指导网站工程师、架构师进行网站技术架构设计，也可用于指导产品经理、项目经理、测试运维人员等了解网站技术架构的基础概念；还可供包括企业系统开发人员在内的各类软件开发从业人员借鉴，了解大型网站的解决方案和开发理念。

3、什么是网站总体架构设计

网站结构是指网站中页面间的层次关系，按性质可分为逻辑结构及物理结构。是现代网络学习和发展的一个必须的基础技术。根据需求分析的结果，准确定位网站目标群体，设定网站整体架构，规划、设计网站栏目及其内容，制定网站开发流程及顺序。

网站架构的内容有哪些？

有程序架构，呈现架构，和信息架构三种表现，步骤主要分为硬架构和软架构两步程序。

网站总体框架示意图是网站后台支撑系统的想法，一般取决于网站本身的建设意图。

网站架构水平的高低决定着网站的整体性能和运营模式的时效性和经济性，它的设计必须考虑到网站的模式、运营思路、用户群体使用习惯、网站的功能等等。

网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。网站结构在决定页面权重上起着非常关键的作用，会直接影响到搜索引擎对页面的收录。一个合理的网站结构可以引导搜索引擎抓取到更多、更有价值的网页。如果网站结构混乱，往往就会造成搜索引擎陷入死循环、抓取不到页面等问题。网站结构的好坏会决定用户浏览的体验度，合理的网站结构是优化网站关键词排名的前提。

所以，网站结构可以影响网站内部页面的重要性，合理的内部链接策略就可以对重要页面进行突出、推荐等操作。

绘制网站概要图符号

网站概要图模板

4、如何评价一个大型网站系统架构设计的好坏?

说说我的看法，对不对的供参考吧！
首先，网站也好、其它信息化系统也好，其系统架构设计都不是拍脑袋来的，都是依据一个出发点设计而来，究其所以，就是需求。而这个需求又是从最初的建设初衷来的，也就是说，按说最后做出来的东西应该满足建设初衷。
所以，简言之，有什么样的需求就有什么样的架构设计。因此，要评价架构设计的好坏，就拿需求来衡量。能满足需求的架构设计，就是对的。不能满足，或者不能全面满足的，如果没有项目建设上的延期认可或者同意搁置的决定，就是不应该的。

注意：我说的需求，并不仅是针对功能范畴的；也包括性能、可用性、安全等方面。所以说需求是全面的内容。

5、网站信息结构设计要求有哪些

如何创建一个好的网站。有一大堆的关于可用性、界面设计以及网站设计的书可以参考。如今，我们都知道一个好的站点应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理以及非常优秀的内容。唯一被大多数人所忽视的可能是交互性。

在网站设计上经常使用的是一些文字的交互，但是文字交互的效果到现在位置还是非常模糊，除非你每日醉心于交互性设计，否则你根本难以描述什么叫做"交互"。

如何把我们的注意力集中在交互性上还是继续让我们的想像力驰骋？我想，问题在于我们能把我们从媒体上获得的一些简单的理论用于我们的实践。我们需要记得的是网站包含哪些内容？网站的结构是什么？我们最初的目的是什么？

不同于其它媒体的"网站交互"

不象其它大多数媒体，如我们看电视，听收音机或者浏览杂志，网站它不是一个被动的媒体。

我们不能真正的观看网页。显而易见，我们可以调出一个网站，然后坐在那里目不转睛的浏览，如果我们坐在那里吃爆米花的话，网页并不能够自动的变化内容(当然，你可以在右手使用的鼠标的同时，不停的用左手把爆米花塞到你的嘴里，这里所述的意思是，如果你不干预，访问网站和看电视的最大区别是访问网站需要根据你的主动选择)。浏览网站的内容根据你的个人喜好，在众多的连接和下拉菜单中选择你喜欢或者关心的内容或者连接到另外一个站点。

网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。

与此相反的是，许多的出版者的决定来自于意见反馈表、感觉或者来自于电视、收音机和出版物等所有信息的体验。我们对正在播出的电视、收音机节目基本不具备控制的能力(当然，如果您是电台的工作人员除外)，我们仅仅能作的是对你的电视或者收音机作些什么，而对于内容控制，我们则无能为力。你可以调低音量或者调高音量，或者换个频道，甚至关闭电视机或者收音机，去作其它的事情，比如到外面散散步，或者到四合院里和邻居们聊天。

我们可以订阅或者退订报纸或者杂志，选择我们喜欢阅读的文章，或者给内容编辑写信探讨关于内容的见解或者疑问。但是这些选项还是和网站所能作的不能相比。但是，对于热门内容的经常[此属脏话，已被过滤:经典论坛]互，已经成为越来越清晰的表现出对这方面的需求。

不确定的网站交互周期

从应用的观点来说，我们可以对某事作用于某人我们该做什么什么样的交互给出一个简单的定义。但，这的确是一个含糊的概念，所以对于某些特定某件事件的交互性的常常有很多的讨论，意见多种多样。

从开始连接上网开始，网站上有太多关于交互性的例子了。比如文本下的下划线，静态图片或者诸如活泼的JavaScript翻转动画等动态精美图片，面对这些令人炫目的特效，实质上呢，这些连接本质上也是静态的。直到我们对那些连接感兴趣的时候，我们才会决定用鼠标去点击。

一旦点击，相关的页面将出现文字，图表，表格或者你感兴趣的其它内容，这样你就立刻可以得到满足(当然，前提是该连接正确有效，而且该连接所在的服务器和网络保持正常连接而且运行正常)。

网站的交互体现在，作为一种媒体，网站将会对你的选择做出响应，然后访问者就可以循环似的选择，连接到其它的页面。重复的作这些，继续点击，用户的选择就可以及时从服务器得到响应，这是一个非常让人愉快的过程。

这样的通过访问者的手就能够控制的交互能力对于电视杂志来说是基本不可能实现的。交互性，也是一种"关系"。作为网站开发者或者设计者，学习如何让我们的良好的视觉设计和技术开发能力和交互性兼顾，将让网站的访问者包括我们自己都会为此感到愉悦。

当然，连接不是交互性的全部，但的确是网站结构和设计的核心和灵魂，就象这个世界本身就令我们非常着迷一样。

必须要理解网站结构

了解站点的结构是非常重要的，特别是对于你要处理大量的数据来说没有比这个更重要的事情了。当网站的多个栏目有成百上千的文档需要管理或者有规则的添加新文件的时候，了解站点的结构成为头等大事。

了解了网站的结构，我们就可以通过网站结构达到控制文件管理的目的。接下来，通过我们理解的网站结构，我们不但要知道我们的网站将和访问者的动作如何相互影响，而且要利用我们先进的后台技术，不留痕迹的让这种交互过程变得强大和有效。

当然，我们知道最初的网站并不想成为一个图形媒体。最初的想法是创建一个方便存取的文本文件以快速连接文件。举例来说，如果一个医生要发表一项关于内科的研究成果共同行参考，他或者她就可以在超级终端的纯文本环境里面，将他的论文的连接加入到一个医学研究的相关目录。虽然，今天的站点看起来和以前有很大不同，很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等等，但是其本质并没有改变。它仅仅是对我们未经训练的眼睛来说有了明显的变化。

交互式媒体现在被称为"新媒体"。"新媒体"以它的交互性与常见的诸如报纸、杂志、书、收音机、标准的动画片、电视和电影等静态媒体区别开来。

网页正快速的从纯文本向图形化过渡。一旦我们使用的图形浏览器开始支持图形文件格式，文本连接就变成了图形连接。如今，通过使用形形色色的HTML，CSS和JavaScript(一种越来越广泛使用无需连接大应用服务器和数据库就可以产生交互功能的编程语言)的连接越来越丰富。然而，需要强调的是，我们创作的时候依然要重视网站的基本结构。

最好的方法，是使用一个白板把你脑子里面的想法画出来。首先，先画出站点的基本构成，然后就要考虑有那些令人感兴趣的页面可以可以链接到其它哪些页面，依靠集体的力量最终完成该站点。使用更多的线性结构，可以对访问者以更好的指引。

最终画出仔细构思的网站结构

你面临的最大的挑战是将你的想法画出来。如果你现在已经因工作的压力快要发疯的时候，建议你出去走走，坐在树下，用草稿纸画个草图也许感觉会轻松一些。先画出主要的部分，一开始不要使用文字，仅仅把需要重点表现出来的页面或者站点单元按需要画出框图即可。然后，回过头来想想有几种可能关联到那些部分，是否是唯一关联的部分。按照这样的方法，在创作的道路上，你可能最终得到令人惊喜的结果。其实，类似于这样的考验并不常有，但是对于站点制作人员来说，通过这样的方法可以受益很多。全面使用你的大脑，你将得到一个更具可用性的站点。

6、如何优化网站信息架构

信息架构的定义
根据维基百科的定义，信息架构（Information Architecture，简称IA）是在信息环境中，影响系统组织、导览、及分类标签的组合结构。它是基于信息架构方法论，并运用计算机技术管理和组织信息的一个专门学科。信息架构并非一开始就应用于网站设计，其起源于情报科学，最初应该是用于图书馆等地方的信息组织和信息检索的。
《用户体验的要素——以用户为中心的WEB设计》这本书中对信息架构的定义基于网站设计：信息架构着重于设计组织分类和导航的结构，从而让用户可以提高效率、有效地浏览网站的内容。
具体的就不再多说的，可能各有各的理解，这里直接来看一个实例——Wordpress的信息架构模式：
Wordpress-IA
当然，上面这个图只能展示一个大体的网站信息架构，中间的类目层也许不止一层，会有大类、子类、子子类……底层可以是文章也可能是页面或者一些其他的具体内容。而网站的内部关系也往往因为全局或局部导航、网站内链和内容关联等功能的存在而复杂的多，图上的箭头也会密集很多，但我们无需罗列所有内容间的关系，关键是在理清基本的结构。
信息架构的类型
还是参考《用户体验的要素——以用户为中心的WEB设计》中对信息架构的几个分类：
层次结构（Hierarchical Structure）
也叫树形结构，是最常见的网站信息架构模式，上面举例的Wordpress的信息架构就是典型的层次结构。树形结构中箭头的方向不一定是自上而下的，也可能是自下而上或者是双向的，而内容层之间也会因为一些关联链接的存在而存在同层次间的指向箭头。
矩阵结构（Matrix Structure）
矩阵结构比较注重“维”的概念，即从多维的角度来检索信息，如时间、地域、内容分类等，典型的应用就是内容管理系统（CMS）网站或者电子商务类网站，比如你浏览豆瓣的电影时可以筛选：2010年—美国—科幻，也许这个时候《钢铁侠2》就呈现在你面前了。
线性结构（Sequential Structure）
看到线性结构也许你马上会想到面包屑，它将网站中最重要的一个信息架构路线展现了出来，即使它无法为你提供你在网站上的平面坐标，但至少它显示了你现在正处于关键线路的哪个点上；当然，网站的一些关键路径一般也是按照线性结构涉及的，比如用户注册流程或电子商务网站的购买流程等。
网站分析与信息架构
根据网站业务模式的不同，可以选择适合自己网站的信息架构的模式，无论是上面的哪种信息架构模式，只要设计和运用合理，用户便能够在你的网站上以最方便的形式、最快的速度找到他们需要的信息。
但当我浏览某些网站时，有时真的会让我感觉到“找不到北”，结果就是直接关闭该页面，如果不希望让已经进入了你的网站的用户轻易地离开，网站信息架构的好坏将直接影响网站的用户体验。所以我们需要通过一些方法来检验网站的信息架构是否满足用户的信息检索的需求。
1.尝试整理出类似上面例子中的网站信息架构图
这个是最简单最直观的方法，如果你的网站信息架构足够清晰，那么画出这样的图对你来说也绝非难事；而当网站的应用比较复杂、内容比较宽泛，那么可能要整理出网站的整体信息架构就会相对困难，但我相信一个设计优秀的网站只要稍加整理，大体的信息架构图还是画得出来的；而当你绞尽脑汁就是理不清你的网站的信息架构的头绪的时候，那么说明你的网站需要优化了。
2.通过网站分析的方法验证信息架构的合理性
本文的副标题是“让用户更容易地找到需要的信息”，所以我们需要分析用户是否能够在你的网站上方便快捷地找到他们需要的信息，这里推荐一种方法——寻找网站中的迷失用户（Lost Visits）。
在一个合理的信息架构下，大多数的用户是不会在你的网站上迷路的；反之，混乱的信息架构会导致大量的用户迷失方向，就像是进入了一个巨大的迷宫。那么如何寻找这些迷失用户？我们可以先分析下这类用户的行为，最明显特征的就是：连续点击好几个页面，每个页面都只是初步浏览（因为没有找到他们需要的信息）就转到另外的页面或直接离开了。所以我们可以借助网站分析中的两个度量：
浏览页面数（Depth of Visit）：一次访问中用户总的浏览页面数；
页面平均停留时间（Avg. Time on Page）：一次浏览中用户在每个页面的平均停留时间，即该次访问总停留时间（Time on Site）/该次访问页面数（Depth of Visit）。
我们可以用户细分的方法把那些浏览页面数较多，但页面平均停留时间较短的用户浏览看作是迷失用户，具体的数值可以根据网站自身的特点进行定义，比如我定义我的博客中浏览页面数大于等于4，而页面平均停留时间小于等于15秒的Visits为迷失用户的浏览行为，我们可以借助Google Analytics中的高级群组（Advanced Segment）来区分出这类用户，关于如何使用Google Analytics的高级群组功能，可以参考蓝鲸的文章——Google Analytics功能篇—高级群组，如下图：
Advanced-Segment-Lost-Visits
当然，你可能会说这种用户区分的方法不准确，这类用户不一定就是迷失用户，也有可能他们确实找到并浏览了具体内容，但因为内容不够吸引人或者其他原因而马上离开了该页面。所以这里用高级群组划分出来的这类Visits的数量不能看作是迷失用户的一个绝对数值，我们只能认为里面的大部分Visits都是迷失用户，而不排除存在某些另类。所以更合理的方法是通过计算这类Visits占网站总Visits的比例情况来分析网站的信息架构到底是否合理，我们可以在Google Analytics上面选取网站的All Visits和Lost Visits进行比例和趋势的比较，如下图：
Comparison-All-and-Lost-Visits
Trend-All-and-Lost-Visits
网站中迷失用户浏览的所占比例只需通过Lost Visits/All Visits就可以计算得到，但这个时候你还是无法根据这个计算结果来评判网站的信息架构到底是好是坏，因为还缺少一个基准线（Benchmark）或者说是评判标准。在Google Analytics上面的Visitors标签下，提供了“Sites of similar size”的基准比较（Benchmarking），你可以选择与你的网站相似类型的网站作为基准线进行数据比较，这的确是个很好的参考，因为通过比较能够更加明确你的网站在同类型网站中的优势和劣势，为网站优化指明方向。GA借助其强大的数据平台可以为我们提供基准线，但也许对于上面这个例子会显得无能为力，这个时候需要我们理性地自己去选择一个合适的基准线，比如我的博客目前类目和内容都还比较少，那么我可能会定义我的网站的迷失用户比例应该控制在1%以下；但如果对于一个应用和内容比较复杂的网站，那么基准线显然会需要定得更高一点。一旦某段时间的数据越过了基准线，就需要关注一下网站的信息架构是不是在趋于混乱了，是不是该进行一下整理和优化了。
总之，一个好的信息架构能够帮助用户更容易地找到他们需要的信息，从而有效地提升网站的用户体验，所以，尝试着去优化下你的网站的信息架构。如果你有更好的方法能够有效地检验网站的信息架构的优劣，或者能够明确地分析得到网站信息架构的哪些细节上存在缺陷，希望能与我交流，我期待网站分析方法在优化网站信息架构方面的更多的应用。