网站设计心得体会最新.docx

1、网站设计心得体会最新网站设计心得体会记得那年那一年我正式成立公司当时还在天河体育西路的时候，心想如果真功夫能够给我接到手做他们的网站就好了，想不到在XX年的前一个月朋友就透露说真功夫需要改版，我那时后有点兴奋，因为终于有机会了，我自己负责设计我很幸福的申请投搞真功夫的官方网站设计，当时竞标的公司都必须有邀请竞标书才可以参加，我查了一下参加竞标的公司有好多，十几家公司一同参与竞标，他们都是行内顶尖的网站建设服务供应商，要争取下来真的有点困难，但我还是坚持一试，于是我委托一些行内朋友帮我弄到了那份竞标书，也联系上了真功夫的网站建设负责人，我们约好了具体面谈的时间，那天好紧张，同事们很努力的帮我做好

2、了ppt方案。同我一起前往的还有一位合伙，他主要讲技术，我主要讲设计同一些新的想法，那天去到那里好忙里面好忙，在我们之前的还有两三个供应商，他们已经是提了好几次方案了，我心想他们会不会已经谈得差不多了，心理有点不大有把握的感觉，到我们了，我们在会议室了等着，大概五分钟后，有位带黑边眼镜的男人进来了，看起来很有严肃，他坐下了同我们聊了会，问你们怎么会用我们的竞标书，我当时不知道怎么说好，只好说是朋友介绍的，他：哦了一下，说：没所谓，反正我们要的是能够提供好作品的供应商，不过你们应该是比较晚来了，他们已经出了好多方案了，你们是否也也什么方案呢？我们把ppt方案拿出来跟他讲述了我们的构思同想法，我们

3、的卖点是突出真功夫的新鲜便利互动体验几个方面，新鲜呢就主要是体现出其食品的确是既新鲜又有营养，另外就是网站形式多样自由更新变换，给会员有新鲜感，便利就是其自己维护便利，互动就是充分利用互联网同网下会员的一中互动活动，体验就是设置一些游戏给会员亲身体验其品牌文化，从中让会员在体验中深入了解同认识其品牌意识，深深的记忆在消费者脑里。另外由于真功夫的食物主要是以蒸煮为主的，很有中国特色的一种传统文化，所以我们设置了一些中国文化的元素在我们的方案当中。我们大概聊了大概一个多钟，大家都聊得很开心，但最后他给我一句话让我压力更大，他说：你们作个平面方案过来吧，我对设计的要求很高，虽然我们初次谈得不错，但最

4、终还要看实体，如果你们过来的平面不行的话我们就不必要继续谈下去了。包括其它供应商也是这样。当时，我压力好大，因为所有的希望都寄托在这一个平面上了，但冲着这一点我决定我要加班就算是不睡不喝也要把他做好，我回家后收集了好多相关的资料，然后做了一个平面过去，要清楚，这个平面是生死稿，行就继续不行就会前功尽弃，所以当时做这个稿做了我一个通宵，总共做了我26个小时，幸好，反馈回来的不是坏消息，兴奋的继续做深入的方案。我们第二第三次会面了，从中我们的方案逐渐令到他们觉得我们很有实力很有信心做好。在几次的会谈当中，我们出了好几款风格平面给他们，在中我们有想过放弃，因为当时根本还没确定是否给我们签合同，不过我

5、坚持还是做下去，因为我很希望能够做好这单，毕竟也付出了这么多，不可能半途而费。幸好最后我们的态度同设计都令他们感到合作的诚意，于是终于把合同给签了。工作也陆续开展下去了.他们每到节假日都会做一些活动，我们当然都会帮他们做一些活动推广。包括活动中的游戏体验等。到最后虽然过程是艰苦的，但结果是开心的。结束语：万事都有转机，只要您坚持到最后就会有好的收获。很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。

6、对于一名优秀的网站设计师来说不能绝不能放过任何一点小细节，本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。一、网站风格/创意风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服

7、、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网二、网站LOGOLogo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站lo

8、go的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。如：全球五金网logo三、视觉流程人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们

9、的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常重要。生活中我每天上网都要接触到网页，原来没有留意过网页的设计，但是经过这段时间的学习了解，现在我打开一个网页都会习惯性的先看看排版、布局和色彩运用。通过老师的讲解和对课本的翻阅，我学习到了一些关于建设网站和制作网页的知识，对网页制作的基础知识也有了一定的掌握。通过Dreamweaver制作网页，我用到了一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等。但是在自己尝试着做的时

10、候，总是出现这里那里的问题。不是图片不能固定在自己想要的位置，就是滚动文本的显示区域不知道为什么撑过了页面，还有就是不同分辨率、不同浏览器都会对浏览网页产生影响。而且在CSS方面，我总是不太熟悉各种代码是控制哪些东西的。除了查找解决问题我还总结了经验。例如：1、命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者tu，这样可以避免页面调用时不正确的现象发生。2、调用Style时可以单击鼠标右键选择CustonStyle来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生

11、的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。例如Flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，可以很直观的反映出效果。页面设计应以美观、大方、简洁为原则，保持一致的风格。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。网页最主要的功能就是给每个上网者提供一种形式，让他们能够了解网站提供的信息。要研究网页设计，就需要站在用户的角度

12、来看。用户是一个网站成败的关键。如果用户要花很多时间进入网站，很有可能他会立即关掉网站，或者网站操作很不方便用户也会马上离开，这种网站是很失败的设计，只会让用户失望的离去。所以网页容量即包括图像在内的网页字节数最好不要超过50K。还涉及到界面弱化的问题。一个好的界面设计它的界面是弱化的，它突出的是功能，着重体现的是网站业提供给使用者主要是什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质，1秒内就知道该从哪个地方开始使用这个网站，能点一次的，绝不点第二次。当然上面说的是大多数功能性网站，对于宣传展示性网站，诸如加特效的或Flash网站，可能就不得不花哨一些，但不

13、能太过分。网站不是动画片，在效率越来越高，社会心理越来越浮躁的中国，人们的耐心越来越小，心理承受能力越来越低。效果可以体现意境，点到为止。下面简单介绍下网页设计的理念和要点。网页设计理念：（1）内容决定形式：先把内容充实上，再分区块，再定色调，再处理细节。（2）先整体，后局部，最后回归到整体：全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。（3）功能决定设计方向:看网站的用途，决定设计思路。商业性的就要突出赢利目的；政府型的就要突出形象和权威性的文章；教育性的，就要突出师资和课程。网页设计的两大要点是：整体风格和色彩搭配。一、确定网站的整体风格:1、将

14、标志logo，尽可能的放在页面最突出的位置。2、突出标准色彩。3、总结一句能反映网站精髓的宣传标语。4、相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的。二、网页色彩的搭配:1、用一种色彩。指选定一种色彩，然后调整透明度或饱和度，这样页面看起来色彩统一，有层次感。2、用两种色彩。先选定一种色彩，然后选择它的对比色。3、用一个色系。就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。在网页配色中，还要切记一些误区：1、不要将所有颜色都用到，尽量控制在三至五种色彩以内。2、背景和前文的对比尽量要大(绝对不要用花纹繁复

15、的图案作背景)，以便突出主要文字内容。针对我所学的平面设计方向，那么这次应用到了创意思维，版面设计，色彩配置。图形创意等方面都很重要，对于网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，版式设计通过文字图形的空间组合，表达出和谐与美。不积跬步，无以至千里。我已经在老师的指引下迈入了网页设计的大门，在今后的闲余时间继续认真学习制作网页的更多知识以实现自身技能的提高。网站设计是网站设计与维护专业的一门综合实训课，安排在第四学期授课，总共108学时。该课程是基于photoshop、flash和dreamweaver三门课程已经开设过的基础上的一门综

16、合实训课程，主要包括客户需求分析、网站风格定位、网站效果图草图设计、网站建设方案的.制定、网站效果图、横幅flash广告制作、网站的搭建、征求客户的意见修改完善网站等内容。然而，传统的教学模式一般采用接受教学和案例教学两种形式，教学方法比较单一，学生也能掌握其中的知识和技能，但是应变能力比较弱，综合运用能力不强，远远不能达到用工单位对学生的要求，学校的教学与社会生产实践往往出现脱轨现象。为改变这一现象，本人在该项课程中引入项目教学法，取得不错的成效。一、项目教学法所谓项目教学，就是师生通过共同完成一个完整的项目工作而进行的一个教学活动。这种教学活动对学生的学习成绩的提高、经验的丰富和技能的增强

17、起到非常明显的效果。项目教学的前提是“项目”。“项目”是要在一定时间里，在预算规定范围内需达到预定质量水平的一项一次性任务。项目具有确定的目标，有明确的开始时间和结束时间。“项目导向式”教学就是组织学生真实地参加项目设计、履行和管理的全过程，在项目实施过程中完成教学任务。设计类专业中，这种教学活动显得尤为重要。二、项目教学法的一般流程在实际教学中，项目实施是将某一教学课题的理论知识和实际技能结合在一起，通过对已有知识、技能和新学习的知识、技能的应用，解决实际问题的过程。项目教学法在实践中，一般按以下五个步骤实施：1、项目调查在实际教学中，项目实施是将某一教学课题的理论知识和实际技能结合在一起，

18、通过对已有知识、技能和新学习的知识、技能的应用，解决实际问题的过程。选取具有代表性的项目。首先，项目要包含全部教学内容并尽可能自然、有机地结合多项知识点；其次，项目的难易度要针对学生的实际水平来确定；且要让大多数学生感兴趣，并可以用某一标准（如色彩运用、版式设计、技术难度、应用价值等）公平准确地给予评价，此评价中应包含企业的评价对学生来说会更有意义。当然，不是每个项目都能面面俱到，教师可以根据具体的培养方向（掌握新知识、新技能还是培养综合能力）来确立最佳项目。2、制定平面设计规划确定项目在制定项目时，要进行科学规划，力求所制定的项目不仅有利于教学的开展，而且有利于调动学生的学习积极性。要对具体

19、的项目提出明确的知识目标和能力目标。我们将网站设计课程的总项目确定为开发一个具有简单交互功能的网站，并根据其涉及的知识点，将课程总项目划分为若干个子项目，每个子项目再根据知识点划分为若干个由基本知识、基本操作构成的实验项目。项目以任务书的形式下发给学生，在设计报告及项目展示等阶段要求学生写出时间和目标。3、细化工作制定项目计划项目准备完毕之后，要对项目涉及的问题进行分析，确定操作步骤，选择相应的方法，制定操作计划。在此阶段，学生的主要任务是制定项目实施计划，即步骤、方法、使用工具和材料。教师的主要任务是关注学生的做法是否正确，并进行启发和指导。4、实施计划实施项目计划这是项目教学的关键。在这个

20、环节里，每个团队将根据自己制定的项目计划来实现计划目标。要求学生注意两点内容：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的素材，而且要在学生实践操作过程中边观察边指导。这个阶段，教师要鼓励学生多发挥自己创造力和想象力，鼓励学生多自己去摸索掌握知识。学生在实践中摸索、总结出来的知识对于学生以后的平面设计是非常重要的。5、总结评估学会总结，是完成项目的过程中必须要培养学生的一个职业习惯。总结要分为几方面，第一是让学生总结，在项目实施过程中要求学生边实践、边总结，最后项目组形成一个总结报告和项目完成的自我评价；第二是教师总结整个问题加以强调；第三是

21、企业评价，如果是企业提供的真实项目而非虚拟学习性项目时，要是能请企业专家对学生的作品给予评估对学生是有非常重要意义的。三、项目教学法实施过程(附件一)1、项目确立本人将教学内容分为独立的项目，每个项目都以实例操作为主，每个任务都有详尽的操作步骤。每个项目中除讲解典型案例外，还提供了二三个让学生自己动手操作的实训，以巩固所学的技能。2、项目分析老师与学生共同讨论“项目”的题目，以便了解学生已有的经验以及他们对此项目已有的知识。学生在讲述他们的经验和表达他们对已知概念理解的同时，对此项目的兴趣不断增加，并能在老师的帮助下，逐步设计自己的活动，老师启发和帮助学生查找设计项目活动中要调查和解决问题。3

22、、项目实施在具体实施过程中，关键在选“项目”，此时应注意以下两方面的问题：（1）选题要与实践相结合，选择实用的、学生感兴趣的比较熟悉的项目，例如在课程开始前先让学生看一组知名网站的网页设计案例，学生一下子就被吸引住了。这时向学生说明本学期教学的最终目标就是要实现类似效果图的制作。学生对任务能够产生形象直观的认识并加以联想，便于从各方面加以研究，有助于项目的开展。（2）选题要考虑到学生的实际能力，难度适中为好。难度过小，没有挑战性，学生不爱作，也起不到锻炼的效果；而难度太大，学生经过多方努力也不能做好，容易产生畏难情绪，挫伤学生的积极性，变得不爱学习，结果适得其反。我们在教学中采用分组的方法将班

23、级学生分成三组，每组选一名“项目经理”（为了给学生创造更多的机会，我们一般选择由团队的学生轮流当项目经理），让学生以团队为单位制定项目计划。例如，在做“学校主页”这一项目时，教师先是将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成此项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制出草稿图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养。在制定项目计划过程中，教师一定要尊重学生的个性发挥，避免计划的千篇一律，鼓励学生形成自己的特色，使学生的主观能动性得到充分发挥。制定好计划后，教师要让每个团队的“

24、项目经理”介绍自己团队制定的计划，并说明设计的理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师只需在计划的可行性及完整性等方面进行把关，适当地将自己的见解告诉学生，帮助提高计划的价值。4、项目验收（附件二）某个项目结束后要通过作品的展示进行过程分析，对每个学生做出正确的评定。评定从两方面入手：即结果性评定和过程性评定。结果性评定主要是考察学生是否达到了学习目标，过程性评定主要是考察学生的学习能力、协作能力、工作态度。为了使评定具有可操作性，我们分为三个层次进行评定，即自评、组评、师评。项目的最后阶段由老师安排一次项目活动总结会。老师帮助学生选

25、择不同内容和不同方式，让他们有目的地展示自己开展活动的全部成果，让学生表达自己学会了什么，并分享他人成果的快乐，从而激发学生新的兴趣，转向新的项目活动。针对所教班级的实际情况，本人主要采用了成果展示的方法，由小组的发言人全面介绍项目的实施过程、取得成果情况，有哪些收获，这种活动不仅锻炼了学生的合作能力、动手能力，也提高了学生的语言表达能力和解决问题的能力。四、实施项目教学法的心得体会1、重视项目的完成，但不能忽略基础知识的掌握。注意吸取传统教学法的长处，把总目标细分成一个个小目标，每个小目标体现在项目中的小模块上，从而让学生建构一个系统的、全面的知识框架。2、强调了学生学习的主体性，并不能认为

26、教师的任务就减轻了。其实教师的职责不但没有减轻，反而还加重了。因为教师不但要对任教科目融会贯通，随时回答各类学生提出的各种问题，而且还要为学生创设学习的情景、培养协作学习的气氛、审核项目的选取等。3、学生分组是一个容易被忽视的环节：由于采取分组协作学习的方式，所以分组的原则、组员的搭配、工作的分工、成员的数量等等直接影响着组员的学习。实验证明，每组人数应控制在56人，人多手脚乱、意见不一；采取互补方式进行搭配，有利于同学之间互相学习；组员分工要明确，防止出现依赖思想。4、由于采用自主学习方式，学生的个性化得到充分的发展。但还应当注意学生的两极分化。特别是个别后进生，他们的自学能力和自控能力都比较差，容易产生依赖思想。无所事事，所以要结合推行“一帮一”的措施，安排学习先进生对后进生给予及时的帮助和纠正。通过项目教学法，把学生作为学习的主体，通过完成项目把理论和实践有机地结合起来，不仅提高了理论水平和实操技能，而且又在教师有目的引导下，培养了合作、解决问题等综合能力。同时教师在观察学生、帮助学生的过程中，开阔了视野，提高了专业水平。可以说，项目教学是师生共同完成项目，共同取得进步的教学方法。是适合中等职业学校教学的切实可行的好方法，对于人才的培养有很大的帮助，今后希望有更多的中等职业学校的学生通过项目教学法，掌握更加多的知识和技能为社会作贡献。【网站设计心得体会】