有哪些学习网页设计的好的视频教程？

时间：2024-02-14 20:55:01 | 来源：网站运营

时间：2024-02-14 20:55:01 来源：网站运营

有哪些学习网页设计的好的视频教程？：猪七戒主要是卖盗版教程，对原创作者造成了巨大伤害。其教程配套的素材、以及服务欠缺，课程介绍不完善，这是购买盗版教程学习体验差的主要原因，不过，以下分享的教程都是正版的原创教程，希望对大家有所帮助。

---

以下内容分享，将教会你系统学习网站建设，及网页设计，并附带相应的视频、书籍教程推荐，请不要错过每一个可点击的链接。

写在前面：学习网页设计/网站建设，你必学知道的几件事！

1.基础概念及逻辑

①网站建设＞网页设计，网页∈网站。网页是网站的子集，一个网站里面有一个或多个网页。

②互联网的核心就是网页（Web Page）+超级链接（hyperlink）。

③超级链接，属于一个网页的一部分，它允许我们同其他网页或站点之间进行连接。

④网页中呈现出的图片、文字、音频、视频等元素，我们称之为“超文本”。创建网页的语言，我们称之为超文本标记语言。（英文：HyperText Markup Language，简称：HTML）

⑤为了便于网站的开发，人们创建出了很多快速搭建网站的内容管理系统（英文：Content Manage System，简称：CMS），比如常见的开源系统有：WordPress 、Dede CMS、PHP CMS等。

⑥存放网站程序源代码、图像、视频、音频等资源的计算机，我们“通俗的”称之为服务器。（请注意：这里的叫法并不严谨，不过初学者这么理解，完全足够了。较真的朋友，请参考：服务器维基百科。）

2.网页设计的制作流程

①通常情况下，任何一网站的建立，都会经过“分析策划—交互设计—视觉设计—前端制作—后端制作—测试上线”6个环节。

②请阅读这篇文章，将解答你初学网页设计时的诸多疑问。

---

讲完上面的基础概念和逻辑，如果你还有兴趣往下看，那说明你真的很适合去学习网页设计，因为你和曾经的我一样，具有专研、较真、爱探索的精神。那么以下内容，将带你开启真正的学习之旅。

一、视频教程推荐

网页设计通常包括两个部分，一是以设计师为主导的视觉、交互设计部分，二是以工程师为主导的web前端重构部分。所以，要学习网页设计，也可从这两方面入手。

视觉美感的构建来源于：色彩、排版、字体、主视觉元素等；交互的实现，来源于对用户行为习惯的洞察、帮助其减少获取信息的成本、并作出决策。

市面上的教程，对于这两部分内容通常都是分科教学的，所以很难找到一套完整的教程。不过，在勤学网的平面设计学院，有几套比较对口的教程，我将简要罗列其知识点，大家可参考一番。

1.讲解网页布局、切图、制作流程、排版、以及常用HTML元素，非常基础的网页设计入门教程。

2.由腾讯设计师录制，讲解色彩、构图、文字、图像处理、交互等知识，涉及案例非常的高大上。

3.带你全面掌握HTML和CSS知识、语法格式、网页布局、及交互效果制作，等网页前端代码知识。

4.学习JavaScript+JQuery知识，能让你的网页动起来，帮你创作出更佳的网页交互体验。

以上几个教程，涉及到的软件主要以Photoshop、Dreamweaver为主，所以你需要有一定PS操作基础，而Dreamweaver软件则不必专门去学，因为你主要学的是web前端代码的语法结构，DW作为一款编辑器，并没有太多知识可学，跟着教程做一遍你就会了。

二、省钱学习攻略！

上面的教程，都来自平面设计学院，建议你注册账号后，不要单独去买每个教程，因为这样算下，课程费用将高达上千元，会很贵的。

所以，小编建议你的是：花费399开通一个年会员会更加划算，而且能学习里面的所有课程，从此再也不用到处去拼凑教程了，学习体验更好。（提示：两年会员是599，相对更加实惠，这得按你的学习需求决定，不浪费为好。）

三、开卷有益，书籍推荐。

网页设计的核心是由“视觉+交互”这两部分知识组成，视觉负责画面的美观、交互负责功能的易用，设计师要在这两者之间达到平衡。上面的教程，能够在实践行动上帮助大家提高，以下书籍则能在理论上让大家更进一步。

(1).网页设计实践畅销：《界面设计模式(第2版)》

在第一版中文版在推出后“技压群芳”而大获好评，一路畅销。本书新增了社交媒体，移动设计方面的内容，切实地符合了当下的技术发展潮流,作者多年观察、实践与智慧的升华。

(2).设计入门启蒙书籍：《写给大家看的设计书(第4版)》

这是一门影响了一代设计师的经典巨著，无论是UI设计、网页设计、平面设计领域，都被广大设计师所推崇，是入门设计行业的必备书籍！

(3).色彩搭配实践书籍：《互联网产品(Web/移动Web/APP)视觉设计·配色篇》

本书旨在介绍网站及移动网站/APP等互联网产品界面色彩搭配的知识与方法。内容既涉及色彩属性等基础知识，也包括了有关互联网产品界面色彩设计的系统完整的实用技巧。

(4).网页交互设计经典：《简约至上：交互式设计四策略》

书中阐释了合理删除、分层组织、适时隐藏和巧妙转移这四个令交互式设计成果大程度简单易用的策略。

(5).如何制作响应式网页：《响应式Web设计实践》

面对不断涌现的设备尺寸，Web设计的适应性已经成为设计师们所面临的最为艰巨的挑战。这本《响应式Web设计实践》书籍当中，给出了一系列完善的解决方案。

(6).打造网页形式感：《形式感+:网页视觉设计创意拓展与快速表现》

这是国内网页设计书籍中，卖地最好的书籍之一。本书可以帮助有一定基础的网页设计初学者或在职者，在遇到设计创意瓶颈时，能够在较短的时间内解决设计上的创意和视觉形式感的问题。

上面给出的视频教程和书籍，非常适合想要系统自学网页设计的朋友，涉及到的内容知识点丰富详实，绝对的经验之谈。望以上内容，对网页设计学习者有所帮助。

原创分享，转载请联系授权。