学习网页设计设计时应注意的问题

学习网页设计设计时应注意的问题
平时遇到很多同事以及部分学生跟我说要学着做个网站，主题是软件、it、互联网相关趣闻资讯和小知识，希望我给一点点学习的建议。

我当时的第一反应就是html语言跟div+css，然后我给她推荐了w3school这个网站，同时也推荐了她去找个模板试着改一改，边做边学，遇到不懂的就问问度娘。

说完了之后总觉得好像缺了点什么，想来想去突然反应过来，学做网站前，不该学习点网站优化的知识么?确切的说，应该是网站设计的时候需要考虑到的一些符合网站优化的要点知识。

网站设计的时候，通常我们首先想到的是网站的结构，不懂行的人优先考虑的是如何让自己的网站更加漂亮一点，懂行的人优先考虑的是自己网站的结构是否符合优化，能够支撑长期的运作。

因为现如今很多网站设计和网站建设公司都是些不懂得优化的人在做，当然还有一部分原因是大多数客户都不懂优化，只追求漂亮的表面。

但是我们不能否认的是，网站的结构在网站的seo过程中扮演着举足轻重的作用。

拥有一个尽量扁平的结构，层次浅，结构简单清晰，导航一目了然，重点突出，主题明确。

其实说起来也未必只是网站结构上面的事情了，整个网站设计过程中，需要考虑到方方面面，奈何按照自己近阶段的学习和工作当中遇到的问题，总结了一下，给了她一些建议。

第一，明确自己网站的主题。

所谓明确自己网站的主题，是需要你明确你网站的受众，明确网站内容的主题和来源，明确自己网站主题相关的关键词。

网站的受众将影响你网站设计过程中的背景配色，字体和字体大小，网站图片取材和使用以及网站内容的偏向性，当然一定程度上也可以说网站的受众将影响到网站内容的主题和来源。

最后比较关键的是网站关键词和标题的选择(不仅仅是首页，还有栏目页和内容页)，按照百度搜索引擎优化指南的提示，网站的不同页面的关键词和标题尽量有自己的独特性以保证你的该网页是独一无二的。

根据搜索引擎广度查询的要求，一个拥有独特内容也标题以及关键词的页面将带给你意想不
到的收获。

在关键词的选择上可能需要花费一定的时间和精力，因为关于这一点内容展开太过麻烦，奈何就简单的讲一下吧，首先是确定主题相关的关键词列表，然后是按照关键词热度和竞争度进行筛选，最后考察关键词的转化率以及分配关键词给不同的页面。

第二，为你的首页和每一个栏目页都设计一个主题精简，重点突出，有吸引力(一定程度上也可以理解为漂亮)的页面。

主题精简，是指这个页面可能就针对一两个关键词来做页面的内容;重点突出，是指我们需要将我们认为重要的内容通过图片，表格，加粗或者加大的文字等等吸引人眼球的手段放到最显眼的位置;有吸引力，这个无需多说，没有吸引力的页面就没办法让用户停留以及更加深入的访问我们的网站的其他内容，留不住客户的眼球和鼠标，我们的网页设计就不是成功的。

第三，为你的网站设计一套优秀的导航系统。

一套优秀的导航系统需要包括以下的功能：其一，你的每一个页面都能直达你的网站首页和栏目页;其二，你的网站首页和一些重要的栏目页的比较显眼的位置需要有你网站重要文章页或者其他一些页面(比如产品页什么的)，这个我们姑且称之为站长推荐，站长推荐是我们用户最迫切需要的，也是我们希望用户多访问的一些页面，不同的网站会有不同的选择，但是选取的规则永远都是这个;其三，两个页面之间的页间距(即从a页面需要点击间隔几个页面到b页面)尽量短，相关内容的推荐、面包屑导航栏以及tag标签是我们经常会使用到的手段。

第四，让你网站的每个页面的代码都尽量精简。

搜索引擎抓取页面的时候是通过源代码慢慢爬取的，所以说，你的页面的代码的精简程度将很大程度上影响搜索引擎蜘蛛的喜好(尽管搜索引擎蜘蛛只是一段程度，但程序毕竟是人编写的，而且模仿的也是人的行为)，同时，代码的精简程度一定程度上将影响你页面的打开速度，而一个一直在读取的页面显然并不是我们的网民们喜欢看到的。

第五，你可以适量的加入一些动态的元素以使得你的网站更加漂亮，但是注意要适量。

在网站中加入flash视频、音乐、javascript代码、一些漂亮的图片以
及其他的一些动态页面技术可以使得你的网站更加的吸引人，但是同时也意味着你的网站给搜索引擎的抓取带来了更加大的压力，当然，这也将影响你网站的打开速度，就像我们上面所说的，一个载入缓慢的页面即使再有吸引力，在你完全载入之前用户选择了离开的话，那么再有吸引力也没多少意义了。

第六，注意多观察和思考学习你的主题相关网站中的佼佼者。

在搜索引擎关键词排名前列的他们往往都有自己的一技之长，你多花费一些精力去观察和思考学习可能会给你带来意想不到的效果。

采众家之长，补己之短，这是大多数成功者都用的很溜的一个技巧，当然，于此同时你的思维不能被他们左右，他们的一些思路只是给你思考来完善你的思路，而不是让他们牵着你的鼻子走，使你的网站最终变成了他们的翻版。

模仿－是网页设计师必备的本领
虽然我很喜欢百分之百的原创作品，但在设计师能力培养成长的过程里，浏览足够的好设计是必不可缺的环节。

在不断的模仿与学习过程中渐渐的融合出自己的设计风格。

俗话说：熟读唐山三百首，不会做诗也会吟。

如果心中能牢记十几个设计优秀的网站，能够熟练运用其中某些设计手法，那么设计能力也就被渐渐的培养起来了。

包括我在内的许多设计师都有个好习惯：每当看到设计好的作品时，会把设计layout抓屏下来。

有空的时候经常翻看下。

经常不断的在设计高手的作品中学习。

就好比有许多位设计高手一起在指导你的作品。

模仿别人作品并不是件坏事，因为在模仿的过程中可以学习到好的设计是怎么做出来的。

能抄到设计的精神是种本事，但如果仅仅是外表的模仿那就比较失败了。

设计出来的东西叫人一眼望过去就知道是经过修改的韩国模板就属于比较失败的了。

而如果能够将韩国模板中的色彩与细腻的渐变和质感恰到好处的运用于你自己的设计中，那就是抄到了精神。

设计师不断学习自我成长的良性循环过程
通过互联网几乎可以访问到全球任何优秀的网页设计师的作品。

在许多推荐优秀设计的网站上去翻看那些好的作品。

在看设计时都用上面的步骤去学习，把得到的心得渐加入到设计中去，渐渐的磨炼自己的设计。

相信，经过一段时间的磨练，设计能力定会有明显的提升。