前端这条路——献给所有人

　　平时经常听说网页设计这个词，而很少听说到网页制作，很多人常把网页设计和网页制作混为一谈，其实这是两个不同的概念。会制作网页不一定能把网页设计漂亮，反过来，能把网页设计漂亮的人不一定能把网页制作出来。一张优秀的网页是制作技术和设计艺术结合的产物。

　　网页设计，在行业中也可以叫做网页美工，指的是从配色、布局、构图等美术层面对网页进行艺术性美化，说得通俗点就是把网页弄得漂亮些。这就需要设计者具有一定的美术设计基础，对色彩搭配和平面构成有一定的研究和经验。同时，还要求设计者至少要掌握一门电脑绘图软件。网页设计常用的图像处理工具有Photoshop等。

　　网页制作，是指综合运用XHTML代码技术对相关的网页元素（如文字、图片、表格等）根据一定的版式需要进行排版，并添加各种页面交互功能，由此可见，网页制作说到底其实也是图文排版，主要用到HTML，CSS，JavaScript等代码技术。行业中主要使用是Sublime Text、Visual Studio Code等软件来制作网页。

对于初学网页设计的同学，我们提供以下的一些学习建议，可以参考：

1.体验：在学习网页设计之前，要充分的上网体验和了解互联网中的网页现状。首先我们要知道，网页主要分为哪几种，如个人BLOG主页、企业网站页面、大型门户网站页面等，不同类型的网站指对着不同的用户，所以不同类型的网页在布局结构、配色方法、互动功能等方面都是有所区别的。这就需要设计师去好好地把握方向。把网页设计得漂亮些固然重要，但是更重要是要满足用户的需求，美观实用的网页才是好的网页。

2.品鉴：网页设计是一种视觉设计，这需要一定的美术基础，特别是对色彩和布局的把握有更高的要求，如果你要成为一位优秀的网页设计师就一定要具备这些条件。既然这样，那是不是说没有美术基础的人就不能学网页设计呢，答案是否定的。同学们可以仔细品味一些优秀网站的网页设计，比如一些国际性大企业或者知名品牌的官方网站很多都是设计得非常漂亮的。同学们可以仔细鉴赏这些优秀网站的配色、布局设计，特别是它们的细节处理方法。俗说话：外行看热闹，入行看门道。作为网页设计师，看的就是优秀作品中的设计思路和细节处理。

3.临摹：细节决定成败，这是网页设计作品优秀与否的判断准确。但对于初学网页设计的同学而言，对细节的追求和把握往往缺少关注的。要提高自己的细节设计能力，一个最直接的办法就是临摹。临摹绘制其它优秀的网页设计作品。力求绘制得一模一样。在网页绘制图的细节绘制中，往往是精确到1px（一个像素点）的。同学们可以以此为标准，临摹优秀网站的导航条、按钮、区块边线、区块标题栏等等等等，在大量和长期的临摹绘图中，对细节的追求和把握感就会油然而生。

4.创新：长期的临摹，只能是基本功的练习。作为一名网页设计师，最终还是需要设计出自己的作品。在通过临摹打好基本功的前提下，同学们可以试着自己寻找一些网站主题，进行网页的自主创新设计。以此来检验自己通过长期的临摹绘制后，在整体设计和细节处理上是否有所提高。同时，可以通过自主设计，逐渐的形成自己的设计特色，为自己积累作品，为就业时展示自己的设计能力作好准备。可是，同学们天天在校内，去哪里寻找网站主题呢？其实，网站主题无处不在，就看你能不能想到。比如，给自己的班级设计一个网站；再比如，就自己父母的所在企业或者生产队设计网站，宣传一下企业或者自家种的农产品。还比如，给自己喜欢的服装、MP3、手机设计一个产品专题网站。甚至，你还可以设计一个网站对比一下最近两周的天气变化。总之，只要你想试着自己设计网页，那么寻找主题决不是一件难事，就看你有没有想像力了。

5.积累：俗话说：巧妇难为无米之炊。再好的网页设计师，如果离开了设计素材，要设计一张漂亮的网页也是一件很痛苦的差事。作为网页设计师，一定要养成收集设计素材的习惯。设计素材是指具有一定美感的独立图像。比如具有质感的网页背景图、图标、按钮背景、底纹等。收集大量的高清网页设计素材图片，对设计一张漂亮的网页作品可以起到事半功倍的效果。同时，时常浏览这些网页设计素材也会无意间激发出新的设计灵感。网页设计素材可以在很多平面设计类网站找到，比如：站酷http://www.zcool.com.cn、优设http://www.uisdc.com、Dribbble https://dribbble.com、iconfans http://www.iconfans.org、视觉同盟http://www.visionunion.com/等等。（后面还会推荐很多很好的网站以及图书）

6.苦练：再优秀的网页设计作品，失去技术的支持都无法发布到互联网和公众见面。在技术层面，使用编辑工具，灵活运用HTML和CSS技术对网页进行排版是初学者必须掌握的基本功。要练这两项基本功，就需要同学们将前期临摹绘制和自主设计的网页都拿出来，逐一排版练习。通过对大量的不同布局结构的网页进行排版练习，才能掌握各种网页结构排版技巧，练就出足以应对各种布局需求的过硬本领。同时，在CSS细节制作的环节中，要力求做到CSS效果与PSD设计效果一致，即追求技术上的细节完美。

总之，同学们如果想学好网页设计，希望就业后能成为一名网页设计师，就必须牺牲大量的课下休息时间，利用别人看电影、玩游戏的时间，自己刻苦自学、自画、自练。做到多看，品鉴优秀网站；多画，临摹优秀网站；多想，思考自己的设计方案；多练，练习排版制作技术。如果同学们只靠上课时间来看、画、想、练，下课就把网页忘到一边。那是决对做不了网页设计师的。最后，提醒同学们，网页设计行业是计算机技术中认识更新最快的行业之一，不管是在校学习，还是在就业之后，都要时刻关注行业的最新技术动态，时刻保持积极主动的自学状态和激情。只有这样，才能让你在网页设计这个行业中一直生存下去。

转载于:https://www.cnblogs.com/4813html/p/10497707.html