进击WEB三部曲 - 网页设计教程

时间：2023-09-23 08:18:01 | 来源：网站运营

时间：2023-09-23 08:18:01 来源：网站运营

进击WEB三部曲 - 网页设计教程：

你是否想过设计一个属于自己的网站，但是却无法入手？说实话，当我们浏览到别人的网页时候，觉得很个性，很有设计感，心想原来网页设计师可以这么厉害想做什么都可以自己实现再也不用听老板瞎指挥。说到网页设计不得不提到离我们比较近的UI设计，自苹果带火UI后，可谓是养活了一大批UI培训。但是你知道最早的那批UI是去哪里学的吗？我相信很多人已经猜到了，没错！就是网页设计师转过来的，虽然说是PC端，但是很多设计布局原理都是一样相通的，其实很多UI设计师入职以后公司让做个官网设计，但是一下就懵了，网站常用内容宽度是多少？960还是1200，自适应响应式应该怎么建立栅格化系统、适配手机iPad应该怎么弄等等类似这样的难题一个接一个，因为很多UI都是平面电商或者报班转过来的，很多都不知网站设计这些，因此我们下面先带大家认识一下网站分哪些类型，为什么要去说这个问题，因为不同类型的网站用户人群、设计风格等等都有区别~

首先我们可以先将网站按对象来划分可分为 To C和 To B两种。

说人话，To C就是面向用户和消费者，例如门户网站、企业网站、产品网站、电商网站、游戏网站、专题页面、视频网站、移动端H5 等，均是面向用户和消费者的产品。由于是面向用户和消费者，所以设计上一定要可以吸引人的目光，并且以用户为中心考虑体验设计。

To B呢很好理解就是比如微信公众号后台、企业级OA、网站数据统计后台等这些，主要面对商家和管理专业人士吧。和 To C端网站拉出来对比就是：To B 类最重要的是效率、好用、易用而不是好看不好看。

下面我们挑选几个具有代表性网站类型给大家看下具体是什么样子

门户网站

门户网站国内比较知名的有新浪、腾讯、网易、搜狐；国外比较知名的如 Naver、Llinternaute 等。

企业网站

企业网站是一个公司来对外展示自己的能力、介绍自己的产品等网站，现在都已是中小企业的标配了。企业设计风格都比较「高端」、「大气」、「上档次」的风格，也就是为了达到让消费者认同这个品牌。拿招聘来说，你接到某个面试邀请，肯定是会去他官网先了解一下做什么的吧

产品网站

产品网站，毕竟典型的就是苹果公司产品介绍页。设计这类网站的内容主要是该产品的工艺、技术、设计、特点、构造、使用场景等。这样的产品页希望可以让用户有沉浸感，所以一般来说都是使用全屏布局，然后配合一些如视差滚动等方式让我们感觉到这个产品的极致精细。由于中国互联网和产品设计发展很快，所以产品类网站设计需求一定会越来越多。

电商网站

电商设计师也属于网页设计师吗？是的! 如果按照平台细分，无疑电商设计师所在的平台大部分属于网站。以淘宝、天猫的网站为了增强店铺个性，平台为商店开通了一些页面自定义的装饰功能。这样商铺有一定权限在平台规定的范围内使用图片和一部分css样式代码来装饰，在每年的双十一这些大型促销节跟前，店铺因为设计精良而能带动销售，那么电商设计师当然就变得非常重要了。

游戏网站

游戏是一个巨大的产业，比如腾讯的大半江山收入都来自游戏产业。那么除了游戏需要制作精良之外，游戏的官网也必须设计精美。不要忘记，每一个玩家都需要访问你的游戏官网才能完成下载、充值、社交等重要操作。

后台网站

后台网站是 To B 类型，我们都知道数据是非常枯燥，我们可以使用诸如「折线图」、「饼状图」、「曲线图」、「表格」等不同方式来展现这些繁琐的数据，这种图形表达数据的方式也叫做数据可视化。后台网站不需要特别可爱的插图以及卡通形象，最重要的是效率。所以如果经常处理 To C 类的需求，接到了 To B 类的产品需求时一定要注意这一点。后台网站因为需要更大的画面，通常会使用全屏式排版，也就是撑满整个画布去做。

企业OA

企业OA也可以归到B端里面，简言之就是办公自动化系统。通过企业OA 可以完成请假、调休、离职、查询公司规章制度、请示、汇报等工作有点类似现在的钉钉。这样减少了很多窗口成本和员工的时间成本，增强了公司办事效率。企业OA 一般出于安全和保密性的原因，很多公司都更加愿意自己开发。设计师在设计此类项目时同样要以操作者的体验和效率为重，让操作者轻易可以找到在当前页面中最重要的功能。

下面还有专题页面网站、视频网站、H5、移动端H5网页、CRM系统、SaaS等等，这里我们就不细说了。

写到最后

看到这里不知道是何感受，是不是感觉到一个网站类型牵扯出这么多的知识点，原来自己掌握的很基础，之前给大家推荐过一个网站，里面收录了很多优秀网页设计大家可以看看https://muuuuu.org/今天将给大伙推荐2套优质网页设计教程，如果实在对网页设计不清楚不了解可以看看，我们就按照网页设计一个流程带大家往下走，此次为WEB三部曲里面系统网页设计教程，里面详细讲述网页设计规范、布局、栅格、自适应等等知识点，下两期分别是前端教程和优质网页源码资料包，祝你轻松进入网页设计大门。

格式：MP4+素材+课件


大小：30G




我要进群VIP会员招募令2019全新UI教程大礼包

14款超好用的PS神级插件

UI设计师如何无障碍的转型产品经理

对不起！我们需要一个懂交互的UI设计师

凭什么那个UI设计师起薪15K？

120G顶级C4D教程强势来袭

C4D高阶进阶教程强势来袭【总计4套共230G】

C4D终极篇 | OC渲染高级教程强烈推荐

推荐700个国际顶尖C4D模型，堪称出图神器！

推荐900套国内外顶尖VIS设计大合集

超全面！互联网顶尖B端后台、可视化组件、UI设计规范资源大合集




关键词回复：

VIP、OC、神器、商用字体、UI学习 、面试技巧、Banner、样机下载、LOGO、C4D教程、转手绘、插画、名片、包装、字体下载、Eagle、2.5D、设计规范，创意合成，作品集模板、商务合作、转载、软件下载请回复相对应缩写（例如：PS）

快速学习请直接点击阅读全文