网站设计心得{5篇}

本文共计16285个文字，预计阅读时间需要66分钟。

网站设计心得范文第1篇

由于网站或网页设计中最重要的是要考虑人与界面（机）互动意义，即在设计中必须要考虑到心理学给设计师带来一个积极意义或对网站、网页设计具有的指导性含义。如果当你花时间去分析一下你访客的需要，并怎样才能满足他们需要，这时你会认为网页或网络设计中心理学至关重要。因为通过访客心理分析，并据此的设计一定会使访客更加开心乐意，这就是网站或网页设计中为什么要运用心理学原理的原因。

Susan Weischenk在书中从访客与设计师交互角度对网站或网页设计心理学进行了探索，弥补了这一领域的不足。基于Susan　Weischenk的《设计师要懂心理学》一书的内容及相关研究成果概括出九条网站或网页设计心理学的建议，值得相关领域特别是电商同行们学习。

1． 建立信任关系

要你的访客做你所想要他们做的，首先你得跟访客建立信任关系。信任关系建立并不是件容易的事，尤其是这个骗子横行的时代，让人讨厌的人在网络哪个角落都有一大把。那些对网络还太熟悉的用户，如果谁问他们一些个人信息都会变得十分敏感，尽管这些信息对网站工作是十分需要的。作为网站或网页设计师，往往忽略自己已经是习惯了网上交易。但是对于我们的客户，还有他们的客户，互联网仍然是一个他们正要进入的很大很可怕的黑洞。所以要使你的网站即使就是一般用户都觉得更值得信赖。创建一个使访客用户安心的网站，就意味着他们很可能会注册一个账户，并且购买产品，或者用其他方式和你做生意。研究表明这些是可以通过网站设计和语言设计来达到或实现的。

2． 熟悉和识别模式

网站或网页设计心理学认为，当一个用户访问网站的某个页面，一定是有某些东西是他们想马上看到的，不管登录的是一个什么网站。如果他们没有看到预期的东西，他们会觉得乱七八糟毫无意义，这个网站不可靠。当访客来到一个网站，对网站的期待主要有两点，一是来访的目标内容（这可能是某些主题信息上看到在售的某个漂亮的产品），二是要有针对性的导航。虽然标签可以帮助辨识的目的，设计还应该补充和加强这一消息。例如，你正在设计一个环境主题的博客，但你的设计看起来黑色和寂静又阴沉，并在页头一个夕阳西下的城市天际线，这样会很不好，甚至没有正确的暗示一下这个网站是干什么的。但如果设计的网站看起来很干净很现代，有些绿色和自然的口号，就会给人一个深刻的印象，这是环境保护主题的博客。另外人们期待博文放在博客的首页，期望电子商务网站的头版都放产品。对于任何网站，人人都期望在超过了几个深度的页面便会提供一个搜索功能。而且在大多数情况下，人们还期望有“关于我们”和“联系我们”的页面内容。

3． 网络上的品牌符号要统一

除了大多数访客希望看到一个网站所必备的基本要素，还应该有些标识吸引用户跟你公司要相联系。想想你设计的一些线下的促销宣传单的颜色，这些颜色也应该某种程度上融入你的网站，即使它只是在标题图片或者一些标识口号的颜色。就像你在宣传资料上印有Logo一样，在网站上你也要同样的呈现。然而这个基本的事情，很多企业往往忽略了这种线上线下的一致性，这样就失去了品牌标识传播的机会。

4． 心理激发

心理和情感激发是鼓励用户付诸行动一个的宝贵工具。激发包括像内疚和担心的这样的情绪，当然还包括吸引人的那种归属感和人的价值观念认可。在网站或网页设计中结合激励性情绪的通常做法是网站上的广告语言，再加入一些图形元素作为辅助支持，使用图片和图表以加强激励效应。

5． 运用图像强化概念

在网站设计上使用的图片既会帮助也会混淆你的访客。一个精心挑选的图片可以令你访客心领神会，了解你的意图。如果选择不慎，甚至会让你的访客很抓狂， 让他们感觉到又回到了乱七八糟的黑暗时代。抽象的图像有时也有意想不到的效果，不过请小心使用，确保放在那里有它的意义。 有时一个抽象的图形在不同的访客那里会有不同的解读，或将会完全误解原本的含义。

6． 依据阅读模式设计内容

人们趋与按照“Z”字形浏览一个网站的模式，从顶部开始往左，最后到达屏幕右下角。作为一个设计师，你应该努力地在此阅读模式下拿捏好那些最重要的内容放哪里最好。大多数网站都把Logo放到左上角，道理就在于此。在此阅读区放置一些不相关的信息，访客离开之前还没有找到他想要的信息，他可能会认为这不是他要找的网站。

7． 确保每页要有焦点

网站上的每个页面都应该有一个焦点，这是访问这个页面的目的，且不管这个页面是展示产品， 还是介绍公司，还是最新的讯息。设计的时候需要把每个页面重点内容进行强调。每一页的重点也应立即显现出来，让访客知道他们在看什么。除了网页本身的内容，还应该通过在导航线索或通标题来强化。一个不成熟的网站最大特点就是总是在每一页上放太多的信息。其实不要害怕在网页上的留空白， 每个页面上有明确的突出的重点并没什么好担心的。

8． 颜色的心理学效应

颜色的心理学效应是设计心理学里面最复杂的主题。在网站设计时使用的颜色对你的访客来说有很大的影响，务必确保所使用的颜色可以加强信息和图片所要表示的意义。下面列出颜色和它们的基本含义清单。

红色：火热和激情，可以代表都爱和愤怒。

橙色：具有红色和黄色的属性。可以与能源和温暖相关。它比红色更冷静，更愉快。

黄色：温暖，愉快，幸福的颜色。它可以表示喜悦或胆怯。

绿色：自然，成长，和新生的标 志。按照同样的道理，绿色，有时代表很嫩经验不足。在另一面，绿色，有时候是因为羡慕或嫉妒。

蓝色：平静的，冷静 的，但使用太多可以令人感到消沉。往往与企业形象关联。

紫色/紫罗兰：与贵族和财富的关系源远流长，也是一种与精神 相关的颜色，可以有创造性的表意。

黑色：像变色龙，它可以是保守或前卫，传统或现代的，它还可以神秘和性感或常规和 安全，这取决于怎么使用以及周围环境。

白色：代表着纯洁与清白，十分容易与其他颜色搭配。

灰色：中性的，平衡的。灰色是保守的和复杂的，但也可以看作是变化无常的。

棕色：一个健康和务实的颜色，表示的稳 定性和可靠性。

9． 设置留白和喘息机会

如果访客看到一个页面充满内容，他们会感到不知所措或压抑。这可能是网页让人感到过于随意和混乱。访客感到好像他们不知道从哪里开始，这意味着他们可能会跳出你网站到其他地方喘口气。网站上的合理留些空白空间，引导你的访客注意他们要找的信息。通过结合留白和适当比例的风格和元素，你可以暗示鼓励你的访客关注特定的东西，并可能有所行动。

网站设计心得范文第2篇

关键词：网站 交互性 设计 用户体验

所谓网站交互性，顾名思义，也就是网站的受众能够通过多种输入与输出的方式与系统以及其他受众在一定程度上直接进行双向交流。从传播的模式上来讲，信息源发出信息，而受众收到信息并做出反馈，并且在一定程度上，每个人都是受众也是信息源。交互性设计对于网站的重要作用在于，它将各种网络手段有机集成起来，不仅使网页效果得以增强，而且实现了用户与网站之间的对话，以及用户以网站为媒介而进行彼此间的交流，这些都可以使用户乐于光顾你的网站。

1.网站交互性设计可以让用户获得更好的体验

通过网站的提示功能，可以最大限度地发挥网站的人性化，让用户在最短的时间内理解网站的用途和使用方法，轻松地获得网站提供的服务，让用户更快捷更方便地使用网站；现在大部分功能性网站、论坛等站点为了扩大自己网站的影响，提高点击率，培养用户的忠诚度，都是需要用户注册的，很多用户为了获得更多的权限或者更好的体验，只能硬着头皮去填写注册信息。对于这种类型的网站，我们如何才能引导用户去注册会员，让用户在众多需要填写的条目中有耐心、认真地填写信息，这就需要我们去合理设置注册的顺序和填写要求，适当的填写提示信息——即网站的交互性设计，让用户可以很明白自己要填写的信息，从而实现简单快速注册而不会因此影响用户的心情。

2.网站的交互性设计可以增强用户的参与性，让用户获得更多的满足感

网络的虚拟性让人在网络上可以自由发表言论而不用担心任何影响，现实生活中很多人因为各种原因不愿意当面说出自己的真实想法，所以大部分人会选择到网络上去阐述自己的观点，这样既可以把自己的话整理出来，又可以让别人看到，进而出现支持或者反对的言论，可以和网友一起交流思想，让人有一种主人翁的意识，可以获得很多满足感，增强自己的自信心。

3.网站的交互性设计可以让用户获得更多的乐趣

现代人钟情于网络，主要也是针对网络的娱乐功能，网络的虚拟性提供了很多现实生活中没有的体验，让很多人获得了非凡的感受，网站作为操作平台，给很多人提供了消遣、娱乐的机会，让人们获得了足够的乐趣。网站中网络游戏的交互性应该是做得最好的，人们通过在网站的虚拟操作，控制游戏中的角色，以此满足人们的控制欲，得到现实生活中没有的体验，从而心理上获得极大地满足；QQ空间的成功也和其完美的交互性密不可分，人们通过发表心情、日志、相册等来记录自己的生活，好友可以通过空间来了解网友的生活，并对网友的生活做一些简单的评论，以此形成互动，可以极大地促进好友之间的交往。

4.网站的交互性设计可以让用户由被动接受信息变为主动获取信息

百度、谷歌搜索引擎的出现给人们生活带来了极大的便利，“有问题问百度”“在百度里谷歌一下，或者在谷歌里百度一下”已成为人们日常生活中不可缺少的部分，很多人都通过搜索引擎学到了很多的东西，让即时学习成为了一种习惯，百度、谷歌成为了名副其实的“万事通”。用户可以在百度或者谷歌里查找自己想要的任何资源，其海量的信息也让用户有了更多选择的机会；而搜索引擎随后出现的提示功能更是极大地体现的它的交互性，通过帮助人去思考搜索的内容，让搜索变得更快捷方便。

5.网站的交互性设计可以更好地模拟现实生活

现实生活是由人组成的，而社会活动就是人与人之间交互的一个过程，通过交互组成了一个社会整体。美国的facebook和中国的人人网、开心网等，就是通过模拟社会生活制作的社交网站。这些社交网站中每个人的主页构成了一个虚拟的人，通过控制自己的主页去和其他人的主页建立联系，来实现网络中的交往。在社交网站中设置了众多的交互活动，找朋友、交朋友、打招呼、留言、送礼物等现实生活中的行为来实现网络的交友，这个虚拟社区超越了地理限制，不再局限于人们原有的交往范围，人们按照自己的个性喜好自由组成了一个精神社区和一种新的人际关系网。

6.网站的交互性可以实现网络风暴，快速而广泛的传播信息

QQ空间的转载功能，博客和微博的fans以及转发功能，让信息的快速传播成为可能。通过转载网友或者博主的信息，可以让更多的人看到并转载，这样就可以使信息传播的更快更远。近期流行起来的微博因为其即时性和易操作性让其成为众多网友的最爱，也成为众多信息的来源。

一个网站如果不能给用户提供一定的操作权限，不能给予用户主人翁的感觉，是不能吸引用户的。只有让用户感受到自己的存在，在里面有归属感，满足用户的好奇心、虚荣心，才能不断地浏览网站，提高网站的浏览量。所以，网站的交互性设计已成为网站发展的趋势，未来的网站设计也会逐渐从以网站为中心变为以用户为核心，以用户的体验为第一要素，通过了解用户的使用习惯和喜好，从用户的角度去设计网站，让网站向着简单易用的方向发展。

网站设计心得范文第3篇

【关键词】 用户体验；课程网站；体验模型

【中图分类号】 G40-057 【文献标识码】 A 【文章编号】 1009—458x（2012）05—0082—05一、Web课程研究现状及分析

通过采用随机调查的方法分析了国内大学近30个课程网站建设情况，发现其多采用以课程内容建设为中心，没有从学习者的角度出发，课程网站成了教学大纲、教学资料等内容堆积的仓库，没有体现“以用户为中心设计”的思想[1]，造成课程网站使用率不高，对学生黏性不够等状况。针对这些问题，笔者认为，课程网站要重拾在教学体系中的地位，其角色定位应不仅仅是信息资源的管理者，更应该是信息资源的服务者。课程网站应从为学生提供课外学习资源，转变为与学生建立长期稳定的服务关系，以实现学生对课程网站的归属感和黏性[2]。将产品设计领域的用户体验思想移植到课程网站并不需要过高技术要求[3]，实现这种功能、角色定位的转变，在课程网站中引入用户体验是可行且必要的。

二、什么是用户体验

Ajax 之父Jesse James Garrett对用户体验（User Experience）[4]的描述：“把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。” 用户体验是一种纯主观在用户使用产品过程中建立起来的感受，各个行业都在追求“用户体验”。用户体验涵盖的内容很多，一般认为有：品牌、视觉、友好、易用、有用等几个方面[5]，如图1所示。

这些因素密不可分共同形成了正确的用户体验。其中品牌主要指为用户访问提供有吸引力的难忘的体验、视觉效果、体验过程的价值、传达品牌的程度、是否加强或延伸了品牌等。

功能性指网站的技术应用手段及提供的互动服务。包括信息的及时反馈、任务告知、安全及个人隐私的标准等。

可用性指对网站的内容的易用性和友好性，能够让用户快速达成其目的的能力。包括防止错误发生、恢复能力、页面众优化程度、页面标准及一致性、提供特定内容等。

内容指网站的实际内容，文本、图片、多媒体以及其信息体结构。包括根据用户需求制定清晰度和简单的网站浏览、易于实现用户目标 、内容及时准确等综合性内容。

课程网站有其特殊性，它本身没有任何培训与客服帮助，全靠学生自己的经验来操作和使用。因而课程网站在传递信息资源的同时必须以一种能够帮助学生理解和接受的方式呈现出来，信息的呈现必须符合人的认知心理、美学心理等，让学生易于接受，否则学生得出的结论是“这个网站不好用”，课程网站的价值也就无法体现出来了。注重用户体验，就要求我们必须把学生摆在课程网站设计的首要要素位置。

三、用户体验的质量因素

近年来，用户体验（UE）观念在商业市场中受到的关注日益增高，用户体验常常体现在非常细微的地方。百度以前首页上有句“设百度为首页”，现在改为了“把百度设为首页”，这是一种更清晰、更温和的语气，也是尊重用户体验的表现。同时，强调沟通、情境和互动的建构主义学习思想和“以人为本”的设计理念深入人心，使得“用户体验”在教育领域颇受重视。设计好的课程资源，为学生提供良好的学习体验成为每位教学设计者的共同目标。网络课程在满足学习者需求的同时，还要考虑情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面诸多因素。结合其具体使用而言，不论是用户体验的5E模型，还是蜂窝模型，反映用户体验效果的质量因素都可以归类为可用性、易用性、爱用性三个方面[6]。

（一）可用性

对网站可用性的考察更侧重学生对课程网站依赖与适应。美国尼尔森集团根据多年对用户的可用性研究（从1994年至今），对网站的可用性问题进行分类，按照其重要程度得出产品信息、站内搜索、网站信息体系结构、网站易读性、网站内容等问题所占的权重较大，在网站可用性因素中占将近一半的比例。同时课程网站的通用性也非常重要，主要表现在网站在不同浏览器上的兼容性，需要把握在主流浏览器下的显示关系。另外，网站浏览速度也是衡量课程网站可用性的重要指标。

（二）易用性

网络课程易用性在于最大限度上适应人的习惯和本能，主要包括以下几个方面，见表1

通过对网站的易用性研究及用户体验相关的项目实践，笔者认为，从课程网站的效果来看，网站易用性是一个综合性问题，涉及网站建设的方方面面，应从网站策划之初就将易用性思想贯彻到网站建设的每个细节中，这其中UI、程序都只是提升用户体验的一个方面而已，它们与网站内容、导航结构、任务流程等其它因素共同作用，最终达到优化用户体验目标。

（三）爱用性

爱用性即网站对用户黏性，黏性是保证课程网站有效性的重要条件。网页停留时间最终将决定互联网的成功或者失败。课程网站在为学生提供服务时，如果充分考虑人的个性及情感等因素，会使学生有良好的学习体验，并达到爱用的效果。爱用性包括三个方面，见表2。

四、基于用户体验的网络课程模型

当前针对高校网络课程建设的用户体验研究有限，利用产品设计领域的用户体验模型成果融入教育教学理念和思想是本文研究重点。目前用户体验模型常见的有UX元素模型（UX elements）、UX蜂巢模型(UX honeycomb)、UX影响力模型（UX forces）和UX保护伞模型（UX umbrella）[7]等，其中UX元素模型（如图2）对课程网站建设具有重要指导意义。此模型包括表现层、框架层、结构层、范围层、战略层五个方面，此模型常被用于一些大型或小型的网站开发中。后来在这个框架结构之上Jesse对原来的模型作了改进调整（如图2），增加了对用户体验元素的阐述。从图示中我们可以看出，满足用户体验的网络课程应包括：用户研究、网站战略、技术战略、内容战略、抽象设计、技术设计、内容产品、具体设计、项目管理等九个方面。笔者认为，改进后的模型可理解为从用户需求、课程设计、用户体验技术、课程更新等方面描述网络课程用户体验框架。课程网站建设中用户需求作为课程网站用户体验设计要素首位，并贯穿始终，目的就是为了保证课程网站达到学生的真实期望；课程设计是教学理念和思想的重要体现；用户体验技术是课程网站实现教育教学效果的重要手段；课程及时更新则是课程建设效果的有效保障。这种模型将课程教学理念融入产品设计领域的用户体验，重拾了课程网站在教学体系中的地位，提高了对学生学习的黏性和效果。当然，除了UX元素模型外，基于用户体验的网络课程理论基础还包括认知心理学、设计心理学、美学等研究理论，由于篇幅所限不在此阐述。

五、基于“网页设计”课程网站的

用户体验实践设计

本文选取“网页设计”课程网站作为用户体验设计实践。将课程网站体验元素融入UX元素模型中，从五个层面阐述本课程网站用户体验所重视的元素，如图3所示。

这五个层面内容包括：

表现层（Surface）：视觉设计方面，由网页及其中图片、文字或其它flash元素组成表现层。

框架层（Skeleton）：表现层后是框架层，也是产品的界面设计、导航设计、信息元素设计及表格、按钮、文字、图片的区域位置等。

结构层(Structure)：框架层确定了结构层交互元素的区域位置，结构层就是交互设计与信息构架，解决用户如何到达这个页面，以及操作完之后去哪里的问题。

范围层（Scope）：结构层确定了网站功能需求和性能的最佳组合方式，而这些就构成了网站的范围层，即网站功能规格和内容需求。

战略层（Strategy）：即网站目标和用户需求，战略层是流程设计的起点。

这五个层面是一个自下而上的过程，根据课程特点将具体的用户体验要素在每个层面具体细化，是一个从抽象到具体的过程。下面对具体设计流程进行探讨。

（一）课程网站需求

“网页设计”课程是计算机相关专业一门重要课程，该课程知识点多、操作性强。通过课程网站能够让学生在课外时间学习额外的知识，展示课程资源，吸引学生在网站完成特定教学任务。按照课程需求以及用户体验设计思想，将课程网站功能结构分解为如图4所示。

（二）学生用户需求

学生是课程网站最主要的用户群体，学生的需求收集与分析要通过多种方法与渠道，可用网站调查分析、小组讨论、课上讨论、参考调查等手段，调查内容如表3，也可以在学生试用后不断完善。本网站的建设主要通过课上讨论与学生试用两种手段，首先在课堂上听取学生意见制作出网站策划书，形成网站建设方案；网站建立后通过试用，老师与学生交流意见，不断改进，最终形成完整的学生用户需求。

（三）WEB前端设计

WEB前端设计即课程网站界面设计，也是用户体验效果最直接的展示。根据“网页设计”课程网站内容的需要设计三级页面，分别为主页、栏目页、内容页。根据美国著名网站设计工程师Jakob Nielsen的F形状网页浏览模式，即人们大多不由自主地以 “F”字母形状的模式来阅读网页，本网站前端设计采用F型设计模式，将网站LOGO横向设计，形成一条横向的运动轨迹，这就是F字母的第一条横线；用户眼光略微下移，很典型地扫描比第一步范围较短的区域，此区域为网站主题介绍，这就又画了F字母中的第二条横线；用户眼光朝网页左边的部分进行垂直扫描，此部分内容为网站导航系统，这样就画了F字母中的一条竖线，如图5所示。“网页设计”课程网站设计采用F型，既满足了“品牌”在学生心理的作用，同时，也整体介绍了网站的框架，学生能够根据第一印象直达想要获取的资源，达到了用户体验可用性原则的目的。

（四）功能与内容需求

“网页设计”课程网站能够让学生掌握网页设计基本技能与实践能力，功能设计上有交互辅导、提问答疑等环节，同时提供课堂视频与在线测试等功能；内容设计上必须提供课程简介、教学大纲、电子教材、典型案例等栏目。在功能与内容设计基础上，结合前端设计元素设计网页效果。

（五）交互设计

UX模型中结构层是交互设计与信息构架，解决用户如何到达这个页面，以及操作完之后去哪里的问题。“网页设计”课程在设计交互设计时主要考虑搜索功能、问答帮助以及交流答疑平台、作业系统和测验系统等。搜索是交互设计重要环节，搜索功能设计尽量简洁，采用精确搜索与模糊搜索两种模式，搜索结果按照“F”字母形状的结果展现；问答帮助设计采用Ajax技术不刷新答疑方式，提高问答效率；交流答疑平台采用在线答疑、BBS、论坛等多种方式，学生对课程某些问题在网上展开讨论，发表自己的看法，也可以在线同老师交流，通过相互讨论和解答，使学生从中获得启发，达到最佳教学效果；作业系统包括老师的作业布置、评语、学生提交、成绩等功能；测验系统则针对每章知识点给出相应测试题目或模拟考试等相应功能。交互系统设计如图6，页面设计效果如图7所示。

（六）网站评估

“网页设计”课程网站评估即网站可用性测试，参照图2的网站可用性分析，采用用户测试法和满意度问卷的方式进行。测试流程为：① 选定测试内容，② 选择测试者，③ 测试并记录，④ 测试结果分析，⑤ 统计并形成文档，⑥ 指导课程网站修正。由于一般课程网站存在面对群体范围有限，测试用户成员单一的情况，网站评估存在一定主观性，后续研究中还要继续跟进，探讨有限范围内课程网站用户体验评估方法。

六、结论

本文通过分析国内部分高校课程网站建设现状，从课程网站品牌、视觉、友好、易用、有用的几个方面研究了课程网站建设质量要素，结合UX元素模型，提出将课程网站建设五个层面的体验元素融入UX模型的每个阶段中，提出了课程网站体验模型。同时，依据课程特点，在用户需求、前端设计、功能设计、交互设计等方面把握用户体验设计与信息构建的交叉，取得了良好的效果。

网站设计心得范文第4篇

【关键词】网页设计 ； 网页艺术； 创意 ；元素随着

Internet在中国的迅速发展，人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便，同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页！所以网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。如何制作一个完整的丰富多彩的页面，主要从色彩、框架，布局、优化这几个大方面对页面设计进行，而网页界面艺术设计的文字、图形、色彩、多媒体四个要素则是设计的关键之所在，而创新思维是网页设计的灵魂，巧妙的运用会让网页锦上添花。

1网页创意设计思维

一个网站如果想在浏览者中确立自己的形象，就必须具有突出的个性。在网页设计中，要想达到吸引浏览者、引起共鸣的目的，就必须领先网站自身独特的创意，因此创意是网站存在的关键。好的创意能巧妙、恰如其分地表现主题、渲染气氛，增加网页的感染力，让人过目不忘，并且能够使网面具有整体协调的风格。

创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。

1.1富于联想。

联想是艺术形式中最常用的表现手法，通过联想，人们在审美对象上看到自己或与自己有关的经验，美感往往显得特别强烈，从而使得审美对象与产品中引发了美感共鸣，其感情的强度总是激烈的、丰富的合乎审美规律的心理现象。

1.2巧用对比。

对比是一种趋向于对立冲突的艺术美中最突出的表现手法。在网页设计形式中加入不和谐的元素，把网页作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现，借彼显此，互比互衬，从对比所呈现的差别中，达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示网页的特征，给浏览者以深刻的视觉感受。

1.3大胆夸张。

夸张是一般中求新奇变化，通过虚构把对象的特点和个性中美的方面进行夸大，赋予人们一种新奇与变化的情趣。通过夸张手法的运用，为网页的艺术美注入了浓郁的感彩，使网页的特征性鲜明、突出、动人。

1.4趣味幽默。

幽默法是指网页作品中巧妙地再现喜剧性特征，抓住生活现象中局部性的东西，通过人们的性格、外貌和举止的某些可笑的特征表现出来，无限延伸到漫画的程度，造成一种充满情趣、引人发笑而又耐人寻味的幽默意境。幽默的矛盾冲突可以达到出乎意料之外，又在情理之中的艺术效果，勾引起观赏者会心和微笑，以别具一格的方式，发挥艺术感染力的作用。

1.5擅用比喻。

比喻法是指在设计过程中选择两个各不相同，而在某些方面又有些相似性的事物，“以此物喻彼物”，比喻的事物与主题没有直接的关系，但是某一点上与主题的某些特征有相似之处，因而可以借题发挥，进行延伸转化，获得“婉转曲达”的艺术效果。

1.6巧设悬念 。

在表现手法上故弄玄虚，布下疑阵，使人对网页乍看不解题意，造成一种猜疑和紧张的心理状态，在浏览者的心理上掀起层层波澜，产生夸张的效果，驱动浏览者的好奇心和强烈举动，开启积极的思维联想，引起观众进一步探明广告题意之所在的强烈愿望，然后通过网页标题或正文把网页的主题点明出来，使悬念得以解除，给人留下难忘的心理感受。悬念手法有相当高的艺术价值，它首先能加深矛盾冲突，吸引观众的兴趣和注意力，造成一种强烈的感受，产生引人入胜的艺术效果。

1.7以小见大。

以小见大中的“小”，是网页中描写的焦点和视觉兴趣中心，它既是网页创意的浓缩和升华，也是设计者匠心独具的安排，因面它已不是一般意义的“小”，而是小中寓大，以小胜大的高度提炼的产物，是简洁的刻意追求。以细节见整体，以管窥豹。

1.8以人为本 。

艺术的感染力最有直接作用的是感情因素，而以人为本是使艺术加强传达感情的特征，在表现手法上侧重选择具有感情倾向的内容，以美好的感情来烘托主题，真实而生动地反映这种审美感情就能获得以情动人，发挥艺术感染人的力量，这是现代网页设计的文学侧重和美的意境与情趣的追求。

1.9偶像崇拜。

在现实生活中，人们心里都有自己崇拜、仰慕或效仿的对象，而且有一种想尽可能地向他靠近的心理欲求，从而获得心理上的满足。这种手法正是针对人们的这种心理特点运用的，它抓住人们对名人偶像仰慕的心理，选择观众心目中崇拜的偶像，配合产品信息传达给观众。由于名人偶像有很强的心理感召力，故借助名人偶像的陪衬，可以大大提高产品的印象程度与销售地位，树立名牌的可信度，产生不可言喻的说服力，诱发消费者对广告中名人偶像所赞誉的产品的注意激发起购买欲望。

1.10古典传统 。

这类网页设计以传统风格和古旧形式来吸引浏览者。古典传统创意适合应用于以传统艺术和文化为主题的网站中，将我国的书法、绘画、建筑、音乐、戏曲等传统文化中独具的民族风格，融入到网页设计的创意中。

1.11流行时尚 。

流行时尚的创意手法是通过鲜明的色彩、单纯的形象以及编排上的节奏感，体现出流行的形式特征。设计者可以利用不同类别的视觉元素，给浏览者强烈、不安定的视觉刺激感和炫目感。这类网站以时尚现代的表现形式吸引年轻浏览者的注意。

1.12神奇迷幻 。

运用畸形的夸张，以无限丰富的想象构织出神话与童话般的画面，在一种奇幻的情景中再现现实，造成与现实生活的某种距离，这种充满浓郁浪漫主义，写意多于写实的表现手法，以突然出现的神奇的视觉感受，很富于感染力，给人一种特殊的美感受，可满足人们喜好奇异多变的审美情趣的要求。

1.13合理综合。

综合是设计中广泛应用的方法，从各个元素的适宜性处理中体现出设计师的创作意图，追求和谐的美感，是指在分析各个构成要素的基础上加以综合，使综合后的界面整体形式表现出创造性的新成果。

2网页设计几个元素的运用

2.1色彩元素。

网页界面艺术设计离不开色彩的应用，当打开一个网站的时候，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的布局，而是网站的色彩，尤其是在体现界面的时候，色彩对人的视觉效果非常明显，一个网站设计的成功与否，在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

网页界面设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页界面页面设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类：第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

2.2视听元素。

这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听，无需任何外部程序或模块支持。比如，大部分浏览器都可以显示GIF、JPEG图形和GIF89a动画。还有些多媒体文件（如MP3音乐）需要先下载到本地硬盘上，然后启动相应的外部程序来播放。另外，在浏览器使用插件（Plug-in）可以播放更多格式的多媒体文件。微软推出IE浏览器后，提供了基于OLE的ActiveX技术，用来在网页中播放多媒体。目前ActiveX已经成为热门技术。另一种播放多媒体的技术是JavaApplet。它是用Java语言编写的应用于网页之中的小应用程序，相比于插件和ActiveX，JavaApplet具有更大的灵活性和良好的跨平台能力，因此具有很好的发展前景。总之，技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛，使浏览者可以享受到更加完美的视听效果。这些新技术的出现，也对网页的艺术设计提出了更高的要求。

2.3多种媒体的综合运用 。

动画制作网页界面艺术设计，肯定也少不了动画的加入，并且还要有艺术气息在里面，这就要求我们的设计者要有艺术修养和对颜色的综合把握了，在没有FLASH软件之前，用的是Go live这个软件，再后来就用传统的做法，在html中嵌入Java程序编写的动画，但这要求设计者要对Java语言熟悉。随着软件的发展，如今有了许多制作动画的软件，二维的、三维的等等，如现在我们用的FLASH软件，用它制作的动画，小巧迷人，只需作为一个.swf格式文件导出，再导入到网页编辑器里就可以了。

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流（Stream）技术的推动下，Internet网上出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，是未来的发展方向。

总之，网站艺术的使用及产生的风格在整个网页设计中具有很重要的作用，是社会公众对一切网络性状的认识和评价。范围广、速度快、信息多的网络传播是网站形象的传播形式，网站形象利用网页完成视觉传达，具有交互性与持续性、多维性、多媒体的综合性、艺术与技术结合的紧密性等表现特征；设计主题鲜明、形式与内容统一、网站形象的整体性是网站形象设计要把握的原则；网站形象设计的整体定位、适当增加动感化设计、注入情感化设计等艺术手段，是有效树立网站形象的策略；而创意思维则是网页设计的灵魂。随着时代的飞速进步、技术的不断变革，将不断地赋予网站形象设计以新的内涵与表现，为网页的设计“锦上添花”。

参考文献

[1]胡锐《企业形象学》浙江出版社.1995.8.第2页.

[2][美]马丁?林兹乔姆， 蒂姆?弗兰克?安德森《互联网品牌策略》上海科学技术文献出版社.2001.1.

[3][美]Jack Dvis&Susan Merritt.王国春，张琦译《网页设计创意与精品赏析》 北京大学出版社.2001.1.

网站设计心得范文第5篇

[关键词] 网站 可用性 界面设计

随着时代的发展，网站的建设越来越接近于一门艺术而不仅仅是一项技术，网站的界面设计是艺术与技术的高度统一，是伴随着计算机互联网络的产生而形成的视听设计的新课题。同时，网站的界面设计需强调交互过程，即一方面是网站的信息传达，另一方面是用户（人）的接受与反馈，对网站的信息都能动地认识与把握。即网站的可用性界面设计是一个人性化的课题。

一个好的网站应该有：非常好看的设计、友好的界面、毫无缺点的结构、智能化的后台处理、非常优秀的内容以及优良快捷的交互性。即网站的建设具有交互性与持续性、艺术与技术结合的紧密性等特点。网站的可用性界面设计在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://:www.51UI.CN

[2]马月:网站界面设计.北京理工大学出版社，2006年8月