Hello大家好 ，欢迎来到虎课网学习 ，我是讲师捌月贰拾 ，本系列我们讲解一下网页设计 ，以这个生鲜到家里的一个类目作为案例 ，给大家讲解 ，先看一下我们本节课的作业 ，根据本课的内容 ，我们练习着去分析一些网站 ，包括它的是属于哪种网站类型 ，它有哪些基础元素 ，然后有哪些设计合理的地方 ，大家可以去试着总结一下 ，总结好以后也可以在下方评论区留言 ，因为知识是珍宝 ，而练习才是获取它的钥匙 ，大家留言之后可以相互交流一下 ，看一下我们第一节课的内容 ，我们这一节课讲到的是这个网页设计的一个分类 ，包括它一些设计规范 ，因为我们直接上来就讲解实际操作的话 ，很多同学会不太明白讲到哪里 ，因为很多同学是没有接触过网页设计的 ，并不了解它的一些基础知识 ，所以本节课包括第二节课 ，我会在这里给大家做一些总结 ，主要讲解一些理论方面的知识 ，同学们了解之后 ，然后在设计网页的时候 ，心里边就会有一个大概的定位 ，就是我做的是哪种类型的网站 ，然后我用哪种版式 ，包括一些字体颜色的选择方面 ，基本上都有一个基础的了解 ，先看一下本节课的一个大纲 ，我给它分成了三个板块 ，一个板块是这个概念介绍 ，另外就是一些基础的分类 ，然后和一个设计规范 ，

先看这个概念介绍这一块 ，一般我接触到一些陌生的东西会首先去参考百度百科 ，当然一些权威性的网站也都可以 ，我们先来看一下这个百科上面的一个解释 ，就是什么是网页设计 ，这里边讲了很多很详细 ，并且它的一个层面也比较高 ，我们理解起来可能会稍微的有一点难度 ，其实它并没有这么高端 ，用这个通俗易懂解释一下 ，它就是一个网站的设计 ，也就是说我们的一个网站 ，完整的网站它包含各个界面 ，然后主要我们讲的是设计这一块 ，然后首先当然是一些布局 ，它是不是合理等等一些排版的东西 ，再基础的讲解就是我们通过一个链接在浏览器上打开的 ，一个页面 ，任何页面都可以叫做是网页 ，这是一个大概的理论基础 ，不做过多介绍 ，然后我们先看一下本节课的第一个重点 ，就是了解一下这个网站的一些常见的分类 ，这边跟它分了一个企业官网 ，像这种，这个是好未来的一个官网 ，然后另外一些功能性的网站 ，像什么淘宝 ，包括各大门户网站 ，都可以叫做是一个功能性的网站 ，它这里边如果细分的话还有很多 ，它注重强调的是一个信息的展示 ，包括一些交互 ，这里面讲的交互是一些简单的一些比如说付款等等这些 ，付款搜索 ，这一系列，再多的话还有一些评论 ，

这些基础的操作 ，比较涵盖一些东西 ，这是一个功能性的网站 ，就是它主要还是面对用户 ，像这个企业官网的话 ，它只是一个用来展示一个东西 ，并没有说太多的一个交互的东西 ，然后功能性的网站既有展示的一些内容 ，然后又有很多是大家可以使用的东西 ，这是两个区分 ，然后如果功能太多的话 ，就衍生出了第三个，就是一个后端网站 ，就所谓的后台UI设计 ，因为很多后台它并不是一些软件内置或者原生的 ，它也是存在浏览器之中的一些网站 ，也是通过链接在浏览器上操作 ，所以它也是划分到这个后台网站这一块 ，如果我单纯的介绍 ，大家可能还不太明白 ，这里边我配合浏览器来给大家单独去讲解一下 ，我们打开这个火狐的浏览器吧 ，首先进来的是这个，它是一个分类导航 ，也是通过链接来点进来 ，这里边还可以有各种链接 ，包括这一系列其他导航 ，像这一些 ，它是关乎一个导航的东西 ，像这个官网的话 ，我们可以通过这个链接来访问一下 ，直接来搜索吧 ，这样好多就是一系列的东西 ，比如说搜索好未来 ，会看到这是它们的官网 ，这是一个普通的官网 ，它的一个首页就是一个首屏 ，并没有滚动 ，然后这边是它的导航栏 ，

具体的这些网站包含哪些东西 ，我会在第二块给大家去做一个详细的总结和归纳 ，这里边我们先去了解什么是一些企业官网 ，我们再来搜索一个它们同等竞争的一个网站 ，就是这个VIPKID ，它也是一个企业的官网 ，更多的是一些展示性的东西 ，包括这边点进来之后还是一些信息 ，去对我们这个整体的公司做一个介绍 ，像这些，它也传达了一些交互的这些东西 ，这样的网站有很多 ，而且它们基本上都包含着首页，关于我们 ，然后一些新闻资讯 ，一些新闻列表页和内部点进去之后的文章页 ，这是一个企业官网 ，然后功能性网站的话 ，我们可以去看一些这种，就拿站酷来举例 ，分类的话它是一个设计类的一个网站 ，它并不像好未来那种去单独地介绍自己的公司 ，因为它做的是一个平台 ，像这种网站的话它是大家可以去上传作品 ，然后点进去之后 ，像有这些收藏，评论等等一系列的功能 ，包括个人中心的话 ，也可以找到很多 ，

还有之前刚才案例里边的这种淘宝网站 ，打开淘宝官网 ，看到它是一个购物的网站 ，如果从首页划分的话 ，它像一个信息类的网站 ，当然这都是一个整体划分都在一个功能这一块 ，我们并不能做太多的操作 ，当然如果我们进入到这个后台的话 ，比如说免费开店 ，就是它在后台就是一系列的这种 ，这边讲到的这个后端网站 ，当然很多网站它并没有说做了很明确的区分 ，比如说我企业官网我就不能做功能 ，我一些功能网站的话 ，我就必须弱化掉自己的企业信息 ，更多的时候是它们三个共存的一种状态 ，是需要看我们这个侧重点在哪里 ，比如说好未来刚才网站大家已经看过 ，然后我们再看一下小米官网 ，我们点开之后就直接来到了这个商城这一块 ，看看它首页 ，所以也看你公司的一个定位 ，这边企业信息就是一个其他的一种类型网站 ，并不是它们自己的官网 ，说到这个商城这一块 ，我们还有一个划分 ，就是比如说我们点开这个 ，很多电商设计 ，也会涉及到这一块 ，设计内容比较多 ，电商这一块 ，它最开始也是从网页设计来给它单分出来的一个方向 ，类似于网页设计 ，

它的一个banner设计 ，还拿这个，刚才那个好未来来举例 ，因为网页设计不光在这个整体的框架 ，它里面涉及到一些图片 ，像这些这个设计的比较简单 ，看这里边，再有图文来排版一些 ，而电商这一块我们像这些我们访问的会这个框架 ，买家并不是很在意 ，他在意的是我们产品 ，包括一个产品介绍 ，像这些 ，这就是所谓的我们的一个电商设计 ，现在这里边这些用的现在 ，这些都用这个已经是自动生成的 ，基本上 ，当我们随便搜一个产品的话 ，一些主图设计也是一个侧重点 ，这里面不做过多的介绍 ，因为我们讲的还是网页这一块 ，然后我们再来看一下这个后端网站设计 ，也就是我们这些后台UI ，先复制一下一条链接 ，就是这个蚂蚁视觉 ，就是阿里这边它做的一个后台预览 ，它更注重于这个信息层面的一些东西 ，包括这些展示 ，图表的展示 ，我们也可以看到相应的一些操作 ，当然这些只是一个展示相关的东西 ，我们再看到这个用阿里云后台来预览一下 ，如果单纯从设计方面来的话 ，美观度的话 ，它不像那些官网或者说一些综合类的网站 ，

它更注重这个操作和这些数据的反馈 ，包括在这里边全都可以点进去 ，然后这是另外一个控制台 ，随便点哪里都可以 ，包括这边，然后一个表单的管理 ，给一些筛选的功能 ，它更接近于一个软件 ，各种像一些功能都有 ，如果把它内置在一个软件里面的话 ，