web的设计原则

厚学网超实用！Web设计中导航与主页的设计原则在开放性的门户网站中，这类网站中用户流量较大，且用户注意力极容易被分散，这时一个Web页面的瞬间识别性直接关系到用户转化率，也就显得尤为重要。而对一些比较专业的或指定性的网站，政府网站等，用户面临缺少其他选择，网站缺少替代性的情况，以下原则可能没有前者这么性命攸关，但也同样具有相当的指导意义。一、导航设计——街头指示牌和面包屑1、记住一个事实：如果在网站上找不到方向，人们会放弃使用你的网站（1）网络导航101法则人们进入站点时会遵循一个类似的过程：人们通常是为了寻找某个目标人们会决定先询问还是先浏览如果选择浏览，人们会通过标志的引导在层次结构中穿行最后，如果没找到想要的东西，人们会离开（2）Web与真实世界中的差异感觉不到大小感觉不到方向感觉不到位置厚学

网不论我是来闲逛还是来寻找固定内容，我能清晰地知道自己在哪，能去哪（明细分类），以及如何回去（主菜单）。（3）导航的用途它给了我们一个被固定的感觉它告诉我们当前的位置它告诉我们如何使用网站它给了我们对网站建造者的信心厚学

网如今我们逛一些相当成熟的购物网站（比如淘宝）的时候，甚至比在百货商厦中的感觉更清晰。我能更便捷地找到自己想要的东西。（商品分类，新品促销，其他功能。。。）Web导航的用法基于实际导航用法，但我认为web导航现在已经实现了对现实世界导航的超越。（可快速跳转，试错成本低）（4）只要跺三次脚，说“我要回家”让一个“返回主页”的按钮始终可见，这一点很重要，用户可以随时（在短时间内）回到主页，可以有效地减少用户迷失方向的焦虑。（5）提供搜索搜索的设计要注意三点：慎用花哨的用词：“快速搜索”“关键词搜索”“精确搜索”等等添加指示说明：在PlaceHolder中增加对搜索的描述添加选项：如果存在易混淆的搜索范围，如全站搜索？部分站点搜索？整个Web搜索？请加选项区分。（6）关于页面名称标识要大：足够引人注目在合适的位置：通常在页面左上，目光焦点较多的地方厚学网每个页面都需要一个名称名称要和点击的链接一致（7）你在这里——关于“面包屑”面包屑帮你找到来时的路，其实就是级联菜单。你能清晰的知道自己在哪，如何来的。也可以快速回去。（8）喜欢标签（TAB）的四个理由它们不言而喻：从来没有第一眼看到会不明白的用户它们很难错过：当Krug进行“用户点击测试”时，几乎所有人都会试着点击Tab标签它们很灵活：设计得当能增加修饰作用，更实用它们暗示了一个物理空间：能帮助你装载大量内容（9）“后备厢测试”想象你被蒙上双眼，所在车子后备厢中，车子开动一段时间后，把你放在网站某个内容的某个页面上，你能迅速的判断出：这是个什么网站？（风格主题设计）自己现在在哪？（网页名称）如何回到主页？当前我有什么选择？（本页导航）厚学网网站主要栏目有哪些？（栏目清单）我怎么进行搜索？如果可以，说明这个页面设计良好。这个页面设计还蛮清晰的对不对？二、首先要承认，主页不由你控制1.主页的任务站点的标识和使命：告诉我这是做什么的网站站点层次总览：网站概貌搜索建立可信度和信任感：专业优美的设计，是良好印象和继续使用的重要因素内容更新：展现活跃迹象，不是死水一潭友情链接：没办法快捷入口注册看到我自己正在寻找的东西：让我有继续使用的第一动力厚学网……还有我没寻找的东西：以后用得到告诉我从哪开始：面对一个新网站，无从下手的感觉糟透了导读：精彩内容的推介2.你还要面临的一些不利因素每个人都想占有一席之地：主页的版面很珍贵，但信息量太多会容易造成堵塞——供应不足想要参与的人太多：产品，设计，市场，CEO，（甚至技术）都想在主页加上一些个人需要（或喜欢）的东西一个尺寸要适合所有人：主页要呈现在每个访问者面前，不管他们兴趣差别有多大3.第一个受害者由于上面的几个不利因素，主页很容易变得非常复杂，这时最重要的事情往往被忘记——传达整体形象。忘记整体形象的五大错误理由：这本就是显而易见的，我们不需要这么做：我们自己建立网站时，很清楚自己将提供什么，但是你很难想到别人对此其实并不清楚。人们见过一次这些说明后，会觉得重复见到很烦人：很少有人每次看到同样的解释就不再访问这个网站。真正需要我们网站的人会知道的：这样很容易让人觉得，那些没有马上明白的人可能不是你的目标受众，从而丢失大量流量那是广告的任务：就算人们理解你的外部广告，但当他们来到你的网站时，真正留住兴趣的是你的主页。我们会增加一个“初次访问？”的连接来专门针对新人：人们更倾向自己尝试摸索，而不会依赖教程。这并不能代替他们一眼见到网站的整体形象，而且很多人再试着摸索后就已经糊涂了。4.如何传达整体形象口号欢迎广告需要多大空间就使用多大空间厚学网但也不要使用太大空间不要把使命陈述当做欢迎广告最重要的是进行测试5.没什么比得上一个好口号——Slogan好的口号要清楚、言之有物，不好的口号含糊不清好的口号长度适中好的口号能表述出网站的特点和显而易见的好处，不好的口号听起来太笼统好的口号应该有个性、生动，偶尔很俏皮推荐几个不错的Slogan：（1）阅读网易新闻：有态度的新闻门户ONE：复杂世界里一个就够了简书：交流故事，沟通想法一席：听君一席话大眼：呈现世界精彩（2）出行面包旅行：与世界分享你的旅行经验蝉游记：发现旅行之美旅行加：方便快捷的一站式旅行助手Uber：你的专属司机Airbnb台湾站：躺在山海间，睡在人情里（3）财务支付宝：改变因我而来随手记：理财第一步挖财：爱记账会生活（4）购物京东：多·快·好·省（「这才是最直接最长情的告白」）手机淘宝：随时随地，想淘就淘什么值得买：高性价比产品网购推荐，值得您常来看看厚学网（5）音乐网易云音乐：听见·好时光！QQ音乐：听我想听的歌豆瓣FM：与喜欢的音乐不期而遇落网：我们记录独立音乐（6）视频爱奇艺视频：悦享品质优酷：世界都在看迅雷看看：你的随身电影院（7）生活KitchenStories：anyonecancook下厨房：唯有美食与爱不可辜负美团外卖：把世界送到你手中百度外卖：我们想要给你更多饿了么：叫外卖，上饿了么百度云：云上的日子，你我共享any.do：OrganizeanythingwithAny.do豆瓣：汇聚一亿人的生活趣味（以上摘自知乎，侵删）6.从哪里开始？当进入一个新的网站，快速扫描主页之后，我们应该明白无误地知道：如果我想搜索，可以从这里开始。如果我想浏览，可以从这里开始。如果我想扫描网站最精彩（推荐，特价，有趣）的内容，可以从这里开始。7.下拉框的问题为了节省空间，设计师常常会想方设法创造一些空间，比如……下拉框——遗憾的是，他们存在几个问题：他们难以扫描，你必须把它们找出来：必须点击下拉框，才能看到下拉列表，然而用户精力尤其宝贵的浏览时间，这无异于自寻死路。厚学网他们不好控制：当下拉框伸展开露出一大长串内容时……所以他们更多被用在一些用户不得不看的场景，比如注册。8.节约主页因为主页的内容实在太重要，所有利益相关者都想在主页加上自己的内容（分一杯羹），这样很容易造成过度使用，需要其他方法来缓解这种需求，比如其他热门页面进行推介。

科技情报开发与经济　ＳＣＩ—ＴＥＣＨ　ＩＮＦＯＲＭＡＴＩＯＮ　ＤＥＶＥＬＯＰＭＥＮＴ＆ＥＣＯＮＯＭＹ　２００８年第１　８卷第ｌ　６期　文章编号：１００５—６０３３（２００８）１６－００８７－０２　收稿日期：２００８—０４—１５　基于建构主义的Ｗｅｂ２．０网站设计原则　

丁奕芳　

（四川大学公共管理学院，四川Ｉ成都，６１００６４）　

摘要：探讨了基于建构主义的Ｗｅｂ２．０网站的设计原则，提出了强调以信息用户为中　心、强调信息交互的关键作用、强调网络信息平台的设计等原则。　关键词：建构主义；Ｗｅｂ２．０；信息构建　中图分类号：ＴＰ３９３．０７　文献标识码：Ａ　Ｗｅｂ２．０的概念自从２０ｏ４年被明确提出后，在全球蓬勃发展起来，带　来了互联网产业的第二个春天。建构主义起源于研究儿童认知发展，后　来，人们利用它来说明人类学习过程的认知规律，我们可以利用建构主　义的认知规律来对Ｗｅｂ２．０环境下网站的设计原则进行有益的探索。　１建构主义概述　瑞士人皮亚杰在半个多世纪前，最先提出了建构主义。建构主义本　来是源自关于儿童认知发展的理论，它认为个体的认知发展与学习过程　密切相关，利用建构主义可以说明人类学习过程的认知规律。由于学习　是在一定的情境，即社会文化背景下，借助其他人的帮助，即通过人际间　的协作活动而实现的意义建构过程，因此，建构主义学习理论认为“情　境”“协作”“会话”和“意义建构”是学习环境巾的四大要素。　●　●　…＜●‘）●（…’●　●　●●　●，●●…’●　、一＿　、…　●：●ｒ●：●　～●　●ｔ●　“●（　２．３机关档案室服务方式问题　档案室数字化后，用户性质的改变也会给档案室的服务方式提出新　的问题。数字档案室的用户可能是虚拟用户，档案室管理人员已不用与用　户进行面对面的交流，而这就需要他们具备较强的信息能力和专业技能。　３机关档案室信息化改革的对策和措施　３．１领导要高度重视　档案对于推动机关单位改革、进行科学管理、提高业务水平、开展创　新研究、维护单位权利、展示单位业绩和发展历程具有重大作用。因此，　要使领导充分认识到档案信息化的重要作用，切实把档案信息化提高到　单位发展与改革的高度来对待，把档案工作落到实处，纳入部门考核的　范围内，做到领导保证、人员保证、时间保证、经费保证。这是加快档案室　信息化的关键，也是档案事业生存与发展的根本保证。　３．２抓好全过程管理　档案人员关注的焦点应该从实体来源延伸到概念来源，这就要求档　案工作者要积极参与文件管理活动的全过程　］，同时注重文件的背景信　息和元数据信息的收集，即除了了解文件本身，还要充分掌握文件的相　关信息。首先要全面设计文件的管理目标、管理规则和管理方法，建立一　个涵盖文件全部管理活动的统一的档案管理平台和数据库建设体系。可　以通过以下两种途径来实现：一是按照《档案管理软件功能设汁暂行办　法》，研发适合本单位的档案管理系统；二是可以采用已成熟的档案管理　软件系统来满足本单位档案管理的需要。在这种体系下，要突出各项管　理内容的无缝链接、系统整合和整体效应，充分利用管理系统的各种资　源，实现系统软硬件资源和信息资源的最大共享和最大效益。此外，还要　对档案室的档案实行过程管理，对文件的生成、运转、保管和利用过程实　施监控，以便及时发现和纠正失误，不断调整管理策略。在过程管理巾，　所有有助于说明新型文件重要属性和有效管理过程的信息都要记录在　案，以证实电子文件的运转状况，确保电子文件的管理质量。　３．３提高档案工作人员的素质　机关档案工作人员的素质问题关系到整个单位档案建设能否持续、　稳定、健康地发展　，高素质的档案工作者是档案室信息化的基础。档案　在建构主义学习理论中，教师和学生的地位、作用和传统教学相比，　已经发生了很大的变化，它强调以学生为中心，认为学生是认知的主体，　是知识意义的主动构建者；教师只对学生的意义建构起帮助和促进作　用，并不要求教师直接向学生传授和灌输知识。　２　Ｗｅｂ２．０的定义　Ｗｅｂ２．０的概念首先产生于２００４年Ｏ’Ｒｅｉｌｌｙ公司和ＭｅｄｉａＬｉｖｅ国际　公司之间的头脑风暴会议上。那个会议后，“Ｗｅｂ２．０”一词逐渐深入人心，　但作为新生的概念，它并没有一个精确的范畴，作为Ｗｅｂ２．０的积极提出　者和先锋ｒｒｊｍ　Ｏ’Ｒｅｉｌｌｙ将Ｗｅｂ２．０的主要特征描述为以网络作为平台、　采摘集体智慧、内在数据驱动、软件发布周期的终结、轻量级编程模型、　超越了单一设备水平的软件、富含充分的使用者体验。　信息化建设需要档案工作者除了具备图书、情报、档案学的专业知识外，　还要具备一定的计算机处理能力，熟悉计算机操作、录人、网络应用、数　据库、图像处理等方面的知识，要拿出“活到老学到老”的精神，适应信息　化条件下的档案工作，积极探索档案信息化　【作的新模式、新方法。　目前．大多数机关档案室缺乏的是既具有档案专业知识又具备计算　机等相关知识的复合型人才。因此，档案室应该重视引进相关的专业人才，　以适应数字化建设的需要。同时，也必须重视对在职人员的培训工作，在相　关的岗位培训及人才引进时建议遵循以下原则：一是做到有提前量，使有　关人员对新技术、新设备能够提前了解；二是针对不同对象分层次培养，要　求知识技能与岗位相适应；三是充分依靠社会，引进人才但不浪费人才，做　到人员结构合理。在引进人才的同时，还要对现有人员进行继续教育和培　训。档案人员的教育应该是多学科、多视角、开放和合作式的教育，应该建　立一种以档案学为核心、以人文科学和信息技术为框架的培训体系。　４结语　综上所述，在机关档案室信息化改革过程中，应该抓住档案工作信　息化、数字化、网络化的有利契机，让单位领导充分重视档案的信息化改　革工作，把档案工作落实到实处，搞好全过程的档案控制和管理，促进机　关档案工作的现代化。　参考文献　［１］汪碧宇新时期档案馆工作改革研究［Ｄ］．△肥：安徽大学，２００６．　［２］吴文革，马仁杰．构建档案开放的系统体系［Ｊ］．档案学通讯，２００３　（２）：ｌ６．　［３］薛匡勇．档案馆论［Ｊ］．档案学通讯，２００３（４）：１２—１５．　［４］刘安．公众需要什么样的档案馆［Ｊ］．档案学研究，２ｏ０３（５）：２５－２７．　［５］吴宝康．档案学概论［Ｍ］．北京：中国人民大学出版社，１９８８：１０２．　（责任编辑：邱娅男）　

Web󱶭󱶎󱦡󱦇󱥢󱝜

󱖫 󰝩󰒓

󱇇 󰹜 󰝩󰒓

󰝑󰴴󱇫󰮾󰒓

󰖢 󱘏󰒓

󰚓 󰝎 󰝩󰒓

󰷈󰻩󰗥󰶯󰜲󰝥󱦕󰭯

⽂档修改记录

⽂档审核记录 ⽇ 期版本号更改⼈更改内容⽇ 期版本号审核⼈审核意见

第 页 共 页227

󱍓 󰭯

1.引⾔ 5

1.1.⽬的 5 1.2.范围 5

1.3.缩略术语 5

1.4.参考资料 5

2.WEB页⾯框架内容 5 ............................................................................................................................

2.1.页⾯框架 5 2.2.页⾯布局 6

2.2.1.布局原则 6

2.2.2.布局要求 6 2.2.2.1.页⾯分割 6 2.2.2.2.页⾯结构 7 2.2.2.3.页⾯展现 8 2.2.2.4.页⾯美化 8 2.3.页⾯字体 9 2.4.边距 9

2.5.表格 9 2.6.段落排版 10 2.7.FRAME 10 2.8.其他页⾯元素 11 .............................................................................................................................

3.页⾯风格 11 ............................................................................................................................................

3.1.风格分类 11

3.2.页⾯风格应⽤ 11 .............................................................................................................................

第一部分:实训目的

21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。

个人网站的总体规划和步骤

1． 设计的思路

我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！

2． 绿色网站的意义

我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中 ，明快而错落的绿，让人仿佛来到青山翠谷。

网站的总体风格

网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。

网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风格都非常相似，但是各个页面都具有各自的特色，让我们感受到自己的空间的个性。

绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问者可以很明确的感受到制作网站的人的心情和性格。

绿色网站的主要色调是以绿色为主。鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色

的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。以淡色为辅，两种颜色的结合更体现出了青春与活力。

淡绿色网站主要采用的是环型结构，每一个页面连接另一个页面，使各个页面能方便的跳转。

4 网站的分析与设计

设计一个个人网站,主要需要考虑两个方面的因素: