网站设计心得范文1
关键词：网页人机界面设计；感性工学 ；少儿网站
中图分类号：TP393文献标识码：A文章编号：1009-3044(2011)04-0779-03
1 感性化网页界面设计
1.1 界面设计的发展
界面设计的概念首先是在西方国家提出来的，而且存在了很长的时间，发展到今天己经有了一套自己成熟的理论和实践经验,韩国和日本对于网页界面设计的研究已经走在这方面研究的前端。虽然感性的人机界面设计成为设计领域的焦点，其理论主要用在产品界面设计，在历年研究生的论文中，大多是从网页界面设计的色彩、存在的形态及学科相关性方面阐述、或者只是网站建模，很少将理论与设计实践相结合来研究。人机界面设计的一个细小分支:网页人机界面的感性化设计在国内还处于起步阶段。
1.2 感性工学
上个世纪80年代末在日本出现了感性工学的课题和研究。感性工学(KanseiEngineering)是界于设计学、工学及其他学科之间的一门综合叉学科。“感性”是一种主观的难以用文字来描述的心理体验，它是一种认知的概念，受个人知识、经验和个性的影响，是个性化的认识。同时感性也是直觉与理智相互作用的结果，感性对美的、情趣的事物特别敏感。对于设计者而言就是把消费者脑海中的构建法则探寻出来，通过破译消费者的感受，再利用这些探寻出来的法则去进行设计，这就是感性工学设计的首要任务。
1.3 感性工学与界面设计的关系
首先从指导思想上讲，感性工学设计的出发点是考虑人的感受即以人为本。从人的角度度上考虑问题高于一切，因为设计的目的就是为了让产品更好的为人服务。只有以人的感受作为基础和原始资料，以“以人为本”作为指导思想，从人的感受方面去寻找设计灵感，才能保证设计符合使用者的需求，这是设计的源头也是设计的动力。其次从设计周期方面讲，基于感性工学的网页界面设计方法论精简了传统的设计理念的步骤，设计程序不再那么复杂。对设计过程的精简不仅提高了设计效率，简化了繁琐的设计流程，而且从根本上解除了设计师在思想上的束缚，使设计更加灵活。最后，从设计结果上讲，它避免了许多不必要的或者是重复的信息设置，无论是布局还是内容，每一个小细节都来自用户的真实感受，都经过设计师的深思熟虑。由基于感性工学的网络形象设计理念设计出来的“产品”应该是符合用户群体需求，符合市场需求的。网页界面设计发展到现今的阶段，功能合理，适用有效或是有某种外在的美感已经不再能满足网页用户的需求了，感性化网页界面设计已经成为设计的必然。在网页界面的设计过程中，研究用户是其最基础的一个环节。为了提供自然和直观的网页界面，我们就需要表现出以用户和交流为向导的新的设计方法。对于用户来说，用恰当的文字和语言来表达自己的“感性”并不是一件容易的事情，设计师就更难辨别出产品的哪些属性可以唤起人们的何种感性，以及人们的感性是如何随着产品属性的改变而改变的，在更多情况下，人们的感性并不只由某一种产品属性决定。感性工学，因其运用科学先进的现代工具和技术，可以帮助消费者表达自己的感性，甚至是一些他们自己都没有意识到的情感，设计师可以准确便捷地获取消费者基于产品和概念的特性的主观评价，取得消费者对于产品的潜在感受和需求。感性工学除了是可以运用的设计上的工具，更是可以辅助设计师弄清人们感性的利器，从而可以针对不同消费者和消费群体的感性需求，设计出不同的产品造型，在客户满意度与设计制造成本之间取得一个平衡点。
2 少儿网页界面感性化设计现状调查
本文以常用少儿网站新浪少儿网，希望谷，迪斯尼中国站为例，分析目前的少儿网站感性化设计发展现状，为下文的研究提供数据依据。
2.1 数据来源及其分析
这项研究分别从用户和网站角度进行研究。通过对用户的调查，可以得到用户的体验，以及从用户的角度得到对网站的评价，并且可以发现网站中存在的一些问题。通过对少儿网站的调查，可以了解到网站中吸引用户的重要因素，以及用户对网站的评价，从而为网站的设计提供建议。
2.1.1 问卷调查
问卷调查是以书面提出问题的方式搜集资料的一种研究方法。研究者将所要研究的问题编制成问题表格，以邮寄方式、当面作答或者追踪访问方式填答，从而了解被试对某一现象或问题的看法和意见，所以又称问题表格法。在各种调查研究当中，所得结果是否达到调查的目的和要求，以及所搜集到的资料的可靠程度和完善程度都取决于调查问卷设计水平的高低，在可用性研究中，问卷调查可以用来了解用户的满意度和遇到的问题，也可以根据客户服务的反馈，实际使用的记录或实地测试的方法来了解用户的实际使用情况。 问卷调查方式可以得到在特定的情况下对使用网络的体验，比如少儿上网是为了娱乐，结交朋友还是还是其他，可以得到在这个使用范围内的精细的用户需求。本次调查的用户对象是深圳地区少年儿童。由于深圳是个移民城市，来深建设者来自全国各地，人口多样化，少年儿童也都是来自全国各地，从而使得调查的数据人口广泛而具有代表性。在问卷调查的这个环节里，我们的主要目的是发现少儿网站用户浏览网站的目的，浏览网站过程中的喜好，期望得到什么，这些期望是如何满足的，或者为什么没有满足。在知己知彼网发表调查问卷，再通过学而思教育机构将将网站公布给深圳五区各小学，每个区都有学生作答问卷，网站对调查问卷的结果进行统计分析，由于篇幅有限只列举部分问卷结果，问卷调查大多为多项选择题。从图1可以看出，少年儿童浏览网站时的目的有70%以上是娱乐。
图1 学生浏览网站的目的 图2 网站吸引用户因素调查
从图中可以看出人们在浏览一个网站的时候，喜欢一个网站的原因74%的人表示是因为娱乐；浏览网站的目的学习与娱乐的需要各占一半；有50%的人是被这个网站的内容所吸引；大多数的用户喜欢清新，可爱，卡通的界面风格；44%的人认为目前的网站学习资源比较少，同时35%的人认为网站不容易操作，只有65%的人表示在三次以内就能熟练操作一个陌生的网站；59％的人表示容易找到需要的内容；大多数少年儿童希望能够将资料年级分类以便查找； 59%的人表示希望能够在线互动；大多数人喜欢网站提供展示自己才艺的平台；从目前网站存在四个比较严重的问题，这个问题分别是网页弹出广告，出现错误的信息，网页打开慢，网页内容更新慢，这四个方面比较严重的问题也是我们今后网站设计改进的方向。
2.1.2 文案法
文案调查以收集少儿上网的文献性信息为主，具体表现为各种文献资料，可以通过网络搜索,少儿报纸杂志和报纸来收集相关信息,尤其是通过网络,可以从更宽广得角度来获得更多地有关少儿上网的知识。它可以用来发现少儿上网的问题并为研究提供重要参考依据。这些收集来的数据无法直接使用,需要经过加工才能使用,整个过程对调查者的要求比较高。
2.1.3 启发性测试
为了得到用户深层次的体验，我们以”新浪少儿网”，”希望谷”，为例对用户进行启发性测试,在整个过程中从各个方面进行测试,整个界面测试涉及17个问题.比如,发现其中的三个比较严重的问题是:打开网站时弹出广告，这一点是用户非常反感的。还有一个问题就是网站不容易操作,而有的用户发现网站不容易操作之后就几乎放弃再次进入该网站.还有一个问题是,当孩子遇到不会的问题时,没有老师在线答疑，甚至没有留言等功能,也就是说这样的网站缺少互动功能。
3 少儿网站感性意向分析
3.1 设计原则与方法
可用性的设计观念采用的是逆向式推理感性工学的方法，它将设计的重点放在用户对真实产品的体验上，通过对“体验”的观察和总结对产品进行不断的修改和纠正，最终达到“可用性”的目的。
感性网页界面设计必须把重点放在以用户为中心，从用户的需要和用户的感受出发，设计符合用户需求的网页界面,而不是让用户来适应界面，从而使界面友好使用。以用户为中心的设计(UCD)是一种关于产品/系统设计过程的方法论，这个方法论以使用产品系统的人的信息为基础。无论产品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。UCD过程通过产品的计划、设计和开发聚焦在用户身上，整个过程包含了以人为中心的活动，它贯穿于产品开发的整个生命周期。
一个好的以用户为中心的设计方法包括以下三个维度：效率，效能，用户在特定环境下使用产品的满意度，满意度包括产品的易用性，吸引用户的程度，用户使用完产品后心理层面的感受。在感性设计的过程中,捕捉用户的感性需求是感性网页界设计的最为重要的一步。以少儿网站为例,通过以用户为中心的感性工学方法提取出少儿网站设计的感性意向。具体从以下三个方面着手：
1) 调查网站和浏览者背景信息。
2) 选择具有代表性的网站进行研究，从而得到用户体验。
3) 分析统计实验得来的数据，并将其转化成可设计因素。
3.2 少儿网站感性意向分析
每一种类型的少儿网站都有自己的优势，综合考虑影响访问量的因素有以下几点:网站用户群体的定位、网站页面的可用性、网站页面的易用性、网站页面的交互性。除此之外，还有一些小细节的设计也能影响用户的感受，比如网站的注册流程繁琐且填写过的内容不能被存储记忆，这就会让用户感到异常的烦躁不安。基于上述的调查,得出少儿网站形象设计应该简单，可爱，易用,这才符合少年儿童的心理发展，符合使用需求。
阶层分析法
感性工学的阶层类别分析法是根据新产品的感性层面来进行分析和分类，以建立产品的感性结构来获取设计细节，因此主要运用在新产品的开发过程中，将运用阶层类别分析法研究出的某种产品属性决策归纳采入到新产品设计中去。在阶层类别分析法操作过程中，首先要对目标产品做一个感性市场的调查。调查主要收集来自于各种渠道的信息，如用户访谈、市场调研、报刊网络资料收集等。在此之后，着重的是研究小组成员间的想法表达与充分讨论，通过讨论凝聚成一个产品概念作为0阶感性概念。考虑到0阶感性概念的抽象性及难懂性，将其转译成稍微具体的1阶感性概念就很有必要了。研究人员采用层次递推的方法，将用户对产品的感性认识范畴向下拆解形成1阶感性概念。接着再由1阶感性概念逐次逐步层次分解推论子概念，每一个衍生子概念再分别向下拆解展开成树状结构。假如设计团队无法从某一阶层得到具体的设计细节部分，则将继续往下拆解，直到能够得到出现物理量的细节设计的详细说明的阶层（作为“N阶”）为止，最终获得符合感性诉求的产品设计物理特性，作为产品开发的基础。这个“感性――物理特性”的树状图关系，就是贯穿阶层类别分析法的一条主要脉络。
捕捉用户的感性体验是是一个网站成功的关键地方，从调查设计中的几个常用的网站看都缺乏这方面的设计。将少儿网站的调查研究结果利用阶层分析法,我们将少儿网站的设计定位于以用户为中心，通过娱乐性，易用性，美观性，交互性四个一次感受来体现以用户为中心的0次感受。比如，一次感受中的娱乐性，又是通过趣味性和可玩性的二次感受来体现的。因为少年儿童的心理具有特殊性，所以内容不能严肃和呆板，要让网站达到寓教于乐的目的，内容要充满童趣，少年儿童对外在的世界还充满无比的好奇，所以开发交友功能来满足他们的好奇心。再将1次感性继续细分,经过N次感性化后最终得出物理上的设计细节。这样我们就将过去难以量化、只能定性的、非理性无逻辑可言的感性反应，转化为设计要素。少儿网站感性树状图如图3所示。
4 结论
通过对以上几个网站的感性设计现状调查 ，再将调查的结果运用感性工学方法得出感性意向树状图，得出一下几点结论：1）增强少儿网站的娱乐性，少儿上网的目的性不是很强，网站的内容要达到寓教于乐的效果；2）增强少儿网站内容易用性，少儿处于接触网络的初始阶段，操作的简易性符合少儿用户心理；3）界面应该卡通化充满童趣，这样才能符合儿童的审美；4）增强网站的交互性可以从数据库方面来考虑，再就是网站的的功能，提供在线问答，问题反馈功能能增强网站的可性度，也是吸引和留住用户的一个重要方面。树状图的具体物理设计细节就是将浏览用户的感性体验转化成了具体的设计细节，这样的设计符合用户需求，达到了少儿网站感性化设计的目的。
参考文献：
[1] 方惠敏,杨国胜,丁文珂.基于人性化网站界面设计的用户建模[J].计算机技术与发展,2008(2):187-190.
[2] 钟厦,宋晓晨,孙亚云.感性工学中量化的基本程序介绍[C]//2005年国际工业设计研讨会暨第十届全国工业设计学术年会论文集.北京:机械工业出版社,2005:728-731.
[3] 梅云.感性设计:人机界面设计新思维[J].科技资讯,2008(9):217.
[4] 徐晓莉.基于感性工学的网络形象设计理念研究[D].济南:山东大学,2008.
[5] 吴洁.设计艺术学[D].上海:上海交通大学,2007.
[6] 刘增.以用户为中心的网络界面设计研究[D].南京:南京航空航天大学,2007.
[7] 李立新.感性工学-门新学科的诞生[J].艺术生活,2006(3):71-73.
[8] 罗仕鉴,潘云鹤.产品设计中的感性意向理论,技术与研究进展[J].机械工程学报,2007(3):8-13.
[9] 喻中华.基于用户体验的购物网站设计中可信赖感研究[D].上海:上海交通大学,2008.
网站设计心得范文2
关键词：SEO优化；响应式网站设计
抗NDMA受体脑炎病是一种并不罕见，却被很少人了解的疾病。该病发病突然，且毫无征兆，每年因误诊死亡的人不在少数。在网络时代，创建公益网站，既可以让更多的人了解该种疾病，也为医生和患者之间搭建了一个交流的平台。但要使信息得到更广泛地传播，不仅仅需要网页在搜索引擎中获得更靠前的排名获得更多点击，也要是网页可以适用于多种多样的设备。SEO优化技术能很好地解决网页在搜索引擎的排名问题，使网页获取更多的点击。SEO优化技术的核心是网页的关键词，掌握关键词的选取，才能够更灵活地运用。响应式网站的特性能够以最简捷的方式实现PC端与移动端的双向访问。
1SEO优化技术
在搜索引擎高速发展下，必然产生一种能使网站适应搜索引擎抓取的优化技术，这种优化技术就是SEO技术。网站构架优化和关键词优化是SEO技术的核心。1.1网站框架创建网站和盖房子的原理一样，都需要好的框架结构。而网站的框架就同房子的梁，是整个设计的支撑。所以网站框架优化是SEO优化的关键之一。完善地网站框架优化更利于spider更迅速地遍历网站所有的内容。1.2关键词在搜索过程中，只有被搜索引擎认可的最贴切的网页，才能获得最好的排名。因此，需要根据搜索引擎的喜好，去拟定关键词，并确定其位置。（1）标题关键词标题就是整篇文章的点睛之比，网页的标题就是它的眼睛，贴切的title能吸引搜索引擎的注意，有效地提高网页的排名。（2）页面关键词独木难成林，标题中的关键词同样无法支撑整个网页，这就需要在网页文本中多次提到。重要的事情“说三遍”，只有提及的次数足够，才能让搜索引擎知道它的重要性。
2响应式网站
2.1响应式网站的理念响应式网页设计是一种新的设计思想,而不仅是简单的CSS改写。响应式网页设计理念[1]是：集中创建页面的内容排版设计,使其可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕分辨率、屏幕定向等)进行相对应的布局。响应式网站，即一个网页能够响应任何一种设备。响应式网站的设计来源于信息时代，形形的设备也是为了适应这个时代的发展。不可能为一千种设备设计一千种网站，这是非常不划算的事，也是不可能的事，毕竟设备的种类千千万万。响应式的核心就是适应，适应这个时代，适应多种多样的设备。2.2响应式设计的原则响应式设计需要遵循许多设计原则，QA公司首席技术专家DavidWalker在实际开发技术层面提出了响应式网站设计的原则[2]，也有很多人提出过其他的一些原则[6]。设备的多样化要求所创建的网站能适应更多的分辨率，同时适应更多的设备。这就需要更加关注响应式网站的设计，关注响应式设计的原则。（1）设备优先原则现在应用的网页浏览设备主要分为两种：移动设备和台式设备。根据实际情况，提出两种优先方法1）移动优先，在默认情况下，网页布局在小屏幕上显示得非常清晰，随着分辨率的增大，显示内容的范围变小，清晰度也下降一些，但更方便欣赏网页设计的内容。2）台式优先，与移动优先原则恰恰相反，从桌面的分辨率出发，随着分辨率的降低，现实的范围变大，清晰度也提高了一些，方便了解整个页面的信息。以上两种方法设计开始于参考分辨率和使用媒体查询适应其他分辨率。主分辨率断点和内容将在确定的各种分辨率范围的网页上显示。随着用户使用移动设备越来越频繁，台式开发技术已相当成熟，移动设备优先成为响应式开发者的共识。（2）弹性化弹性化可以说是响应式设计的支柱。在不同尺寸的设备中，要想使网页布局能够流动式呈现不同的显示效果，就需要应用媒体查询技术。弹性化的网页内容显示位置，能够根据视口大小自动地调节显示位置。（3）宏观性在网站设计中，如何让其页面百分之百地遵循开发者的意愿，并且在任意一种设备能呈现出完美的效果，是非常棘手的问题。因此，就需要总结网页开发的经验，在设计之初，根据实际情况以及前期设想，选择一种最佳方案。凡事有舍才有得，在响应式设计过程中把握好取舍问题，遵循宏观性原则，围绕大局进行设计，定能整理出最好的方案。
3抗NDMA受体脑炎公益网站
截至2010年4月，我国的网民数量已超过美国，达到了4亿，成为了世界上网民人数最多的国家。如果从网民数量的角度来看，网络在国内也已经逐渐成为一种普及化的媒介。网络的发展对于现代生活中不可或缺的公益传播来说尤显重要，它为公益传播提供了一条新的便捷之路[3]。由此可见创建抗NDMA受体脑炎公益网站是一种快捷的、简便的和有效的宣传手段。3.1前期规划互联网电子商务最大功能就是解决信息不对称，让买家和卖家能跨越时空以最低成本沟通促成交易。抗NMDA受体脑炎公益网站就是典型的互联网应用，是基于C2C技术搭建的一个平台。在这个平台上求助就像网上购物一样的简单：卖家“出售”自己的困难，买家通过捐赠行善“购买困难”帮助卖家，一切犹如淘宝C2C。这种C2C慈善对于网民而言会比传统模式更加容易接受。本项目的具体工作主要包括以下几点：（1）将对网络公益平台实现的技术及其模式进行研究。（2）设计一个技术可行、界面友好的网络公益平台，主要包括软件架构设计、功能设计和网络推广设计（3）实现对求助信息进行审核、，对善款进行募集、转账等功能。（4）留出与支付宝合作接口、第三方账户登录等接口，并留出扩展接口等。（5）设计并实现医患交流问答平台、心路历程、活动中心、许愿树、功德簿、志愿者天地等常用功能的设计。（6）对网站进行搜索引擎优化，实现对网站的推广。3.2页面网站页面的设计，主要应用HTML语言进行编写，为了使页面更美观生动，部分代码使用CSS、JavaScrip编写；加上页面中的图片都是经过PhotoShop处理的，使整个页面带给浏览者舒适的感觉3.3系统功能模块图2为抗NMDA受体脑炎公益网站的功能模块示意图，该网站除了沿袭其他疾病公益网站中共有的的模块，还增添了BBS论坛模块、消息提醒及用户发言记录模块，方便增加患者之间的交流。
4结语
网站设计心得范文3
关键词：综合艺术院校；需求分析；交互性
中图分类号：TP393.18 文献标识码：B 文章编号：1673-8454(2012)11-0015-04
在全国范围内，共有7所综合艺术院校：南京艺术学院、吉林艺术学院、山东艺术学院、云南艺术学院、内蒙古大学艺术学院、广西艺术学院、新疆艺术学院。在信息技术的推动下，互联网自上世纪90年代在中国起步发展后，迅速在高校范围得到发展和应用，在众多综合大学纷纷建立了自己的校园网，但是艺术院校在建设资金和技术人才支持方面都相对薄弱，校园网的建设起步较晚。全国7所综合艺术院校的校园网及网站建设在2002年左右起步，到目前经历了10年左右的发展历程，为学校的宣传、教学、管理、科研等工作发挥了积极的作用。
7所综合艺术院校的网站目前呈现给浏览者的功能、内容设计和应用基本处于同一水平，大的功能模块上大同小异，在设计的风格和美工上各具特色。7所综合艺术院校中，云南艺术学院的学科专业较为齐全，涵盖了教育部公布的艺术类22个专业，学校的校园网建设和信息化水平在7所综合艺术院校中居中上水平，因此从网站为教学中心工作服务的层面来看，云南艺术学院网站在7所综合艺术院校网站中具有代表性和典型性。
一、综合艺术院校网站的现状
1.常规功能基本满足日常需求
云南艺术学院校园网站于2004年建成并投入运行使用，现已运行了7年多。这期间，在原有基础上进行过局部的改动，整体功能仍然保持运行之初的状态，目前在整体功能上基本能满足宣传、管理的需求。
宣传功能是每一所综合艺术院校乃至每所高校的网站都具备的基本功能，这也是网站建设最基本的目的和功能。在宣传功能上包含学校和院系概况介绍、新闻动态、专题宣传三大版块，这三大版块的宣传内容包含了学校对外窗口形象、校内时事新闻和党政重要活动。管理功能体现在教务教学管理、学生工作及就业管理、科研管理等方面，这些功能在网站中均由相应的管理系统去完成，在运行中均能满足日常管理的需要。其中的教务教学管理功能在其他很多高校网站上都具备，在日常教务教学管理工作中发挥着重要作用，对课程的安排、成绩管理、选课安排、考试安排、学籍管理等工作事项具有很强的实用性，大大提高了工作效率。在服务教学的功能方面，一是体现在图书馆子网站的信息资源服务功能上，主要有电子图书资源、电子期刊的摘要及全文检索的数据库资源，可以基本满足艺术类各专业师生的需求。二是体现在精品课程专题教学网站上，此类专题教学网站，各个院校有各自的风格，云南艺术学院的精品课程专题网站属教学质量工程建设专网下的子网站，站内共建成涵盖音乐、美术、戏剧、摄影等多个艺术专业精品课程，体现了综合艺术院校网站为教学提供多学科的综合。
2.对使用者的需求了解不够
艺术院校的网管中心大多技术力量薄弱，网站的建设多数采用对外招标的方式进行建设，对网站的各类使用角色的需求了解不够；综合艺术院校的网站建设大多采用“校内美工设计+校外程序设计”的方式进行，即网站的美工部分由艺术院校自己完成，网站的功能、结构和内容的设计以及编程和后台开发均由中标公司完成。在设计过程中，没有广泛地调查了解使用者的需求，尤其是校内广大师生员工的需求，而只是局限于听取网络中心人员和学校领导的需求意见。这样的建设模式使得设计出的网站偏重于网站的美工设计，注重网站页面形式美，而忽视了各类使用者对网站的使用需求。不进行广泛的需求调查，使得设计网站的公司没有确切了解学校各类用户的现实需求，也就缺乏细致深入的需求分析，设计出的网站在功能、结构、内容上与用户现实需求存在较大差距。例如，云南艺术学院的网站就是采用“校内美工设计+校外程序设计”的方式进行设计的，从6年多的使用情况来看，在内容审核的功能需求上，就存在院系子网站提交学校网站首页的信息在审核时缺少信息反馈功能的问题，无法把审核的意见在网页上清晰反馈给子网站管理员，让其明确知道需要修改的地方，使用过程中常常需要通过其他方式反馈给子网站管理员。
3.核心功能体现不明显
在新的历史时期，一所高校的社会影响力、知名度、核心竞争力集中体现在该所高校的科研水平和人才培养能力上，科研水平和人才的培养归根到底是取决于教学质量的高低，因此一所高校的信息化建设要体现为教学中心工作服务的理念，作为高校信息化建设的前沿窗口，高校的网站建设在功能上更应该集中体现为教学中心工作服务的功能。目前，大多数各综合艺术院校网站的核心功能放在宣传方面，为教学中心工作服务的核心功能不够明显，师生打开网页，能够从中找到可供学习、鉴赏的各学科各专业的知识、技能、作品很少，整个网站体现不出综合类艺术院校学科、专业的综合性、交叉性。
4.特色功能较少
高校人才培养模式是围绕提高人才培养质量，结合高校自身特色和社会需求实施的培养人才的方式。[3][4]艺术院校在人才培养模式上普遍都把创作展演作为课堂的延伸，给予足够的重视.例如,云南艺术学院在近50年办学历程中，逐步形成了“教学、科研、创作展演”三位一体的人才培养模式，把学生的创作展演看作学生面向社会需求的一座桥梁，把它和教学、科研放在同等重要的位置上，以培养学生的创新能力、创作能力。各所综合艺术院校网站在师生的创作展演方面各自都有一定的体现，都有相关的栏目，但是网站中的特色功能、特色栏目较少，师生们的创作展演对课堂教学的延伸作用得不到很好的体现，为数众多的师生创作、展演作品没有在网站上呈现，是一种教学资源的缺失，也是一种办学理念上的缺失。
网站设计心得范文4
关键词：用户体验；高校图书馆；网站
随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。
1视觉设计
视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。
1.1符合视觉趋势
不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。
1.2做好色彩搭配
色彩是网站最具表现力和感染力的视觉元素，好的色彩搭配可以吸引用户的注意力，给用户带来过目不忘的效果。相反，太过单调乏味的页面会使用户视线游离；过于炫目多彩的页面又会对用户的实际需要造成干扰。网站的色彩搭配上要注意以下情况：（1）每种色彩都有自己特定的含义和象征，会给人带来不同的情感反应[3]，网站设计要合理恰当的运用，设计符合网站自身特色的色彩搭配，把网站的思想正确的传递给用户。例如，“红色”可以给人热情、喜庆、奔放的情感反应，也能给人危险的心理暗示；金灿灿的“黄色”给人富有、高贵之感，而混浊的暗黄给人凋谢、衰败之感；“蓝色”象征着智慧、理智、清爽，会让人感觉平静、深远、稳定、可靠。（2）不同色彩对眼睛刺激不同，会造成视觉上先后顺序和关注度的不同。在色彩的运用上，要考虑内容的先后顺序和优先级，正确的运用色彩。例如，冷色类和暖色类色彩是有明显的层次差别的，一般情况下，用户会先注意到暖色调色彩，且对暖色调色彩的关注度和点击量要高于冷色调色彩；色彩的反差更容易造成用户的关注度的不同，通常高反差色彩更能引起用户的关注[4]。（3）避免使用色盲不易区分的颜色对。网站的色彩设计要保证在辨识色彩方面存在缺陷的用户（如红绿色盲、蓝黄色盲、全色弱等）也能正常使用网站，避免使用深红和黑、深红和深绿、蓝色和紫色以及浅绿和白色这样的颜色对[5]。网站色彩设计时可在专业的色盲所见效果检测网站（如网站和）上检测，确保需要辨识颜色的地方所用的颜色在色盲和正常人看来是一致的，不需要辨识颜色的地方，在色盲眼中是清晰的。
2界面设计
界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。
2.1避免使用用户不熟悉的词汇
根据Krug的可用性第一规律，网页必须是清晰且自明的[6]，也就是说网页的内容对于用户来说是不言而喻、一目了然的。要做到这一点，就要避免使用用户不熟悉的词汇，比如，OPAC、E读、查收查引、题名、责任者、资源发现系统等。这些字用户都认识，但不代表真的理解了意思，因为新信息只有和已有的知识结构紧密结合，才能被彻底的理解吸收，而用户基本上是非图书馆专业的学生和老师，接受过的图书馆专业培训比较少，对这些词很难做到一看就懂。当用户在网站上寻找信息或者某个功能时，他们并不会认真阅读，只是快速而粗略地扫描屏幕上与目标相关的东西[4]，这些用户不熟悉的词汇往往被认为是与目标无关，直接被忽略掉。可以把“OPAC”换成“馆藏书刊搜索”；“E读”换成“全国高校馆藏搜索”；“查收查引”换成“论文收录引用”；“题名”换成“书名/篇名”；“责任者”换成“作者”；资源发现系统因为实现的是图书馆纸质和电子馆藏的一站式搜索，所以一般采用学校特色名字加上搜索或学术搜索的形式，例如，清华大学图书馆的“水木搜索”、北京大学图书馆的“未名学术搜索”、南方科技大学图书馆的“南科学术搜索”、浙江大学图书馆的“求是学术搜索”等。
2.2关注度高的栏目放在醒目的位置上
关注度高的栏目放在首页醒目的位置上可以有效提高网站的用户体验。网站栏目的关注度可通过网站分析工具来统计。目前，免费的网站分析工具有十余种，比如，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度统计和CNZZ的站长统计等。其主要采用当前较为流行的基于脚本（JavaScript等）的统计方式，这种方法需要在网站的Html代码中嵌入一段脚本来统计网站的被访问情况。馆员可通过网站访问情况统计分析，来确定网站中用户关注度最高的栏目。以南方科技大学图书馆旧版网站为例，关注度最高的栏目是“数据库导航”，关注度为11.32%；其次是“馆藏资源搜索栏”，因该版网站中没有资源发现系统，所以主要搜索馆藏纸本资源，关注度为9.47%；关注度第三的栏目是“我的图书馆”，关注度为7.02%。在新网站的设计中就要把这3个栏目放在网站中最醒目的位置。一般情况下，网站的上半部分和中左部分的被关注度要高于右半部分和下半部分。网站中最醒目的位置的确定可以在新网站的测试过程中，通过眼动跟踪技术记录用户在使用网站时所注视的网站的位置，从而找出网站的关注“热点”———网站中最醒目的位置。
2.3遵从网站形成的惯例
当一个人访问一个新网站的时候，他寻找信息的第一个位置就是在其它大多数网站找到它们的地方，所以遵从网站形成的惯例可以减少用户的寻找成本，让用户找起来更方便。比如，语言切换、用户登录、站内搜索等独立于网站结构的功能或内容一般设置在网页顶端；重要的、需求大的栏目应该放在网页上方主导航的位置；相对而言不那么重要、需求不那么大的栏目应该放在下方导航条的位置；网站的隐私政策、免责声明、版权等一般放在底部。
2.4符合用户的心智模型界面设计
符合用户的心智模型主要为了让用户在使用网站的过程中思考降到最低、操作简单到极致。心智模型是影响用户与网站交互时内在的、可预测的认知模型[7]，是隐含在用户内心深处的一种思维方式和思想观念，直接或者间接的影响着用户的行为[8]。也就是说，当用户在网站上寻找某一元素时，并不是从上到下顺序寻找，而是在用户心中已经形成了关于这个元素应该放在哪个位置的预期[9]，然后根据预期去寻找该元素。了解用户的心智模型，可以知道用户心中栏目的位置，从而提升栏目位置与用户预期的位置吻合度；了解用户的心智模型，可以知道某一信息在用户心中应该属于哪个栏目，从而提高栏目的名称与用户心中名称的吻合度。要提高网站界面与用户心智模型的吻合度，可以在网站的建设过程中通过迭代的可用性测试[10]，不断地发现网站中存在的问题，通过布局的不断调整，让用户的操作变得简单、再简单；通过建立清晰的流程和界面，减少用户的思考和寻找时间。最后用户耗费时间最少的界面设计就是最趋近于用户的心智模型的界面。调研用户的心智模型可以通过如实观察法、远程测试法和眼动跟踪技术等方法来实现。笔者采用了如实观察法，无需远程监测法的屏幕共享技术，也不用眼动跟踪仪，只要有台可供用户浏览网站的电脑即可，而且不仅能清晰的观察到用户的操作，直接、及时地获取用户的反馈，还能够捕捉用户的细微反应，挖掘用户内隐的体验信息[11]。比如用户发出“咦？”、“哦！”等声音，或者皱眉、挠头等动作，这些都能反映出存在的问题。如实观察法主要是让被试用户在一个可控制的实验室环境里完成指定任务，通过观察用户信息搜索过程，总结用户的行为数据等[12]，在测试过程中，要减少语言对用户的干扰，切忌引导性过强，要更多地去关注用户的操作行为。可以鼓励用户采用“出声思维法”，即要求用户在操作时，将完成任务时所有的思考、行为、感受都描述出来，这样测试员更容易发现用户行为背后的原因。例如，在南方科技大学图书馆网站的调研中发现，用户在完成“查看我的借阅信息”的任务时，偶尔使用图书馆网站的用户，受其它网站的影响会在网站的顶端寻找“我的”相关栏目；经常使用图书馆网站的用户，因知道该信息会在“我的图书馆”中找到，所以找寻的栏目会锁定在“我的图书馆”，而找寻的位置会受到图书馆旧版网站的影响，在网站中间的直接导航部分找“我的图书馆”栏目。综合这两种情况，在新版网站的设计中将“我的”放置在网站上方全局导航的区域，“我的”这个栏目被设计为用户的个人空间，里面的内容包含用户的个人基本信息、借阅信息、荐购信息等“我的图书馆”中查询和操作的信息以及网站的个性化定制内容。另外，在网站的直接导航区域设置“我的图书馆”的入口，方便读者进入“我的图书馆”。
2.5建立清晰的视觉层次感
建立清晰的视觉层次感可以在用户浏览网页时形成良性引导，从而减少用户的寻找时间。用户在浏览页面时会对网站页面的视觉层次进行分解，筛选出需要的东西。好的视觉层次通过预先处理，用一种用户能快速理解的方式对页面进行组织并根据模块的优先级进行排列，从而减少了用户的寻找时间。大小、颜色、对比、对齐、亲密性、紧密与留白都是制造视觉层次的好工具。大小往往与重要性结合起来，最大的元素大部分情况下都具有最大的重要性。颜色在组织和个性两方面都起到作用，醒目、对比强烈的颜色在特殊的元素中会引起更大的关注（比如，按钮、超链接或错误信息）；在个性方面，豪华、舒适的颜色会给页面带来感情上的吸引力。对比能够体现出相对的重要性。对齐能够体现出元素们之间的组织关系。亲密性是将关系紧密的内容组织起来的最快方式。紧密与留白的和谐搭配，既能体现内容之间的相互关系，又能避免紧密给用户带来的信息过量之感。
3导航设计
导航是网站内用户的指示路标，可以说是网站最为重要的设计环节，它引导着用户进行浏览和查找信息，一个好的导航能够让用户在离开网站时犹如享受了一次愉快的旅程。导航设计首先要将网站的信息进行组织分类，一个精心组织分类的链接体系能够采用简约的风格，将信息梳理到最符合逻辑、最易于用户理解的类目，让用户不经迟疑、无需复杂操作就能访问到他们想要的内容。
3.1信息的组织与分类
信息的组织与分类是导航设计的基础[13]，好的导航能够将繁复的页面内容组织起来，梳理出其中的逻辑，按照层级关系，建立起简洁易懂的栏目信息架构。卡片分类法是一种以用户为导向的有效的组织信息的方法，可以设计出符合用户心智模型的信息架构。卡片分类法分为开放式和封闭式两种[14]。开放式卡片分类法给被试人员足够的自由度来进行信息归类，测试者不仅可能会得到丰富的分类结果，而且有力于发现栏目命名存在的问题，所以一般用于信息分类的前期，用于获取用户对图书馆服务及资源项目的理解情况。开放式卡片分类法由测试者将写有图书馆的相关介绍、服务、资源等名称的卡片完全打乱后分发给被试人员，被试人员可以完全自由地决定把卡片分成几组，每组有多少张卡片，最后再由被试人员为分好组的卡片命名。在开放式卡片分类阶段，能够发现命名不合理的栏目，能够获得被试人员理想的分组命名。例如南方科技大学图书馆网站在开放式卡片分类调查过程中发现，“新馆风貌”页的名称存在问题，因为对于馆员而言，启动校区的图书馆为旧馆，当前使用的图书馆为新馆。但是对于学生而言，他们并不知道启动校区图书馆，所以当前使用的图书馆就称不上新馆，使用“馆舍风貌”命名则更为合适；关于栏目的分组命名也有收获，旧版网站中使用“关于图书馆”栏目，而用户会更喜欢给它命名为“关于本馆”；“资源查找”用户更喜欢给它命名为“资源导航”等。封闭式卡片分类法可在开放式卡片分类法之后使用，由测试者先确定出栏目分组的个数和名称，再将属于这些分组的卡片分发给被试人员，让被试人员根据自己的期望，把卡片归类在不同的分组名称下。如果有些卡片被测人员不知道该将它分到哪个分组名称下，可以将它拿出来，不一定要把所有卡片分完。封闭式的分类更利于掌控，可以用于对信息架构设计结果的有效性进行验证。
3.2导航功能模块设计
虚拟的网络世界不像现实世界中有明显的方向感，若没有清晰的导航和位置信息可能导致用户迷失方向。成功的导航通过各种标识和路径的显示，让用户在导航系统中清楚地认识到网站信息结构和自己浏览到的位置[15]。导航按照在网站中所处的区域与功能的不同分为：全局导航、局部导航、直接导航、面包屑导航、网站地图等。全局导航，也就是通常所说的主导航，是网站的一级菜单，通常以横条的形式设置在网站全局区域较为显著的位置，提供覆盖整个网站的通路，能够展现网站的全貌。用户通过全局导航可以随时从网站的最底层页面到达任何其它页面，实现各个页面之间的跳转。局部导航，也称为副导航，是全局导航的补充和延伸，专门针对网站二级以下的栏目，在帮助用户浏览网站页面时起辅助作用，主要用于有序浏览目录内的具体内容。直接导航，是在首页中设置的直接将用户引导到网站内任意指定位置的导航，直接导航可以跨越多个层级而直接指向链接目标，是为迎合用户需求而设置的到达页面的快捷途径。面包屑导航，这个导航名称来自于童话故事，面包屑是汉赛尔在进入森林的路上偷偷洒下的，是一种“历史记录”的应用方式。面包屑导航能够呈现用户当前在网站中所处位置，记录用户的浏览路径，表达当前内容的归属关系，可以帮助用户方便地通过路径返回到上一级页面。网站地图，将网站的所有页面名称按照结构层次放置在一个页面中，展现整个网站的信息架构，通过链接的方式，帮助用户在一个页面中快捷、准确地找到想要的页面。网站的导航设计就是通过上述不同类型导航的合理设置与相互搭配，最终实现网站的便捷浏览、信息的有效获取。
4结语
网站设计的重中之重不是界面设计的多么美观，运用的技术多么炫酷，而是网站的设计是否符合用户体验，能否让用户轻松、快捷的完成操作。基于用户体验的网站设计强调以用户为中心，设计出符合用户审美体验、认知特点和使用习惯等与用户心智模型相契合的系统，但用户的审美、认知特点、使用习惯以及心智模型都不是一成不变的，而且包含很多隐性的因素，需要经过一系列细致的调查、测试、优化等步骤，才能逐步提升用户的体验。
参考文献：
[1]李小青.基于普遍心理分层理论的Web用户体验模型设计[J].情报资料工作,2010,(1):62-65.
[2]毕剑,刘晓艳,张禹.使用响应式网页设计构建图书馆移动门户网站———以云南大学图书馆为例[J].现代图书情报技术,2015,255(2):97-101.
[3]张晓景.网站用户体验全程揭秘[M].北京:清华大学出版社,2014.
[4]如何运用视觉表现建立网页的信息层级[EB/OL].[2015-03-19].
[6]SmashingMagazine.众妙之门：用户体验设计的秘密[M].邱胤炎,林本杰,译.北京:人民邮电出版社,2014.
[7]吴鹏,张佩佩,甘利人.网站用户信息获取中的心智模型研究[J].情报学报,2011,30(9):935-945.
[8]黄群,朱超.基于用户心智模型的产品设计[J].包装工程,2009,30(12):133-136.
[9]SusanWeinschenk.设计师要懂心理学[M].徐佳,马迪,余盈亿,译.北京:人民邮电出版社.2014.
[10]林一,陈靖,刘越,王涌天.基于心智模型的虚拟现实与增强现实混合式移动导览系统的用户体验设计[J].计算机学报.2015,38(2):408-421.
[11]李海涛,宋琳琳.用户使用网站的心智模型测量方法的选择及应用[J].情报理论与实践,2015,38(2):11-16.
[12]孙丽,田才.基于用户体验的网站信息构建模型[J].情报科学,2010,28(6):907-910.
[13]刘津,李月.破茧成蝶：用户体验设计师的成长之路[M].北京:人民邮电出版社,2014.
[14]蔡剑,詹庆东.基于卡片分类法的网上书店信息构建实证研究[J].图书情报工作,2011,55(10):121-125.
网站设计心得范文5
一、网页的色彩认知
在网页设计过程中，最难处理的问题就是色彩。如何确定主色调，如何搭配色彩，如何运用最简单的色彩来表达、体现网站的形象和风格是网页设计的难点之一。
1、色彩的联想和象征 每一种色彩都具有象征意义，都会引发人的某种情感，这就是色彩的象征性和色彩的情感。色彩的联想与象征性涉及到美学、光学、心理学、人类学和民俗学等多方面的内容。不同的人，对同一个色彩会产生不同的联想，所引发出的情感也会不同，其受年龄、对色彩的理解、传统等多方面因素的影响，例如看到红色，有人联想到的是热情，有人联想到的可能就是危险。
当人们看到某颜色时，必然会将它与其相关的精神、内涵、意义、形态等相联系，他是通过过去的经验、记忆或知识而取得的。象征是由联想并经过概念的转换形成的思维方式。色彩的象征是联想经多次反复后思维方式里固定了的专有表情，于是在思维中某色就变成了某事物的象征。网页中的色彩同样给人以联想。很多优秀的网站正是利用了色彩的联想和象征这一特性而进行设计，例如很多糕点类的网站都采用黄色作为主色调，正是由于黄色具有快乐、希望、智慧和轻快的个性，由于它的明度较高，给人留下明亮、辉煌、灿烂、柔和的印象，又同时引起味美的条件反射，给人以甜美感、香酥感和温暖感。又如惠好公司是全球最大的林产品一体化公司，它是北美最大的软木生产商，其网站采用绿色为主色调，正是利用了绿色所表现出来的充实、平静和希望，给人以新鲜、青春、健康和安全的感觉，充分体现了人与大自然的和谐，人文与绿色环保的诉求理念。
2、色彩的平衡和倾向
色彩是有倾向性的，这种倾向性与人类的生存环境、民族信仰、个人喜好、网站的性质和类型等有关。网页的色彩同样具有倾向性。例如在中国，红、蓝搭配表示的是庄重、严肃，所以多为政府网站所采用。因此，设计网页必须研究色彩的倾向性。与倾向性相关的就是色彩的平衡问题，色彩的平衡是对色彩倾向的制约和调和。例如从色彩冷暖的角度看，冷和暖是两种倾向，趋于中性的绿色则较为平衡，那么使用绿色为主色调的页面会让人感觉和谐、亲切。又如世界上许多著名的时装、体育用品的网站都采用黑色与白色搭配作为网站的主色调，这是由于黑色与白色搭配能够给人一种稳重、成熟和神秘的感觉。黑色和白色都属于冷色调，这样的搭配也会给人以冰冷、消极、虚无的感觉，为了增加画面的亲和力，往往在设计时会在黑色和白色之间加入灰色、红色等颜色来过渡、点缀，以实现色彩的平衡。
3、网页色彩配色
网页的配色对营造网页氛围，突出网页主题等有重要影响。就人们所浏览到的网站来说，所有网页都进行了配色，但给访问者的感受却千差万别。例如黑色和白色搭配，会使访问者感到庄重、神秘、雅洁，会引起访问者的沉思；紫色和灰色搭配，会使访问者的心情变得忧郁和不安，如果访问者当时的心情本身就不太好，则会使访问者的不太好的心情进一步加剧。
二、网页色彩设计存在的问题
经过了一个漫长的摸索过程，虽然我国目前在网页设计的色彩构建方面已经有了长足的进步，但相比国外的优秀网站还有很大的欠缺。
1、色彩风格与主题脱离的问题
色彩风格与主题脱离的问题是网页色彩设计中最常见的问题。这是因为利用色彩来恰当地表现网页主题，呈现网站理念，比较好地迎合多数访问者的情感，喜好、视觉感受，对设计者来说并非困难。例如设计一个咖啡的网站。通常情况下，选择咖啡的原色褐色为主色调，搭配表现甜美、柔和、味美感觉的黄色进行点缀，能使整个画面表现出一种协调、统一柔和的效果。这个设计方案，特别是色彩风格是符合网页主题的，也非常好地呈现出了网站理念。但问题是，在互联网上存在数万个与咖啡相关的网站，这些网站的基本理念又是相似的。如果所有的与咖啡相关的网站和具有类似理念的网站都采用这种格调，结果可想而知。因此，设计者在设计过程中既要在色彩运用上满足上述基本要求，同时又要有所突破，要体现出自身的与众不同的特征，要使所设计的网页从众多相同主题的网站中脱颖而出，这对设计者来说确实是一件很艰苦的工作。这是导致色彩的滥用，使网页色彩风格与网站主题脱离现象产生的主要原因。
2、文字能见度低的问题
网页的核心功能是提供信息，能见度是信息的体现者，如果网页中的信息能见度低则严重地影响访问者阅读网页，网页因此就失去了意义。然而，在众多的网页中，由于配色方面的原因，网页的能见度不是令人满意。其主要表现在：文字与背景色差太小；色彩搭配凌乱，文字内容被背景淹没，特别是当采用将文字说明放置在图像内对图像中所呈现的艺术品进行说明过程中，往往出现文字与图像混淆的现象，其不仅严重地影响了作品的展示效果，同时还影响了访问者对作品的认知。
3、人性化的问题
网页信息是通过光波的传播，经人的视觉器官传输到人脑中的。光波的波长不同，所产生的色彩和亮度不同，给人的视觉感受不同，对访问者的心理感受也不同。特别是，计算机显示器所发出的光由于含有辐射等因素，其自然而然地就对访问者的视力产生负面影响，如果在进行网页色彩设计过程中，不注意光的亮度的调节，不注意色彩的搭配，则会对访问者的视力产生严重的影响。例如黄色是亮度最高的颜色，并且黄色在白色背景上的易见度最低。在网页中如果使用黄色文字和白色背景作为主要的色彩搭配，会让访问者觉得非常刺眼，严重影响访问者的阅读并会对视力产生负面影响。
三、网页的色彩构建
通过上述对色彩认知的介绍和对网页色彩设计常见问题的分析可知，网站的成败与网站的网页色彩设计、色彩定位有着密切的关系，因此在网页设计过程中必须重视色彩的设计。
1、色彩风格设计 在网页设计过程中，确定色彩风格既简单，又复杂，它是一件具有创造性的创新活动。这是因为：当网站主题确定后，设计者会自然而然地联想到一些色 彩，例如设计房地产类网站，设计师在网页色彩设计时，会很自然地想到使用金色和灰色；又如设计洁具类网站，设计师马上会想到使用蓝色和白色搭配。上述这些实例所反映出的是人的常规思维。但就设计而言，不论是网站的拥有者还是访问者都要求设计者所设计的网站在网页色彩等方面，既与网站主题相吻合，又特立独行，因此，仅用常规的思维来进行设计就远远不够了。例如法拉利汽车网站，从LoGo到整个网页的主色调采用的都是红色，红色给人以活力、奔放的感觉，非常符合法拉利跑车的速度与激情的设计理念。在众多的汽车网站中，法拉利汽车网站在色彩的确定上也做到了与众不同。又如：可口可乐公司的网站、百事可乐公司的网站、李宁网站、中国一汽的网站等一些网站的网页在色彩定位和配色方面就不仅与企业理念相吻合，有自身的特点，同时访问者在浏览网页时会随着网页的色彩来感受和体味其品质。
2、文字色彩设计
文字、图形图像，以及视频信息是网页信息的核心内容，文字在其中所占的比例应该说是最多的。不仅如此，文字还存在再设计的问题，例如大小、体例、色彩等。就文字色彩的设计来说应该做到色彩与文字的体例、文字的大小与文字所述的内容相吻合。除此之外，还要处理好文字的色彩与其相应的环境色(如背景)之间的关系，例如在高明度色彩的背景中，低明度的文字易于识别，如果背景和文字明度接近，就容易出现难以识别的情况。具体来说，黄色在白色背景上的易见度最低；橙色兼具红色和黄色的优点，柔和明快，容易为人眼接受，所以橙色与任何一种颜色搭配都显示得很清晰。黄与白、绿与红、绿与灰、紫与红、紫与黑、青与黑等几种搭配的易见度低。因此，进行文字色彩设计应该根据色彩原理进行组合，以突出文字效果。
3、人性化色彩设计
色彩设计不仅要考虑与主题相一致，能有效地营造网页气氛等问题，进行网页色彩设计还必须考虑和解决好保护访问者视力的问题，考虑和解决好访问者感受的问题。因此，网页配色设计时尽量不要选择视疲劳度高的色调。一般来说，高明度、高纯度的颜色刺激强度高，疲劳度也大。非色彩中的白色的明度最高，黑色明度最低。
总之，网页配色既是一项技术性工作，同时也是一项艺术性很强的工作。在网页设计时除了考虑网站自身的特点外，还要遵循一定的艺术规律，以设计出色彩鲜明、个性独特，同时又无损访问者健康的网页。
参考文献：
[1]杨维：《FLASH网页艺术设计与网站建设教程》，清华大学出版社2007年.
[2]张少卓：《网页设计师时尚配色宝典》，科学出版社2008年.
[3]日本CR&LF研究所：《配色全攻略》，中国青年出版社2006年.
网站设计心得范文6
[关键词] 网站 可用性 界面设计
随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。
一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在e时代十分重要。
一、可用性的内涵
可用性是一个多因素概念，涉及到容易学习、容易使用、系统的有效性、用户满意，以及把这些因素与实际使用环境联系在一起针对特定目标的评价。如shakel（1991）对可用性的定义：可用性是指技术的“能力（按照人的功能特性），它很容易有效地被特定范围的用户使用，经过特定培训和用户支持，在特定的环境情景中，去完成特定范围的任务。”即可用性不仅是涉及到界面的设计，也涉及到整个系统的技术水平。同时可用性是通过人因素反映的，通过用户操作各种任务去评价的。另外环境因素必须被考虑在内，在各个不同领域，评价的参数和指标是不同的，不存在一个普遍适用的评价标准。我们应多从用户操作心理角度分析可用性的含义。再有要考虑非正常操作情况。例如用户疲劳、注意力比较分散、紧急任务、多任务等具体情况下的操作。一般说，可用性被表达为“对用户友好”，“直观”，“容易使用”，“不需要长期培训”，“不费脑子”等。
从心理学的角度看，可用性的基本含义是：
1.网站的设计能够使用户把知觉和思维集中在自己的任务上，可以按照自己的行动过程进行操作，不必分心在寻找人机界面的菜单或理解网站结构、人机界面的结构与图标含义，不必分心考虑如何把自己的任务转换成计算机的输入方式和输入过程；
2.用户不必记忆面向计算机硬件软件的知识；
3.用户不必为手的操作分心，操作动作简单重复；
4.在非正常环境和情景时，用户仍然能够正常进行操作；
5.用户理解和操作出错较少；
6.用户学习操作的时间较短。
其中：
有效性 ——指用户完成特定任务和达到特定目标时所具有的正确和完整程度；
效率 ——指用户完成任务的正确和完整程度与所使用资源（如时间）之间的比率；
满意度 ——指用户在使用操作过程中所感受到的主观满意和接受程度。
二、网站的界面设计
界面的说法以往常见于人机工程学中。“人机界面”是指人机间相互施加影响的区域，凡参与人机信息交流的一切领域都属于人机界面。 从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。网站界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。
通常一个网站界面的元素包括界面主颜色、字体颜色、字体大小、界面布局、界面交互方式、界面功能分布、界面输入输出模式。其中，对用户工作效率有显著影响的元素包括：输入输出方式、交互方式、功能分布，在使用命令式交互方式的系统中，命令名称、参数也是界面元素的内容，如何设计命令及参数也很重要。影响用户对系统友好性评价的元素则有：颜色、字体大小、界面布局等，这种划分不是绝对的，网站界面作为一个整体，其中任何一个元素不符合用户习惯、不满足用户要求都将降低用户对网站的认可度，甚至影响用户的工作效率，而使用户最终放弃登陆使用该网站。围绕界面元素所要达到的设计目的是让最终用户能够获得美感、提高工作效率、易于操作使用系统。
界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。结构设计structure design是界面设计的骨架；交互设计 interactive design的目的是使网站让用户能简单使用，如操作错误时，系统提供针对性的提示；同一种功能可以用鼠标，也可用键盘操作；具有导航功能，用户能知道自己当前的位置，使其做出下一步行动的决定等；视觉设计visual design是要达到用户愉悦使用的目的，包括色彩、字体、页面等。如提供默认（default）、撤销（undo）恢复（redo）的功能；尽量使用真实世界的比喻，如：电话、打印机的图标设计；依赖认知而非记忆，如打印图标的记忆、下拉菜单列表中的选择；网站上所有的图像、文字，包括背景颜色、区分线、字体、标题、注脚等，都统一风格，贯穿全站；在网站设计的配色中，尽量控制在三种色彩以内，以避免花、乱、没有主色的显现。背景和前文的对比尽量大，突出主要文字内容，使用户在浏览信息的时候不会觉得累；同样功能用同样的图形等。
三、网站的可用性界面设计原则
1.网站的设计形式与网站的内容要统一。什么样的网站，应该有什么样的设计，设计是为网站的主题服务的。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。网站设计所追求的形式美，必须适合网站主题的需要，这是基本的前提。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的“个性化”网页为目的，它的主题就是——“美与个性”。 深入领会网站主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网站设计独具的分量和特有的价值。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现网站设计形式与网站内容的统一。
2.交互性和可持续性的体现。网站它不是一个被动的媒体。网站具备大多数媒体所不具备的特殊性：用户的选择和主动性。访问网站和看电视的最大区别是访问网站需要根据用户的主动选择, 浏览网站的内容根据用户的个人喜好，在众多的连接和下拉菜单中选择用户自己喜欢或者关心的内容或者连接到另外一个站点。因此，现在很多的网站有着非常漂亮的图形界面，丰富的媒体格式和在线游戏等。同时网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常地对网页进行调整和修改。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。
另外，构建合理的网站组织结构，让浏览者对网站提供的巨量信息感到条理，建立完善的包括站点索引、帮助页面、查询功能在内的导航系统等。由于超级链接的出现，网站的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如，可将网站页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但网站页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网站上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。 网站导航要清晰, “您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或flash做导航条等。
四、网站的可用性界面设计的发展趋势
网站的可用性界面设计的目的是使网站让用户能简单的、愉快的、方便的使用。网站是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。要使网站从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网站的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。
另外，多种媒体技术的综合运用是提高网站艺术性的方法之一，是未来的发展方向。 网站中使用的多媒体视听元素主要有文字、图像、声音、视频等，目前国内有些网站已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（stream）技术的推动下，internet网上也已出现了实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。
再有，网络技术与艺术创意的紧密结合是开创网站优良的可用性界面设计的必经之路！它使网站的艺术设计由平面设计扩展到立体设计，由纯粹的视觉艺术扩展到空间听觉艺术，接近电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合，把浏览者带入一个真正现实中的虚拟世界。网站设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术紧密结合，全面使用大脑，设计得到一个更具可用性的站点，满足浏览者对网站信息的高质量需求。
参考文献:
[1]ui界面设计的需求分析方法 http://:
网站设计心得范文7
【关键词】网页设计 可用性 新浪网 视觉要素 用户体验
随着计算机和网络技术的发展，互联网已经成为人们生活中必不可少的一部分，越来越多的人习惯于在网上查找资料、浏览新闻、购物等。设计师在进行网站设计的时候，要想获得更高的用户粘度，除了要抓住用户的“痛点”，考虑到用户固有的网页浏览、观察、思考方式，在设计中还要做到实用和美观。在用户使用内容、建立信任的过程中，视觉设计起到了很大到的作用。色彩、文字、排版方式等视觉要素控制着用户的阅读体验。所以，如何通过视觉要素提升网站可用性，成为网站设计中十分重要的环节。
1 视觉设计对用户体验的影响
用户体验最初指的是用户在使用产品或者享用服务的过程中建立起来的心理感受，涉及人与产品、系统或者服务交互过程中的每个方面。2010年3月召开的ISO大会制定了新一代的人机交互设计指导国际标准ISO 9241-210：2010，其对用户体验的定义是“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应。”
网页作为Internet上的一种应用架构，其首要任务是向用户提供信息及服务。从这个角度来说，就是看能否在最恰当的时间和地点，以合适的方式，为用户提供相关的信息服务，满足用户的需求。以用户为中心的网站设计，需要在关注用户需求的前提下，提升用户浏览过程中在感官、操作、以及心理等方面的体验。网站目标和用户需求不同，因此会在信息架构、交互方式、视觉表现上呈现出不同的方式和样貌，给用户的印象也各不相同，也会带给用户不同的体验。而视觉体验是用户体验的重要组成部分，视觉风格是视觉体验元素中最容易被用户感知的元素。
2 网站视觉设计的基本要素
网页上的视觉信息有很多，如标志、文字、图片、动态效果等，但最基本的视觉传达构成要素是文字、图形和色彩。设计师对于这些基本构成要素进行合理布局和有效的空间处理，有利于提高设计质量，增加设计的使用功能。它既体现在可视的、有形的各造型元素在页面的面积、大小及位置上，即对实的空间构成要素的相互关系的安排上，也体现在对实虚空间的经营上。合理的布局加上明确的视觉效果，可以形成网站独特的视觉风格。
2.1 文字
文字是信息传达中最普遍使用的视觉要素，对于网站的信息传递的作用可以说是无可替代的。文字是实现网站功能最重要的手段，网页上的文字不仅种类很多，功能也各不相同。引导页上的文字及其形态可以使用户形成对网站的初步印象，了解网站的基本信息；首页上的标题文字可以使浏览者明确网站的内容结构，并具有导航的作用；内容页面上的文字则会使用户最终获得详细的信息。同时，文字对网站的气质风格会产生有很大的影响，具体体现在文字的字体、字号、字距、行距，以及跳跃率、编排方式等。传统而规整的字体，偏小的字号，整齐、低跳跃率的编排，会给用户带来平静、大气稳重、的感觉，营造一种安静的气质。反之，使用字形活跃的字体，不规则的排版，高跳跃率的组织，会使网站形成清新活泼的氛围。
2.2 图形
图形是现代社会人与人进行交流与沟通的重要的视觉形式。在信息传递方面的表达更加的直观和生动，更加容易吸引用户的视线，帮助用户聚焦相关信息和引导用户行为。同时，图形具有很强的视觉表现力，不仅可以强化网站的视觉风格，而且创造了更加具有企业特色的品牌氛围。随着读图时代的到来，图形元素在网页中的使用日趋增多，演变成为一种流行时尚的设计风格。
2.3 色彩
色彩是人类视觉所能感知的、客观存在的物象，是人类认识事物的重要媒介之一。不同的色彩配置所呈现的色彩效果，或清新淡雅，或明亮艳丽，具有直接感染力。搭配巧妙色彩给用户以强烈的视觉冲击力和艺术感染力，能引发用户从美学意义上了解和鉴赏其表达的形象和内容。设计师也会利用色彩的特征，强化网站的视觉形象，体现企业内涵，从而给用户留下深刻的印象。
2.4 布局
布局设计是根据网站的相关内容，运用版式设计原理，将网页上的视觉元素进行合理配置与表现的过程。布局的目的实现信息传递的清晰化、合理化、提高用户的浏览时的舒适度，布局设计虽然没有文字、图形、色彩、对网站风格的影响来得直接，但是网站建立视觉秩序和规范必不可少的。一个好的网站布局能将各个部分系统化，整体化，处理好整体和部分的关系，在秩序中体现美感，引导用户的视觉动线。
3 视觉优化对提升用户体验的作用
让用户建立对网站的信任，是网站追求的目标。网页设计最大的特点在于交互性，用户浏览相关内容的同时是建立信任的过程，网页设计的视觉要素影响着用户的浏览体验，视觉设计是信息传递者与被传递者间的直接桥梁。因此，网页设计的重点在于根据用户的感知功能和认知特点，要求设计不仅要具有审美需求，更要注重通过视觉要素提升网站的可用性。以一种合理的方式，直观、有效地传达信息，暗示产品的功能和行为。
现在笔者以新浪网改版为例，分析网站视觉要素的提升对用户体验的影响。新浪网以“为全球用户24小时提供全面及时的中文资讯”为经营理念，主要提供网络媒体及娱乐服务，以成为世界各地中国人的全功能网上生活社区为发展方向。它涵盖了20多个频道及数十个板块，因此如何将种类繁多、数量巨大的信息合理布局是一个非常重要的问题。
作为综合性门户网站，为了保证信息传递的快捷性和有效性，提升网站可用性，优化用户体验，改版后的新浪网视觉风格更加趋向于简洁和清晰，整体风格跳出了国内很多门户网站首页拥挤、杂乱的状态，改版后增加了1.5屏，使得首页整体空间留白大幅增加，视觉空间变得更加流畅，提高了网页阅读的易读性和舒适度，以及信息的可视性。由于新浪网改版后优化了用户浏览网页时的视觉发散空间，因而提高了网页的整体使用性和艺术性。合理利用网页留白能够使得整个页面疏密有致、清新活泼，并且更加有效的表达网页主题。简化了页面、风格变得更加疏朗，通过频道与板块之间的合理搭配达到最佳的视觉表现效果，从而使用户有一个非常流畅的视觉体验。
3.1 文字的优化
文字对网站的气质风格有很大的影响。改版后的工具栏、导航栏、标题栏目的文字变为微软雅黑，内容文字依旧使用宋体，通过字体的改变，字型的粗细对比，使文字层次更加丰富。增加了字号的大小，提高了可读性，降低了阅读时候疲劳感。调整了行距，页面变得更加通透、舒服、稳定，整体视觉呈现出非常适合阅读的协调风格。
3.2 图形的优化
导航下面新闻的图片不仅丰富了网页信息传递的方式，为文字信息提供了补充，同时突出了重点新闻，便于信息的传递。新浪网改版后的广告尺寸由之前的16种变为新版的8种，大幅度地精简使页面变得更加干净。现在广告位投放主要分布在3部分。导航下的banner像一条横幅挂在网站上，且广告经常是以动感绚丽的形式展现出来的，使得网站风格整体上比较轻松灵活。更为重要的是带有艺术气息的、生动形象的广告位经常以图片、视频并辅助以文字展现出来。左侧导航下的广告位常采用图片配文字说明展示，图片与网站风格统一给用户带来视觉上的和谐。
3.3 色彩的优化
改版后橙红色和黑色的搭配十分巧妙，同时增加了无色彩面积，较之旧版简洁清爽了很多。网页设计色彩搭配是否合理，讲究艺术性和使用性在一定程度上影响着网页能否获得较高的用户体验。设计师也会利用色彩的情感象征，来强化网站的视觉形象，体现企业的内涵和气质。作为一家综合性门户网站，新浪网主色调为黑色和橙色，黑色代表着庄严、高雅、稳重，而新浪网大胆采用橙红色标注重要、新鲜事件，橙红色能够在众多信息中迅速抓住用户眼球，带给用户极强的视觉冲击力，从而较为便利地推送了信息并提高了用户体验。橙红色和黑色的搭配力量感十足，利用了色彩的对比和调和，既醒目又和谐统一。同时，字体的颜色发生了改变，由蓝色、黑色、红色变为蓝色、橙色、黑色，与整体色调搭配更加和谐。
3.4 布局的优化
改版后，网页的版心宽度由原来的950px增加为1000px，不仅增加了容量，也增加了栏间距的距离，更宽的版心也更符合设计的趋势。网页的布局总体是上中下结构，在这个结构中，又是川字形三列布局或广告通栏两种形式，是目前非常流行的布局方式，颇具时尚感，会给用户一种平静、安定的感觉。
3.5 导航的优化
导航设计对于一个网站的可用性与整体风格有着至关重要的影响，是用户体验的重要考量标准之一。新浪网改版后最顶端的导航栏虽然仍保持原有的21个，但由于间距的增加，看起来更加清晰舒适。并且删除了导航左侧的logo，变得更加精简。改版后网页上的视觉元素得到了更合理地配置，简洁的设计提高了网站导航的可视性，有利于用户更容易找到和使用导航，使信息的传递更加清晰化、合理化、人性化。新浪网的导航频道，以精致简短的2字词语排列整齐地展现出来，保持了导航的一致性和连贯性。其中每个导航频道都将当今最受关注和点击量最高的词语展示在导航后面，其设计的过程与结果均从用户体验的角度出发。同时，导航关键词用加粗格式予以展现，能使用户十分清楚地进入自己的目标页面，从而增强了导航的可用性。
3.6 体现个性化需求
改版后的新浪网，基于用户点击追踪和兴趣数据挖掘，为用户提供兴趣匹配度高的内容并辅以精准广告。同时用户可以把自己感兴趣的细分内容板块从二级、三级甚至更深的导航路径中呈现在首页的个人菜单中，更好地满足了用户个性化需求。例如，体育内容板块中，如果你每天看的都是大量NBA的信息，然后基本你的页面就是NBA为主；如果你看的大多数是和网球相关的，就是以网球为主。新浪网会根据用户的行为做出判断推送信息，很大程度上降低了过去编辑人工干预的权重。
3.7 融入社交化
将新浪微博和新浪网打通，依托新浪微博平台衍生的社交关系和碎片化信息，向用户发送智能推送，并且改版后新浪网增加了顶部固定通栏，引入了我的菜单、手机、新浪网移动客户端、微博、博客、邮箱等产品的快捷入口，突出体现了社交化元素。
结语
综上所述，网站的视觉设计对用户建立信任和初步印象有着至关重要的作用，网站设计中视觉要素的创新运用是今后设计发展的趋势。一个主题突出、色彩鲜明的网站才能在第一时间内吸引用户，设计师应当巧妙运用视觉元素进行有效地视觉编排，提升网站可用性，给用户带来的愉悦的浏览体验，从而给用户留下深刻印象，吸引用户再一次访问网站。
参考文献
[1]余小芬，网页设计风格的审美效应，[J].大众文艺，2012-3-25.
[2]（美）特里斯，（美）阿伯特著，周荣刚译.用户体验度量.机械工业出版社，2009，8.
网站设计心得范文8
【关键词】政府网站 网站需求 网站设计 技术要求
【中图分类号】TP393 【文献标识码】A 【文章编号】1672-5158（2012）11-0108-02
第一部分：概述
1.1 建设背景
南昌市财政局门户网站自开通运行以来，在宣传政府财政法规、反映全市财政工作动态、增强政府与社会的沟通等方面发挥了积极的作用，但是随着社会发展，政府职能和公众的需求均出现了重大变化，原有网站在栏目设置、服务功能、信息容量，以及安全保障等方面开始呈现出明显力不从心的状况。
为使网站受众覆盖范围大、信息传递快捷的特征更加充分地得以发挥，并且全面提升网站的安全性能，对原有网站进行升级和改造已势在必行。
南昌市财政局门户网站的改版建设应以科学的发展观为指导，依托现代信息技术，加强特色栏目建设，通过门户信息网站，把财务业务事项和群众关心的信息向全社会公开，使服务受众覆盖范围大、信息传递快捷的特征更加充分地得以发挥。
1.2 改版分析
南昌市财政局作为政府门户网站，其建设需求分析如下：
（1）以南昌市财政局的职能设置为依据，以整合信息资源、优化信息管理，构筑信息门户为主线，建设“功能齐备、信息权威、方便实用、互动安全”的门户网站体系；
（2）以提高政府工作透明度和网上办事效益为核心，在技术与系统扩展能力上适应转变政府职能、推行政务公开、加强依法行政、扩大社会服务的发展需要；
（3）将从系统层、应用层、数据层三方面来防范来自网络各方面的攻击和入侵，全面提升网站安全。
1.3 建设目标
建立宣传、服务、交流等功能的“一体化”的财政门户网站
网站建设的总体目标是整合现有信息资源，构建全市财政门户网站，形成平台统一、标准一致，结构合理、层级清晰，内容丰富、功能实用、界面美观、形象统一的可持续、稳定、健康、快速发展的系统化网站。
1.4 建设内容
在包含南昌市财政局原有网站全部内容前提下建设以下内容：（如表1）
第二部分：总体建设方案
2.1 设计原则
2.1.1 网站开发
从网站开发角度考虑，市财政局门户网站应遵从以下原则：
先进性：无论从系统的设计思想、系统架构、采用技术、选用平台上均要具有一定的先进性、前瞻性、扩充性。特别要考虑一定时期内业务的增长和变化趋势。
标准化：系统应遵循标准化原则的设计，主要体现在各级平台的标准性。如通过HTTP，HTML、J2EE、XML，Porlets等多种标准来设计、开发应用系统。另外，系统各模块的标准化。系统采用模块化，各模块对外的接口都标准化，使系统具有很强的灵活性和扩展性。
2.1.2 网站使用
从网站使用角度考虑，市财政局门户网站应遵从以下原则：
高效性：为访问者提供具有强大的存储和较快的检索速度，解决查询困难，速度慢的问题，节约了大量时间和人力。
易用性：为了降低用户的运行费用，系统应易于使用和维护，可考虑在设计用户界面时尽量保持与用户现有的系统一致或近似的界面及操作方式。
2.2 技术选型
2.2.1 J2EE架构
基于J2EE架构，采用多层架构的体系结构，适合任何硬件、任何操作系统平台和数据库平台。
2.2.2 Oracle数据库
Oracle数据库具有跨平台，商胜能，优化的数据操作算法及对数据严格的保护等特点了。Oracle数据库独特的数据库集群、数据中心自动化和工作量管理功能，还可以在安全的、高度可用和可扩展的、由低成本服务器和存储设备组成的网格上满足最苛刻的交易处理、数据仓库和内容管理应用。
2.3 网站界面设计
2.3.1 页面尺寸
采用主流的1024*768页面尺寸布局。支持多种主流浏览器；支持多种分辨率，能够保持布局不位移和形变。
2.3.2 页面风格
平台页面风格体现大气稳健，富于现代感，清晰明快的设计理念。平台要有区别其他平台的独特风格，包括标示、色彩、版面布局等等。
2.3.3 页面色彩
在色彩运用上应突出现代门户平台的现代、时尚、大气，采用web2.0常用的一些渐变系列，根据和谐、均衡和重点突出的原则。
2.3.4 结构设计
网站整体结构要合理、清晰，各栏目、页面要有导航条，方便在各栏目、各页面之间进行切换。
2.3.5 网站栏目
合理布局网站的栏目结构，对网站栏目进行科学的规划，对信息内容进行合理分类。网站栏目设计要以用户为中心，分类要清晰，层次要合理，页面层次不能太深，应遵循“三次点击”原则。
网站设计心得范文9
关键词：高校网站；智能系统；个性化；安全；建站方案
在第三代网站智能系统中，用户能够使用自助建站工具，通过模板、资料库和组件等功能来构建网站的Web应用程序，通过系统管理员统一管理、维护网站。网站智能化技术是一种新型、便捷的建站模式，这种模式的门户网站解决了不同部门网站前台界面之间的个性化需求，减少了资金的投入，适用范围广。网站（博达高校网站平台）使用我校内部，P地址，不同模块、功能之间设置了权限，对资料库中不同文章访问权限也做了限制，非我校校园网用户无法访问被限制的网站，没有文章访问权限的用户不能打开文章内容，较好解决了网站的安全性能。我校使用网站智能系统以来，用户同时在线访问量、访问速度都有了很大的提高，网站因恶意攻击导致的瘫痪问题不复存在，我校网站对内访问的核心数据信息得到了保护。网站智能化系统的安全模式是我校采用的最重要因素。
1.系y功能
系统主要的功能模块有网站模板、栏目管理、资料库和用户管理；其中用户按权限分为系统管理员和二级管理员，系统管理员为二级网站管理员分配账号和密码。网站开发成功后通过站点一键网站。
1.1网站模板
网站设计模板分为三个部分：首页、列表页和内容页模板。网站的显示通过这三个页面模板来实现。对于界面的开发，有三种方法：一是现有设计模板；二是从互联网下载，通过网址下载后直接使用；三是根据开发者风格开发。三种方法为不同水平的开发人员设计，第一、二种方法可供初级开发者使用，第三种方法常用于专业的开发者。
1.2栏目管理和资料库
系统将界面和页面内容分离，实现了分层管理。网站的内容是整个网站开发的核心。系统内容是通过开发者新建栏目来管理，栏目采用树形结构，新建所需要显示内容的栏目，在不同栏目下，可以添加多种类型资料源。资料库为栏目资料组件提供资料来源。
1.3组件库
组件库是系统提高效率的关键环节，网站开发者可直接使用这些常见组件进行开发，省去了设计、分析和编码时间。组件分为网站基础信息、网站导航和RSS文章列表等基本组件；文章内容、文章列表、图片列表等栏目资料组件和装饰组件；留言板、关键字检索、领导信息和站内统计等应用组件、统计组件和互动参与组件。开发者可根据需求在页面选择器中加人组件。
2.系统实现
2.1界面设计
根据主要的系统功能和组件，我校门户网站和二级网站采用CSS、HTML、JavaScript技术对前台界面进行了排版设计，分别设计了风格不同的显示页面。网站智能系统满足了不同部门网站前台的个性化差异，在设计显示页面之前（以本文所建设的我校二级门户网站“教学评估处”为例），秉着努力打造国内一流水平网站的目标，参考了国内外排名前3D的高校门户网站和欧洲足球俱乐部排名前3D的俱乐部网站的设计风格，重点采用了北京大学门户网站的设计，详细研究了网站智能化系统的组件风格，最终设计并完成了我校二级部门“教学评估处”网站建设。
2.2数据操作
数据操作是对显示页面内容的操作，也是整个网站的重要部分，网站数据均存储于此。
网站内容模板采用Microsoft office word模式，文章的内容、图片、视频等增、删、改、查均实现了傻瓜式操作，提高了网站管理和维护速度。网站建设过程中，浏览器间的兼容性仍存在问题：第一：在内容之前，首先要安装插件，使用Chrome和IE双内核的360极速浏览器，但即使在满足要求的情况下，网站后台新建的内容与用户所看到的内容有很大差别，网站内容排版问题始终没有解决，只能由开发者手动调式，使得内容变得繁琐。实际操作时，只能将网站内容以PDF形式上传缓解此类情况；第二：网站文章时，与服务器之间交互时间消耗过长，且在新建文章时需要两次，增加了操作任务。
3.结束语
网站智能系统设计科学、结构合理、技术先进、性能稳定、数据可维护性强、网络安全性高，且功能全面、部署简单、配置过程灵活。网站智能系统（博达高校网站平台）在我校门户网站及三十多个部门中成功应用。
网站设计心得范文10
关键词：自动售检票系统；计算机网络；安全性
中图分类号：TP393 文献标识码：A 文章编号：1009-3044(2016)11-0034-02
1、AFC系统结构概述
AFC系统从结构上可划分为四层，每一层都包含相对独立的职能，同时通过网络通信系统将各层连接组成一个完整的系统。具体如下图所示：（1）第一层：ACC及一卡通系统ACC系统是城市轨道交通网络化运营条件下AFC系统的管理中心。其主要功能是统一城市轨道交通AFC系统的各种运行参数、收集AFC系统产生的交易和审计数据并进行数据清分和对帐、具备数据管理、客流分析、票卡发行、票务管理功能，同时负责连接城市轨道交通AFC系统和一卡通清分系统，可适应多线路自动售检票系统联网运营模式。（2）第二层：LC系统LC系统是AFC系统的核心和大脑，是系统的运营管理中心和交易数据存储、分析中心，用其实现线路设备监控、运营管理、数据的集中采集、各种业务报表处理。LC可以接收ACC系统下发的运营参数并下发至车站计算机系统及车站终端设备，同时接收终端设备上传的各类交易和管理数据，并按照票务清分系统的要求上传，实现清分对账功能。（3）SC系统SC系统是直接控制车站终端设备的基本管理单元，负责对车站系统运营、票务、收益、维修等的集中管理。SC系统接收LC系统下达的各类运营参数并下发给各终端设备、接收终端设备上传的交易数据等并转发给LC系统。另外，系统操作员还可以通过在SC工作站上设置命令，来控制车站系统的运营，及车站设备的运行。（4）车站终端设备车站终端设备安装在各车站的站厅，包括各类操作终端，如自动售票机、自动检票机、半自动售/补票机、自动查询机等，直接对乘客提供自动售检票服务。车站终端设备通过车站网络连接到车站计算机系统，将数据上传至SC并接收SC下发的参数及指令。
2、AFC系统的网络应用
AFC作为轨道交通的票务收集系统，对轨道交通的正常高效运营非常重要，对IT系统和承载网络都有较高的要求。由于AFC系统通信节点众多，业务流程复杂，所有数据都需要通过网络在各节点之间传输，如果交易数据丢失或者损坏则会直接影响收益。因此AFC网络必须符合以下要求：应具有高可靠性，以保证业务处理稳定运行；应具备高安全性，保证所有网络信息的机密、完整、可用；应易于管理，方便操作人员维护；应具有完善的自诊断功能及高度数据传输安全性。天津地铁九号线采用了设计合理的网络结构。AFC系统处于独立专网之中，与外界网络隔离，具体架构如下图所示。系统核心交换机、防火墙、路由器之间运行OSPF动态路由，各设备接口间开启OSPF协议，相互学习地址，同时保证了网络的冗余性，当网络中有节点发生故障时，OSPF可以计算可用路由，使网络及时恢复，提高系统高可用性。
2.1AFC与ACC系统连接
中央机房配备两台Cisco防火墙、两台Cisco路由器，分别设置主备模式，接入ACC系统。路由器将AFC与ACC两个不同网络的数据信息进行“翻译”，以使数据在两个系统之间进交互。网络防火墙具备较强的访问控制、IP地址翻译和映射、网络访问记录统计等功能，可以限制外部网络对内部网络的非法访问、按规则接收或拒收数据包、在网络层对数据包进行模式检查。
2.2LC系统与SC系统连接
如图所示，中央计算机系统通过以太网连接了数据库服务器、通讯服务器、网管服务器、报表服务器、历史服务器、病毒服务器等多台服务器，还连接了LC管理工作站、打印机等设备。中央计算机系统通过专用OTN网络与车站计算机系统、车站终端设备进行连接，从而构成一个完整的AFC系统。中央机房由两台赫斯曼三层交换机作为核心交换机，配置主备模式，当主交换机产生故障时，自动切换至备机运行。车站网络通过传输环网接入核心交换机，每个车站设置一个子网，避免单个设备发生故障，造成网络环境阻塞，导致广播风暴的问题，保证了系统的安全运行。另外通过设置将各车站与生产核心网络进行隔离，使车站与车站之间互不影响，核心网络不受影响，提高系统的稳定性。同时LC工作站网络也单独划分了vlan，与车站网络隔离，提高系统的安全性。
2.3配备网络管理软件
中央系统设置网管服务器，安装飞思网巡网管软件，对整体网络实现全方位的监控管理。通过此软件可以自动发现新增网络接点，检测网络连接，生成网络图，用图形方式显示网络拓扑结构及网络节点内设备、端口及线路，以便及时发现系统的安全漏洞，排除网络故障，保障系统安全性。
3、AFC系统的网络管理
从上文分析中看出，计算机网络对于AFC系统的重要性是不言而喻的，做好网络的管理工作十分关键。不管整个AFC系统网络设计得多么完善，由于AFC系统与乘客及内部管理人员有着密切的交互，保证系统的安全性还需要严格的安全策略来配合，这样才能保障系统正常运营。
3.1网络设备的管理
AFC系统中网络设备多种多样，因此针对不同的设备应采取不同的管理方法。例如通过网管软件实时查看整体网络运行状态；通过IE方式登录核心交换机查看具体配置，对参数进行修改；使用远程telnet方式，也可以使用console登录方式查看防火墙状态，配置访问控制。另外我们需要定期检查计算机网络物理连接线路，可以通过网络界面监控和光纤测试仪的测试，对线路的工作状况进行实时的监控，保障线路的通畅。
3.2网络故障的处理
计算机网络难免会出现故障，例如物理线路损坏、网络设备硬件故障、网络配置错误等，这些都会影响系统的安全运营，因此我们要加强对网络故障的诊断处理工作。通过日常巡检和定期维护及时发现问题，并记录每次故障的具体原因及解决方式，为日后网路故障的诊断维修提供可靠的参考数据，最大程度的减少网络故障发生。
4结语
本文针对城市轨道交通计算机网络，对其在AFC中的应用进行了深入的分析。计算机网络在AFC中的实际应用，在很大程度上提高了我国城市轨道交通运行时的安全性与可靠性。在高科技技术引领之下的今天，随着更新、更具有实用性价值的计算机网络技术的出现，我们还应当将其更为广泛的应用到地铁AFC系统的建设当中，以在最大限度之内，提高地铁AFC的通信以及网络传输效率，为我国城市轨道交通的建设及后期投入运行提供主要支持。
参考文献：
[1]祝建成，李宝，陈栋.轨道交通自动售检票系统在车站计算机系统的设计与实现[J].铁路计算机应用，2013:9.
[2]陈康.城市轨道交通自动售检票系统的分析与设计[D].北京邮电大学,2011:1.
[3]魏红.计算机网络在地铁AFC中的应用[J].现代电子技术,2010(14).
网站设计心得范文11
梁月超
河北省邢台县经济信息中心 河北 邢台 054000
摘要：网站是政府、企事业单位向用户提供信息的一种方式，是开展电子政务、电子商务的基础设施和信息平台。网站建设的规划、设计是建成成功网站的关键。从网站建设的规划、设计入手，介绍网站建设的实现方法和技术。
关键词：计算机网站 Intemet 规划设计
1.引言
20世纪90年代以来，计算机网络技术飞速发展，网络化和全球化成为不可抗拒的世界潮流。网站是政府、企事业单位向用户提供信息（包括产品和服务）的一种方式，是政府、企事业开展电子政务、电子商务的基础设施和信息平台。因特网上的网站就像企业在互联网中的办公大楼，网站所带来的政治、经济、商业利润及其影响是具有深远意义。网站正以惊人的速度扩张，每年有大批的企、事业单位投入资金来发展网站建设。
2.网站建设的规划及总体设计
2.1确定网站建设的目的
确定网站建设的目的，这是非常重要但又易于被人们忽略或轻视的一项工作。对于网站设计来说，这种沟通不仅应了解该网站要运行什么应用程序，需要如何连接单位现有系统等，还需知道这个网站希望达到什么样的目的，即必须清楚网站的目标市场在那里。这将成为整个网站所有设计思想的基础。无论网站采用何种形式，什么样的外观，提供什么内容，都要以网站的最终目的为出发点来考虑。
2.2确定客户群体
确定网站的客户群体十分重要。只有清楚确认网站的客户群体、客户的需求、客户的兴趣，才可能在网站上提供客户所需要的内容和信息，留住目标客户群体，网站才能获得成功。
2.3细化目标，构架网站内容纲要
确定目标市场和客户群体后，下一步工作目标细化，构架网站内容纲要，毕业论文 主要包括网站核心内容、主要信息、服务项目、应用程序等。然后，将网站内容大纲交给有关业务人员审核批准，形成部门网站设计的总体报告。
网站建设是一个不断改进的过程，而不是一个一成不变的静态项目。因此，在网站计划中也应该包括长期的版本管理及技术维护。这里需要考虑两个问题：①网站的结构是否合理，是否适应未来的发展：②网站内容的维护和图象资源的管理问题。
2.4与美工人员的沟通
有行业经验的专业美术设计人员的帮助，对网站的成功也是至关重要的。他们能给你很多关于排版，色彩等方面的建议。很多传统出版行业的规则和禁忌，也十分适用于网页的设计。
2.5个性化服务
对于任何一个成功的网站来讲，资料收集都是至关重要的环节。有关访问者和顾客行为的资料是分析投资收益的基础。顾客的经验同时也会随着资料的增加而增加。随着时间的推移，收集的资料不断增加，同时与网商业务相互影响也在不断提高。这个过程促使不断提高为网民提供的价值，并且优化同每个顾客关系的收益。由于这个过程是渐进的，因此有时被称为渐进的个性化服务。
3.网站建设的实现技术
3.1Web服务器的选择
3.1.1Web服务器
Web服务器是驻留于因特网上某计算机内的程序。当Web浏览器（客户端）连到一服务器并请求文件时，服务器将处理该请求并将文件发送到该浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP（超文本传输协议）进行信息交流。
3.1.2选择网络服务方式
网络站点的可以分为两种，一种是自己建立网站，一种是外购整体网络服务。网络站点投资选择的主要问题是资金问题。外购整体网络服务又分为两种形式：虚拟主机与服务器托管。
3.2站点建设的准备工作
3.2.1向IPS申请IP地址及申请域名
Internet的IP地址是分配是分级进行的。IANA是负责全球Internet上的IP地址进行编号分配的机构。按照IANA的需要，将部分IP地址分配给地区级的Internet注册机构IR，地区级的IR负责该地区的登记注册服务。现在，全球一共有三个地区级的IP：ARIN，RIPE，APNIC。
CNNIC（中国网络信息中心）以国；NIC的身份于1997年1月成为APNIC的联盟会员，成立以CNNIC为召集单位的分配联盟，称之为CNNIC联盟。按照APNIC的有关规定，CNNIC分配联盟成员单位可以通过CNNIC获得IP地址。
3.2.2硬件设备的购置及网络的建设
硬件设备包括服务器、工作站（PC机）及各种网络设备。硬件尤其是服务器的选型应充分考虑到站点可能的信息容量、提供的服务种类、每日的点击率以及站点发展的需求。不管为服务器和工作站选择哪种平台或NOS/OS，为获得最大的性能，都需要逐个建立。影响系统性能的主要部件包括CPU、主板、RAM存储器、硬盘驱动器、视频和监视器以及I/0部件。
3.2.3确定提供服务种类及选用合适的服务软件
Internet可提供的服务种类有很多，最常用的有web服务、E—mai1服务、Newsgroup、FTP、Gopher等，在选择服务种类时应充分考虑各种服务的信息流量，考虑服务器的处理能力及通信带宽的容量。这里主要针对Web服务器平台及服务软件的选择。
3.2.4信息的采集、整理和站点的定位
一个站点不可能包括所有的信息，面面俱到不可能设计出好的站点来，因此在建站初期就应有明确的指导方针，确定站点的发展方向，设计几个拳头性的服务项目。每个站点都要有其目的性。目前国内许多站点缺乏特色，就是因为前期准备工作不充分，对站点方向不够明确，在站点信息的收集、整理工作中没有始终贯彻站点的方向和目标。
3.3网站建设投资概算
3.3.1接）kInternet的费用
接入Internet的所有费用大体由四部分组成：设备费、通信费、信息费和维护费。
1）设备费
设备费包含以各种方式接入Internet所必须的各种设备的费用和使用Internet时所要使用的各种类型的终端、微机、工作站、服务器等的费用。不同的接入Internet的方式，设备差别很大。
2）通信费
通信费用是指为传输信息所付的资费（网络设备租用费或网络设备占用费）。通信费分为两种，即网络经营者向信息提供者收取的通信费和向信息使用者（用户）收取的通信费。
3）信息费
信息费也就是经营者为了购买或生产信息所付出的费用。这是信息服务所包含的几项费用中最复杂、最不确定、也是最核心的一项。
具体而言，信息费是指经信息提供者（IP）将收集到的原始消息进行加工、编辑、整理（并建成数据库）后，提供给用户使用的（或数据库内）信息的费用。
4）维护费
网络维护费是一个不确定的因素，很多意想不到的原因会使维护费急剧上升。我们把网络管理人员和站点设计人员的工资以及其它消耗品的费用等称为正常的维护费。
4.网站维护
网站的建设是一个动态过程，不断会有新的内容、新的页面加入，在设计阶段就应充分考虑到网站的维护性能。网站的整体框架应具有开放性、动态性和可扩展性。网站的维护是一个长期性的工作，其目的是提供一个可靠、稳定的系统，使信息与内容更加完整、统一，使内容更加丰富，不断满足用户更高的要求。迅速地对反馈作出反应是Web网站成功的关键。
参考文献：
网站设计心得范文12
一、网站管理
1、成立局网站管理工作领导小组，由分管办公室的领导担任组长，办公室负责人担任常务副组长，业务科室负责人为领导小组成员。网站管理工作领导小组负责统计内网、外网的各项管理工作，常务副组长具体负责网站管理工作落实。
2、局办公室是网站系统的控制中心，负责网站的管理、维护等，统筹安排网站管理的各项工作。
3、局办公室是网站管理负责机构，负责与县政府办公室信息中心的网站管理工作衔接。
4、网站设专职网站管理员，负责网站的全面管理，维护，更新和安全保障工作。(1)负责网站的信息收集汇总。(2)日常管理与维护。(3)负责网络版面设计、调整、改换栏目设置、内容更新.(4)新闻,公告的以及其他信息材料的管理、录入与。(5)网站安全的维护，病毒检测，黑客袭击防范等。
5、根据网站建设的指导思想、主要任务和不同时期的需求设置网站的总体栏目。栏目设置可作调整，调整程序是各科室向局网络管理工作领导小组提出需要增减的栏目，以及添加相关网页链接的建议，经网站管理工作领导小组组长审批同意后，由网站管理员具体实施。
二、信息采集与管理
1、的信息应具有较强的时效性。不得违反国家法律及地方法规的信息，不得与党的各项方针、政策相违背的信息，不得不健康、不真实及等信息。
2、网站管理员负责网站内容信息的搜集和整理，各科室负责人根据科室职能及时向网站管理员提供最新相关信息，包括：
(1)本局以及本科室的重大事务、外事活动、调研活动、上级领导来本单位考察活动。
(2)日常的统计活动（包括月报、季报、年报）、考试动态、重大国情国力调查，分析研究等信息。
(3)工作心得，读后感，体会等。
(4)其他。
3、网站管理员及时对各科室提供的信息，进行统一分类、整理、汇总成稿件按下列程序报审批准后：
(1)科室负责人或人员撰写新闻信息。
(2)报分管领导审批，确定可以的版面；
(3)提交网站管理员进行。（网站管理员必须在24小时内，重要信息12小时内）
(4)网站管理员对的信息进行归档保存。
三、安全管理
1、严格遵守国家有关法律、法规，严格执行国家和省、市有关保密制度，不得在网上从事危害国家安全、泄露国家和军事秘密等犯罪活动，不得制作、复制和传播各类不健康信息和计算机病毒。
2、不得将后台管理的登录口令转告或泄漏给他人。如有发现口令泄漏，网站管理工作领导小组将严肃查处。
3、各科室和信息管理员有责任对网络投诉举报人员及举报内容保密。
4、计算中心定期对网站进行维护和数据备份，保障网络平稳运行。
四、应急预案
网站出现非法言论事件紧急处置措施:（1）网站管理员负责密切监视信息内容。（2）发现有违反法律法规、损害县统计局声誉的信息时，应立即向网站管理负责人报告情况。（3）网站管理负责人在接到报告后，指导管理员及时清理非法信息、妥善保存有关记录。（4）在网站正常运行后，应及时追查非法信息来源，并将有关情况向局网站管理工作领导小组组长汇报。（5）事态严重的，应及时向公安部门报警。
网站发生黑客攻击事件紧急处置措施：（1）备份正确网站文件，保障网站及时恢复。（2）当管理员发现网站遭受黑客攻击时，应及时向网站管理负责人报告。（3）在黑客攻击程度较大的情况下，报请网站管理领导小组组长同意，及时向县府办信息中心报告，请求关闭服务器。（4）聘请专业人士及时恢复或重建被攻击或破坏的网站，确保网站能够尽早恢复正常。（5）事态严重时，应及时向公安部门报警。
五、责任追究
信息必须严格履行审批手续，对不履行审批手续擅自信息造成不良影响的，对信息人给予相应处分，触犯法律的，送交司法机关依法处理。
六、附则
网站设计心得通用六篇相关文章：
《网站设计心得通用六篇》
