web网页设计都有哪些就业方向

web就是我们说的万维网的意思

就是指互联网

web网页设计，就是特指电脑端看到的那些网站的页面设计（除了电脑端，我们还有一个很大的地方是移动端，就是指手机端。）

注意，只是设计哟。不包括把网站用代码写出来，用代码制作网站的技术是另一个学科

叫做：web前端开发（你看，都叫web什么什么）

左边为最常见的大框套小框的布局，整个网页首先在一个比较大的框里面，然后各个模块在大的框里面去布局分配。

这种布局的特点是有一个比较大的背景，背景是可以平铺的，然后其他的内容可以限制在一定的宽度范围内，好处就是视线比较集中。

通栏布局打破了框的限制，如图导航部分等是适应屏幕拉伸的。

如图背景可以根据屏幕无限延伸，显得比较大气。视觉上显示比较整体，整个网页上都是有内容的。

如图为导航在主视觉下方的布局的示意图，传统规则就是导航放在画面中间。

这是一种比较时尚、流行的布局方式，如图上面是体现当前页面主题的一个banner，这个banner比较重要，它的设计完全可以体现整个网页的风格，同时也起到一个装饰的作用。接下来把这个banner放在中间的位置而不是传统的上面的位置，这样就给banner这个位置留下了比较多的空间，让整个画面显得比较简洁大气。

如图为左中右布局示意图。

结合案例，如图分三栏左中右。对banner进行比较主题式的设计，如图第一张素材的选择体现了整个网页的风格。同样第二张、第三张的图片选择也是体现整个网页主题的主体部分。所以这种布局是必须有个部分体现这个主题的，其他两个部分用来布局网页的其他内容。

如图为环绕式布局的示意图。

环绕式就是页面会环绕一个比较显眼的图片装饰来进行设计。如图一，中间为图片焦点，内容部分环绕在图片焦点周围，进行布局设计。第二张、第三张也为内容环绕主题进行设计的。这种布局比较灵活，可以先选好一个主题图，然后所有元素围绕它的视觉效果去设计，整个画面的效果就会以图为中心，主题非常鲜明。

穿插式布局虽然很少看到，但效果也不错。

如图案例均属于穿插式布局，即所使用的图片素材在内容里面是一个穿插效果。整个banner穿插在网页内容里面，整个网页对称、画面感非常强。比较适合做一些专题类的网站。

真正的版面设计里面的布局时千变万化的，我们只要遵循前面讲到的用户体验要好、视觉上画面平衡，那效果就会很好。

web前端通常称为软件设计或者美工，普遍工资确实要比网页设计高，因为软件的收费比网页或者网站高多，一个网站收费过万就算比较高，而软件随随便便就是好几万的，一二十万、几十万甚至上百万的都也是正常，但是网站的制作周期比较短，小点的网站通常是一两周之内就可以完成，而软件的周期短则几个月、半年，长则一年几年都有可能，像有些公司就是给政府部门做监控及统计软件的，每个项目随随便便都是半年以上的制作周期，收费嘛自然也比较高，有些项目都做了3年，不过这个项目是个长期项目，不断的提交又不断的增加新功能而已。感兴趣的话点击此处，免费学习一下

想了解更多有关web网页设计和web前端的相关信息，推荐咨询【达内教育】。该机构是引领行业的职业教育公司，致力于面向IT互联网行业培养人才，达内大型T专场招聘会每年定期举行，为学员搭建快捷高效的双选绿色通道，在提升学员的面试能力、积累面试经验同时也帮助不同技术方向的达内学员快速就业。达内IT培训机构,试听名额限时抢购。

清晰是用户界面设计最重要的原则之一，要让用户能够有效地使用你设计的界面以及清楚的知道这个界面是用来做什么的，能产生什么样的交互，解决什么样的问题。清晰意味着能准确表达出信息内容。它有助于防止用户出错，清楚地呈现出重要信息并提供完美的用户体验。

原则2： 以用户为中心

在用户界面设计中，设计师要清楚谁才是真正的使用者。要能够站在用户的立场和角度来考虑设计网页。用户是你最终产品的体验者，所以，在做设计时，要遵循以用户为中心的原则。用户不会花太多时间在同一个网页，只要他找到自己所要的讯息，就会跳转到另一个页面继续寻找下一个信息。网页设计师要知道，用户之间的差别很大，他们的操作习惯和能力也各有不同。你不能满足所有人的期望，也别试图去满足所有人的期望，因为那是不可能的事。你要做的只能是让你的网站使用更加方便易操作，要做到这点，你必须了解用户的需求，目标和偏好以及操作习惯。

原则3：KISS（Keep It Simple And Stupid）

简单易操作，这也是网页设计最基本也是最重要的原则。要让用户觉得自己是在控制软件，而不是感觉被软件控制。切记网页的可操作性，用户的习惯和能力各不相同，他们不是网页设计师，并不懂你们设计这个网页的原理和操作方式。并且绝大数的用户，对于电脑的使用经验是很初级的，只要稍微复杂一点的操作就会让他们感觉很费力，所以网页设计师需要注意的是，减少操作。这里所说的stupid，不是愚蠢，而是能减轻用户的负担，让操作更加简单。

我们制作自己的网页首先应该对自己的网页有一个整体的规划，是建一个什么类型的网站，网站主色调使用哪种颜色、设计布局采用什么样的方式等这些都需要有一个很好的规划。

2.规划网站的整体布局——导航、按钮、图片、文字的排版方式。

做什么事都不能盲目的没有目的的进行，那样只能浪费时间浪费精力，在我们制作网页之前一定要对网页的基本元素进行一些设计。可以简单的画草图，或者浏览几个自己比较喜欢的网站学习借鉴。

3.准备和归类素材——图片、音频、视屏、文章等。

制作一个网页需要大量的文件，我们必须先将这些不同类型的文件进行归类放置，整理到一个文件夹中。

打开Dreamweaver软件，新建一个站点，然后在站点下建立不同的文件夹存放素材。

.4建立自己的主页，按照之前的定的风格设计布局。

不要急着添加图片和文字，先将导航栏，标题栏和内容栏都规划好然后在进行素材的导入。注意无论是文件夹的名还是素材名最好使用英文而不是中文。中文状态很容易报错，文件添加后就不要更改文件路劲了，否则会导致文件的丢失。

5.制作网页是一个非常复杂的过程，如果想从头到尾自己制作一个网页的话是很难说清楚的，所以这里就分享一个很简单的方法。

找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。

这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。

6.打开Dreamweaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。

7.替换网页中的元素即可。

选择需要进行修改的图片或是文字直接更换即可。选择一个元素然后在下面的属性栏中进行更换即可。同时还可以更换图片的大小和其他的属性。

8.按下F12进行预览效果即可。不满意的地方进行修改，一定要注意随时保存文件。