网页设计是相当复杂的，可以说令人生畏的。每天不断出现新的技术和新的思想让人目不暇接。网页设计师之所以是个火爆的职业，归功于现在的网络和科技的发展，网络已经成为人们生活必不可少的获取信息的方式。每天都有数以万计的网站出现在人们的视线里。所以，现在越来越多的人想学网页设计，赚更多的钱，甚至有的人想要在家学习就能当网页设计师，今天我就和大家说说如何从零开始学习网页设计。

　　网页设计就是一个创作的过程，把用户想要的内容呈现在网页上，通过网页浏览器进行访问的过程。

　　网页设计是指使用HTML/JAVASCRIPT/CSS语言，通过一系列设计、建模、和执行的过程，新时代的网页设计，更加符合大众的审美标准，更加有利于产品的交互、体验.——知乎

　　布局：网页和平面设计，广告和海报是类似的，都要注重页面的布局方式。在网页中，我们的目标是为了帮助用户能一目了然地找到他们寻求的信息。这包括保持设计的平衡性，一致性和完整性。

　　颜色：颜色的选择取决于网页制作目的和用户的喜好; 它可以是简单的黑白色设计，传达个人的个性或公司的品牌，或者是大胆前卫的多彩颜色，表达时尚年轻的元素。但尽量使用安全的颜色。

　　图形：图形可以包括logo，图片，剪贴画或图标，这些都增强了网页设计整体风格。为了方便用户，这些元素需要适当的放置，来结合网页的颜色设计和内容，不要让网页过于拥挤或加载缓慢。

　　字体：使用各种字体可以增强网站设计感。大多数网络浏览器只能读取选定数量的字体，称为“网络安全字体“，大多数设计师都会在这安全区域内进行创作。

　　内容：网站的内容可以通过视觉和文字来传递网站的信息。文字要始终保持高相关，并且是有用的，以免混淆读者。给他们想要的信息是为了增加页面的停留时间和降低跳转率。内容应针对搜索引擎进行优化，具有适当的长度，并且要有关键字。

　　如果只需要设计一个网页页面的话，那么需要熟悉掌握Photoshop，在加深一点的就是Illustrator，用来设计网站上各个板块需要用到的小图标。或者更好的办法就是使用原型工具进行设计，快速简单的有Mockplus，功能全面且有动态面板的有Axure。使用工具进行原型设计能让设计师的工作事半功倍。

　　一篇文章肯定是说不全所有内容的，还是给大家介绍一些实用的网页设计的学习网站：

　　再来一个学习编程的网站，又Google的开发团队给大家讲解基础的教程和编程技术。

　　类似大冒险的一个轻松学习代码的网站，可以参与他们的编程挑战和bug hunting等。

　　尽管当下移动端的设计越来越繁荣，但网站仍然是人机交互的重要平台，网页设计也依旧是是硬性的设计需求。在我们的日常生活、学习和工作中，也会接触到各种类型的网站：比如百度、京东、淘宝、豆瓣、贴吧、空间，还有各个公司的企业官网、产品网站、后台网站等。

　　网页设计作为界面设计中的一部分，自然也就成为了我们UI设计师需要重点学习和掌握的知识版块了。

　　想要自学网页设计，其实通过视频教程的学习会让学习变得更直观、高效。我们阿多比设计将我们线下的网页设计全套课程上传到B站，这套课程完全免费，就希望帮助到哪些想要自学网页设计的同学。

　　设计时，我们通常会使用PS、XD、Sketch、Axure等软件来绘制页面的视觉稿和原型图，我们阿多比设计的课程主要围绕网页设计的基本理论、栅格系统与线框原型、网页设计规范、响应式网站设计、一屏式网站设计、B端与数据大屏等知识点进行讲解和教授，基本涵盖了网页设计所需的绝大部分知识点，作为衔接平面设计和界面设计的关键节点，操作简单易上手，能帮助学员循序渐进地去理解互联网产品设计这件事情。学习过程中的难点更多的还是会在于大家对操作、知识点的灵活理解和运用，虽然每天都在和网站打交道，但是我们很可能没有仔细地去总结过、归纳过、分析过不同网站之间的区别，所以这次学习一定要坚持“多看、多收集、多对比、多分析”。

　　1、编程语言：HTML，这是最基础的。学会了HTML跟CSS语言，接着下面就得选择一条路走了，是学习ASP，还是JSP，还是PHP，还是直接学习.net。。另外，每种编程环境，都要脚本语言，如JAVAScript、VBScript、c#等等．．．（相关的资料请上网查）（另外，web2.0的ajax技术的出现，将传统的几种技术的完美结合，又引起了编程界的轰动，学习AJAX技术，XML，也是相当重要的）

　　2、软件应用：FrontPage、Dreamweaver．．．其实我觉得，新手大可不必学习FrontPage，虽然都说FrontPage是入门软件，但是，你迟早都得跳过这个软件，去学习Dreamweaver的，到时，FrontPage那简单得可怜的功能，你再也用不到了。把学习FrontPage的时间，去了解Dreamweaver，这才是正道．．．

　　3、数据库应用：SQL SERVER、ACCESS、MYSQL等等．．．新手可先学习ACCESS数据库，这个是最简单的，一看就会操作的那种。难的是SQL语法．．．

　　第一步，学习ps制作网页效果图，一定要商业化，如果不知道如何让设计出商业化的作品，可以先先模仿制作，或者是在网上看到好的企业站可以模仿着设计，其中可以加入自己的元素，设计完成后利用ps切片，准备制作html代码。

　　第二步，有了刚才的切片，开始在dw里面制作html页面了，建议你可以先学table，table排版网页比较简单，代码是自动生成的。

　　第三步，当你已经会做出来一个页面的时候，我建议你放弃table，学习div+css排版页面，这个是现在的趋势，table已经被淘汰了。

　　第四步，网页中往往会有些动态的元素，比如简单的头部广告，你需要学习flash制作简单动画。

　　第五步，网页中同样会有许多的动态效果，比如图片切换，但是不是flas，属于特效，常见的特效有js语言的，这个你了解就好做到会用就行，不需要你会写这个特效。

　　设计的主要工具是Photoshop，制作的主要工具是代码编辑器，如记事本，制作也称之为“前端”。

　　比如，韩雪冬就不太会前端制作，但网页设计水平一流。也有不太会设计，但是前端制作水平的很多大牛存在，我就不举例了。博鱼体育