- 相关推荐
网站设计心得体会优秀
我们有一些启发后，不妨将其写成一篇心得体会，让自己铭记于心，这样能够让人头脑更加清醒，目标更加明确。但是心得体会有什么要求呢？以下是小编收集整理的网站设计心得体会优秀，希望能够帮助到大家。
网站设计心得体会优秀1
很多设计师认为做好了企业网站就一定能够做好行业网站的设计，其实对设计来说行业网站和企业网站的设计截然不同，对整个网站的创意、风格、整体框架布局、文字编排、图片的合理利用，空间的合理安排上面等…有着许多诸多的要求，需要考虑的面更广，面对的问题也会更多。对于一名优秀的网站设计师来说不能绝不能放过任何一点小细节，本篇文章简述的是设计师在做行业网站时所需考虑的一些问题。
一、网站风格/创意
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而企业网站设计师往往就缺乏这一点，没有全局意思。创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的`创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网
二、网站LOGO Logo
顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：
1.直接以网站网址作为logo。
2.根据网站提供的产品/服务特点展开logo设计。
3.以传递网站运营商的经营理念为特色。如：全球五金网 logo
三、视觉流程
人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。
网站设计心得体会优秀2
实训刚刚开始的时候由于自己的基础不够扎实，所以当时跟不上老师的步伐，只能一个人独自坐，慢慢的由于熟能生巧，我慢慢的就跟上来了。一个步骤的开始就可以连着几个步骤，同学们也在认真的帮助我，我很感动。同时我也学会了使用快捷键，以前我很不在意这，因为感觉那是在取巧。可是现在效率的明显提高让我慢慢的开始重视它的使用了。快捷键的使用，这是Photoshop基础中的基础，却也是提高工作效率的最佳方法。快捷键的使用，使你可以将精力更好的集中在你的作品而不是工具面板上。一旦你能够熟练的使用快捷键，你就可以使用全屏的工作方式，省却了不必要的面板位置，使视野更开阔，最大限度的利用屏幕空间；一些简单的命令可以用键盘来完成，不必分心在工具的选择上，哪怕它只占用了极少的时间，但我们更希望在工作的过程中能够更有效率。我们把网页设计与制作中涉及到的理论和实践更好的结合起来，我对网页设计与制作这本书有了更深的理解，在flash制作方面有了很大提高，操作能力也
得到了增强，使我们了解到无论做什么事都要有足够的耐心，还要认真细心。在做题时要对自己做过得东西进行仔细的检查，同时也使我了解到同学之间要相互协作、共同努力。这次培养和考察了我对计算机的实际应用能力，注重了技术技能的培训，每一步骤和每一技能点相对应，使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能，将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件，不仅仅要掌握软件的操作，还需要掌握图像和图形方面的知识，比如图像类型、图像格式和颜色模式，以及一些色彩的原理知识等。也只有这样，才能按要求，合乎情理，有效地发挥创意，创培训，每一步骤和每一技能点相对应，使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能，将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件，不仅仅要掌握软件的操作，还需要掌握图像和图形方面的知识，比如图像类型、图像格式和颜色模式，以及一些色彩的原理知识等。
也只有这样，才能按要求，合乎情理，有效地发挥创意，创在这为期两周的实训中通过老师的认真讲解，让我对所学的知识有了一个重新的认识，他们教会了我在学校里许多学不到的知识，教了我许多关于设计的小技巧，这些小技巧是非常的实用的，能够节省我的许多时间从而让我能够够快速的完成任务，并且老师的讲解给我打开了一扇大门，让我仿佛看到了我的专业的未来的曙光，也让我对于自己现在的'专业充满了信心，让我有了更加多的激情投入到本专业的学习中，同时也让我对于我们的相关专业也有了一些了解，从而有了更多的选择机会，不会再像以前茫然不知所措了，有时候老师的一句话能够让我解决我许久以来的迷惑，所以老师的作用是巨大的，老师就像是一道曙光让我在迷茫的道路上不断的前进，给了我前进的放向。在这两个周里通过老师的指导，我不断完善我的设计网页面的基础，并且掌握了许多在课堂上学不到的小技巧。有理由相信，这些洞悉的积累会对我这个即将走上社会的大学生菜鸟很有帮助。在不断丰富我知识的同时，我慢慢的认掌握识到了自己的知识还太少，需要大量的综合性的练习来完善。
现实性的东西得靠实践来完成，以往自己的眼高手低只是一个笑话而已。目的不是关键，真是有用的是在实训的过程中你是否让自己体验到了在公司工作的那种氛围和严谨，平时在做页面的时候总是不太严谨，马马虎虎的敷衍了事，可是一旦踏入社会，这些臭习惯会害了自己，同时也会影响公司的运作和效益。老师的谆谆教诲总是萦绕在自己的耳边每当自己重复自己的老毛病时，知道社会
的无情和残酷，我又何必再拿自己的前途开玩笑。老师曾经不止一次的说过不能迟到，在学校养成的拖拉的习惯一直在摧残着我，在以后的工作学习中，我会努力的改掉习惯不良的习惯，争取能再踏入社会的时候找到一份自己满意的工作。
网站设计心得体会优秀3
现在网站制作越来越智能化，简单化，很多网站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自动化完成。
比如网站的内容更新操作，现在许多的CMS系统都有采集插件，MetInfo也不例外，只要设定好一些规则，每天都不用自己管理内容的更新，网站便会自动采集内容更新，相比起人工更新来说更加准时与定量，也能喂好搜索引擎的蜘蛛。当然如果你是做自己独有的产品优势，可能这种办法就不太适用你了。
比起手工建站的方式，现在的CMS建站，完全不用靠自己聘请专门的程序维护员，来维护网站的.稳定性，如同现在的云服务器一样，只要把服务器交给其他人管理就行，而且相比起来，他们更加专业，也更加实惠。
在营销方面，许多建站系统都考虑的比较周全，SEO都只是最基本的及格建站系统，很多都搭配了三站合一甚至是四站合一，多样的营销方式，完全不用像以前一样带着文案自己谈客户，一手掌握互联网所有客户，只要你的营销手段高明，基本上不用愁网站的流量。
建站方面，需要注意的就是选择一个好的建站系统，完全可以在网站建设这条路上少奋斗几年。
同样的，随着建站的门槛越来越低，建站的人也越来越多，许多传统行业也融入了进来，与大市场伴随而来的是竞争激烈程度越来越大，想要在网络这个大市场赢得成功，就必须要时刻保持对市场敏锐的嗅觉力。
网站设计心得体会优秀4
做出一个好的网页一般都离不开dreamweaver，flash，photoshop这三个软件，当然，还可以用到其他一些辅助软件就会加快网页的设计了，比如：
SothinkDHTMLMenu等软件，这些软件不仅可以快速开发出导航，logo等，而且很漂亮，美观。
制作网页，首先是确定主题，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，每一部分又分几小部分，内容比较充分，多样。内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。
而我们这次的实习就是用这几款软件来设计，主要使用div+css来布局，避开传统的table（表格）布局。
DIV+CSS的网页布局对SEO的好处一、不存在表格的嵌套问题：很多“网站如何推广”的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎相关的官方证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，Spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，蜘蛛（Spider）爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。
DIV+CSS的网页布局对SEO的好处二、精简的代码使用DIVCSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。观看更多的HTML教程内容。
代码精简所带来的直接好处有两点：一是提高蜘蛛（Spider）爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处；二是由于能高效的爬行，就会受到蜘蛛（Spider）欢迎，这样对收录数量有很大好处。
而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer（seo工作者们）们在文章中说明了这一点，相信他们也不是没有依据。
DIV+CSS的网页布局对SEO的好处三、对搜索引擎的排名基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的`网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。
DIV+CSS的网页布局对SEO的好处四、提高网页的访问速度：DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在蜘蛛（Spider）爬行时是非常有利的。过多的页面代码可能造成爬行超时，蜘蛛（Spider）就会认为这个页面无法访问，影响收录及权重。
真正的SEOer（seo工作者们）不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。换一个角度抛开DIV+CSS对SEO的有利影响。单独来讲这种div+css布局也是很有益的，可以说是实下是最流行的网页布局方式。当然div+css布局也有不完善的方面。
总之Div+css布局的优势如下：
由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。
页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。由于使用了DIV+CSS制作方法，在修改页面的时候更加容易省时。根据区域内容标记，到CSS里找到相应的ID，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。
我们都知道网站做出来是给浏览者使用的，对浏览者和浏览器更具亲和力，DIV+CSS在这方面更具优势。由于CSS富含丰富的样式，使页面更加灵活性，它可以根据不同的浏览器，而达到显示效果的统一和不变形。
好的网页，也离不开photoshop，前面我也说了，flash的制作所需要的图片都要在photoshop中事先PS好的。那么photoshop的作用就显得很重要了，网页中的flash都仅仅是一小部分，图片占的分量还是比flash要大的，故好的
photoshop技术，那么PS出来的图片就会显得更好，这样网页的档次也会随着上升。这次的网页设计，因为是仿照一张图片，那么就要求我们要懂得photoshop中的切片工具的使用。切好片后，还要获取图片的背景色。这样我们又得掌握吸管工具的使用了。切片过程中要注意的就是图片的大小要控制在一个像素以内。所以我们需要先放大，然后才来控制切片线的位置。
从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。这两周的学习实习中我在老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。因此反映出学习的还不够，缺点疏漏。需在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页。