网页设计心得（最终版）

第一篇：网页设计心得（最终版）

网页设计心得

现在行业网站发展很快，很多站长都准备在这个领域一展身手，下面这些关于行业网站设计的思路，应该对大家有很大帮助。

很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等„„有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。

一、网站风格/创意

风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想。

二、网站LOGO

Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。

三、视觉流程

人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。

这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。

四、网页框架与布局

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等。这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。

1． 分辨率

网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

2． 合理广告

在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。

浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等„

3．空间的合理利用

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到

很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。

并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。

4．文字编排

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。

4.1文字图形化

文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。

4.2强调文字

如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。

第二篇：网页设计心得

网页设计学习心得

姓名：冯宇婷班级：09艺设一班学号：0908021006指导老师：葛书河

网页设计学习心得

随着社会的发展，计算机和网络已经深入到我们的生活。网页设计业也随之变成我们当代大学生需要掌握的一项技能。为了符合时代的发展，学校也为我们安排了网页设计的课程。

通过几周的学习，我掌握了制作网页的一些基本技能。同时也加深了对photoshop、fireworks这些辅助网页制作软件的了解应用。

在整个学习过程中，老师主要是通过将现有的一些优秀网页作为教程模板，对网页的制作过程进行拆解分析，向我们教授网页制作的方法和技巧。

在整个网页制作过程中，表格的构思、图片的处理、超级链接的建立，表单的设立等等，每一个步骤都是需要细致考量的。

就拿表格来说，在网页制作中，表格起着至关重要的作用，是网页制作的基础，作为网页的骨架，决定了网页的排版。在明确了网页的主题之后，要考虑的就是表格框架的构成。一个好的框架可以使网页的制作更加简洁方便，提高制作网页的效率。

当然，网页制作并不是像想象中的那么简单，其中让我觉得比较意外的是图片的处理。在网页制作过程中，图片的插入是吸引网页阅览者注意力的主要方式。但是图片的处理却比较特殊，插入网页中的图片为了能够在较短的时间内被阅览，就要保证图片的内存很小，所以图片的像素较低，同时图片保存的格式也应看图片颜色的实际情况

而定。所要插入的图片如果需要进行调整，必须要通过别的软件进行处理，同时还要对图像的大小进行估计。这就需要dreamweaver与photoshop的通力合作了。对于我来说，图片的处理还存在一定的难度，一张图片处理的好，需要的不仅仅是能够熟练使用软件，还需要有创意。

在网络的世界中，几乎没有哪一张网页是孤独存在的。单张的网页不免显得单薄，缺少内容。为了能够满足大众更多的阅览需求，将不同网页中相关内容联系在一起变得举足轻重。此时，超级链接就开始发挥其“说客”作用，将图片与文字进行不同的组合，使网页形式更加丰富的同时也为阅览者提供了更大范围的阅读量。如果表格和图片是网页的血肉，那么超级链接就是网页的灵魂，主导着网页的扩展方向。

通过网页设计这门课的学习，我已经掌握了一些基础的格式设定，这让我受益匪浅。但是那是远远不够的，在网页设计的过程中，我接触到的当然不是只有这些。其中表单的设计、css样式的设定、代码的编写还有很多的内容需要我自己去深入学习。更多的内容都需要我通过不断练习和发现才能真正熟练应用。

第三篇：网页设计心得

一.充分发挥动手能力作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。这次的教改方案由以前我们单纯接受知识变为主动参与教学活动。在这样的压力和动力下，通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页，到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页，完善网页。在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、Flash、Fireworks等网页软件的应用，学会了管理、维护自己的站点，以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

三.不足之处对于网页设计软件的强大功能运用得还不够。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时 也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。

第四篇：网页设计心得

网页设计心得

一转眼，网页设计课程已经结束。这门课程对于我们理工科的学生来说是非常实用的，只可惜在刚刚学到一些皮毛就要告别对它的学习。

老师给我们布置的期末作业是制作一个小型网站，下面，让我介绍一下我们小组制作网页的一些心得。

我们小组选定的制作主题是军事，相比起其他的一些小组来说，我们制作的网站虽然涉及的方面比较少，但是却避免了杂乱无章和内容显浅的情况出现。我们不求大不求多不求广，却是求精，求专业。我们希望能够用我们小小的力量像蚂蚁搬家一样搭建一个大大的网站。

在制作主页的时候，我们费了较大的周折。整个团队提出了几个不同的布局方案：A，按历史的发展编排主题。B，按最新的军事科技进行系统介绍。C,按各种海军，陆军，空军的发展史进行制作。每种方法都有各自的优缺点，最后，我们选择了比较折中的C方案。于是，在我们的主页就可以看到这样一排主题：海军，空军，陆军，十大元帅，军事趣文

十大元帅和军事趣文这两个主题是我们在后期制作中添加进去的。我们认为新中国建国后的十大元帅为中国的军事发展做出了不可磨灭的奉献，在我们的军事网站中缺少了他们是怎么都说不过去的。牢记历史，把握今天，这也是我们的初衷。后来我们又感觉单纯讨论、介绍军事和兵器知识实在过于严肃，所以就特别添加了“军事趣文“这个版块。

在制作过程中，我们通过动手实践更加加深了对Front Page 2003的认识，同时也锻炼了我们的操作能力。对于主页，我们多用表格进行排版，因为主页主要是排放图片、各版的文字介绍、最新军事新闻等内容。只有使用表格才能使主页看起来更加整洁规范。在主页我们使用的主色调是黑色和白色。因为我们确定的风格以严肃、专业为主，选择黑色和白色会看起来会更加严肃。在选择图片的时候我们也尽量避免选择过于花哨的图片，以配合我们的主题和风格。

我制作的板块是军事图片和军事趣文。在安放图片的时候我选择使用“图片库”组件，这样让可以让图片看起来更加整洁美观，不会显得杂乱无章。使用幻灯片的形式播放页可以增加网页打开的速度，也能让浏览者感受到我们的用心。在军事趣味版块我也花了很多心思去收集考证资料。在网上，随便就能搜索到很多军事方面的趣文。但是，为了突出我们的网站的专业性，我在选择资料方面还是比较谨慎的。一些有伤领导人形象，无法考证的无稽之谈是坚决不不要，败坏人民军队名声的坚决不要。我的目的只有一个，全力打造我们专业的军事网站。虽然短短的几十个课时就这样结束，但是我们今后学习网页制作的步伐却不会停止。在今后的日子里，我们仍会自行学习网页设计内容，我们的目标是力图全面掌握网站制作知识，努力完善我们制作的网站，最终让我们的网站真正上网，打造全中国最专业的军事网站！

非常感谢卢老师对我们指导，谢谢！

第五篇：网页设计心得

学习网 页 设 计 的 心 得

学院：班级：姓名：学号：

新的一学期又开始了，本来对电脑操作之类的课程学起来有点困难的我，毅然决然的报了这门网络设计课程。我不禁对该门课程产生了浓厚的兴趣。平时，总是在寝室里开网页逛淘宝，看各种的电视剧，但是，仔细一想他们的制作原理，还真让我有所好奇呢。于是呢，我就进入了这门课程的学习。

这学一门学科重在入门，跟学习别的东西一样，学习网页设计也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。通过个人网页的制作最终把自己的网页上传到互联网上，那种成就感是无法用语言形容的。

学习网页设计需要耐心，如果你没有耐心，你学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了半个月时间才解决。还好在这期间有老师进行耐心的指导。不得不很惭愧的说，很多时候老师讲完一遍之后，我仍然会因为一些细节上的问题，而导致之后的步骤难以进行，或者是不能显示出应有的效果。这是我很头疼。我也曾经放弃过，觉得这门学科无聊又难懂，可能我天生就不是学习这块的料儿。但是，老师从来没有放弃过哪个同学，面对着频频出错的我们，一直都耐心讲解，并且帮助我们解决困难，老师的热心，对学术专研的认真严谨的态度深深地印在我的脑海里。老师时常微笑着替我们解答，这让我感觉如沐春风。感觉自己上了大学两年了，很少有老

师这样的关注我，上课睡觉，玩手机是常有的事情，但是，自从上了这一门课开始，我好想找到了自我一般。不再是那个进入大学之后懵懵懂懂，自暴自弃，对自己完全没有约束任由自己随心所欲的自己了，我感受到了人与人之间的相互理解包容，我在老师的鼓励中，感受到了动力的源泉。我想到了最初，那时，我刚刚进入大学对未来的一切都有着美好的盼望，但是，慢慢地都被现实磨干净了，不再是那个每天开开心心有目标有理想知道自己想要做什么的我。那么从现在开始的我就从做好网页设计的每一步开始，仔仔细细，认认真真，完成自己最初的梦想。做一个积极向上阳光的人。

我想学习一门学科不单单是这门学科的基础内容，更重要的是它让我感受到了生活的真正意义，这是我受益匪浅。更加感谢老师，或许很难想象，但是他就是这样的影响了我的生活。所以，在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。