网页设计是相当复杂的，可以说令人生畏的。每天不断出现新的技术和新的思想让人目不暇接。网页设计师之所以是个火爆的职业，归功于现在的网络和科技的发展，网络已经成为人们生活必不可少的获取信息的方式。每天都有数以万计的网站出现在人们的视线里。所以，现在越来越多的人想学网页设计，赚更多的钱，甚至有的人想要在家学习就能当网页设计师，今天我就和大家说说如何从零开始学习网页设计。
1. 首先，你要明白什么是网页设计？
网页设计就是一个创作的过程，把用户想要的内容呈现在网页上，通过网页浏览器进行访问的过程。
网页设计是指使用HTML/JAVASCRIPT/CSS语言，通过一系列设计、建模、和执行的过程，新时代的网页设计，更加符合大众的审美标准，更加有利于产品的交互、体验.——知乎
2. 网页设计的五大元素
布局：网页和平面设计，广告和海报是类似的，都要注重页面的布局方式。在网页中，我们的目标是为了帮助用户能一目了然地找到他们寻求的信息。这包括保持设计的平衡性，一致性和完整性。
颜色：颜色的选择取决于网页制作目的和用户的喜好; 它可以是简单的黑白色设计，传达个人的个性或公司的品牌，或者是大胆前卫的多彩颜色，表达时尚年轻的元素。但尽量使用安全的颜色。
图形：图形可以包括logo，图片，剪贴画或图标，这些都增强了网页设计整体风格。为了方便用户，这些元素需要适当的放置，来结合网页的颜色设计和内容，不要让网页过于拥挤或加载缓慢。
字体：使用各种字体可以增强网站设计感。大多数网络浏览器只能读取选定数量的字体，称为“网络安全字体“，大多数设计师都会在这安全区域内进行创作。
内容：网站的内容可以通过视觉和文字来传递网站的信息。文字要始终保持高相关，并且是有用的，以免混淆读者。给他们想要的信息是为了增加页面的停留时间和降低跳转率。内容应针对搜索引擎进行优化，具有适当的长度，并且要有关键字。
3. 需要掌握的技能：
如果只需要设计一个网页页面的话，那么需要熟悉掌握Photoshop，在加深一点的就是Illustrator，用来设计网站上各个板块需要用到的小图标。或者更好的办法就是使用原型工具进行设计，快速简单的有Mockplus，功能全面且有动态面板的有Axure。使用工具进行原型设计能让设计师的工作事半功倍。
学习前台静态页面制作
要掌握最基础的html代码
要掌握div+css建站的技术
要掌握javascript特效
学习后台动态页面制作
要掌握php语言或者http://asp.net语言
要掌握数据库的用法
4. 如何自学网页设计？
一篇文章肯定是说不全所有内容的，还是给大家介绍一些实用的网页设计的学习网站：
编程：
1. W3Schools
学习最基础的编程语言，包括：HTML和CSS等。
2. Google Code University
再来一个学习编程的网站，又Google的开发团队给大家讲解基础的教程和编程技术。
3.Code Avengers
类似大冒险的一个轻松学习代码的网站，可以参与他们的编程挑战和bug hunting等。
HTML和CSS：
30 Days to Learn HTML and CSS
A Beginner’s Guide to HTML & CSS
Don’t Fear the Internet
网页设计在线课程：
Treehouse
Lynda
Udemy
Blog：
1. Smashing Magazine
2. Mockplus blog
3. Webdesigner Depot
4.Webdesignledger
5.WEB DESIGN LIBRARY
网页设计书籍：
1. HTML and CSS: Design and Build Websites
2. Learning Web Design: A Beginner’s Guide
3. Don’t Make Me Think: A Common Sense Approach to Web Usability
4. Learning How to Make Web Pages Functional
5. Designing with Web Standards
摹客双11大促，买1年送1年，买2年送终身！
现在下单，还送【11款产品经理必备工具礼包】+【100G PM知识大礼包】！
全年最低价，不止5折！戳链接立即参与：
反面教材，这9个糟糕的网页设计实例引以为戒
设计类网站的“联系我们”页面设计盘点
干货！2018年你值得一看的网页设计作品集赏析
网页设计有难题？12款网页设计模板给你灵感！
极简网页设计技巧，打造简约之美
进阶学习，如何无代码设计一款美观且实用的网站？
网站着陆页设计，让用户开心着陆的10大技巧！
网站设计缺乏创意？视差滚动网站设计让你与众不同
收集网站用户反馈的5个常用问题
这9款小众时尚的酒店网站设计，让你不再恋家
时尚的不仅仅是它们的服装，还有它们的网站设计
10个最新交互式Web设计实例欣赏
