全面了解网页设计
1。什么是网页设计？
网页设计被称为网站设计，网站设计，网站设计，WUI等。它的本质是网站的图形设计。
在21世纪，我们使用移动终端比PC终端更频繁地获取信息。但是，在PC端访问信息的历史远高于移动方面。从1987年的第一封电子邮件到2000年在美国纳斯达克上的SOHU，SINA和NETEASE上市，再到当前网站的泛滥，中国的网站一直在迅速发展，持续了近30年。到目前为止，我们在PC方面执行的操作主要用于工作和娱乐。当前的移动分辨率（iPhone6的分辨率为750x1334px），PC的一般设计分辨率为1080x1920px。
在开发过程中，PC端不仅可以不断提高网站性能和分辨率，而且还可以改善硬件。它还更多地关注用户体验设计，页面交互舒适性和页面动画。
作为UI设计师，除了掌握基本网站设计规格并了解网站的运营原理外，我们还需要高度的美学和逻辑思维技能，以在设计网页时合理地安排动画和布局。
2。工作流程
2.1了解需求
了解用户需求（该产品的定位），为市场分析，用户研究，产品描述文档等编写需求文档。
2.2原型设计
在原型阶段，设计师需要与产品经理进行有关需求的沟通。目前，应该注意的是，产品的原型不仅是产品经理的工作范围，也不是发布设计要求的产品经理和设计师，而且需要相互交流。也许设计师有一种更好的方式来传达他们在视觉上的善良和表现。在这种情况下，您需要在设计之前与产品经理达成协议。而不是在产生产品后重复修改原型。
工具（轴）
输出（原型图）
互动原型
2.3Visual Design
根据原型图，进行视觉设计，信息功能的优先级，页面布局和排版重建，并在确保信息函数保持不变的同时进行了设计。组织和改进设计规范，并使用组件思维来形成该产品的组件库。
组件库的建立（所示的组件库是作者最近的电子商务产品的组件库）
组件库的建立并不完美的主要原因是，当我刚开始设计时，我知道组件库，但我不知道如何设计组件库。因此，我将其提出来供每个人的参考。
设计规范是所有页面共有的内容，例如不同的字体尺寸，图片尺寸，按钮样式等。构建设计规格和视觉组件的库。
2.4切割和标签
早期阶段（视觉设计的PS，Pixel Chef，Cutterman或PS出口）中期阶段（素描，XD等用于视觉设计，上传到Blue Lake进行对接和切割）独立剪裁并选择合适的图片）
PS/草图（蓝湖切口）
无花果（集成设计和切割）
2.5前端开发
前端开发工程师的主要任务是使用代码将设计草稿变成静态页面。
然后使用后端工程师调用数据接口，并且可以运行网站。为了促进网站开发后期的数据监视，我们将在开发网页时“埋葬点”以促进以后了解网站数据和用户损失大量损失的流程。为了修改和改善用户体验。
2.6后端开发
它着重于三个部分，即平台设计，界面设计和功能实现。平台设计主要是为了构建后端支持服务容器；界面设计主要用于设计不同行业的相应功能接口。通常，一个平台具有多组接口，就像卫星导航平台具有两组平民和军事界面一样。功能实施是要完成特定的业务逻辑实现
上传数据或信息管理PHP .NET数据库开发和建立
2.7项目演练
在上网之前和之后进行软件自我测试，主要分为“视觉演练”和“代码演练”。
在设计的视觉演练中，这是设计的主要部分，主要任务是检查视觉草稿和开发的页面是否一致。如果不一致，前端工程师需要进行调整。
在代码演练期间，专业测试人员将审查并接受工程师的代码，开发人员应该有机会向他人解释其代码。通常，即使简单的代码详细说明也可以帮助开发人员确定错误，并设想新的解决方案，以解决以前麻烦的问题。
2.8输入
主要负责数据输入和背景上传。
2.9申请域名，空间审核，在线促销，网站维护和网站操作。
2.9.1申请域名
从第三方服务提供商申请域名是解决Internet地址通信问题的一种方法；域名必须遵循第一到登记的原则。每个域名都是唯一的，价格也有所不同。顶级域名的7个类别根据其用途进行了分类。 ，以不同的后缀结尾；域名代表Internet协议（IP）资源，例如用于访问Internet的个人计算机，托管网站的服务器计算机或网站本身或通过Internet传达的任何其他服务。
2.9.2在线促销
网站在网上包括最重要的事情是促销，因为促销可以带来大量访问网站，这些访问将产生点击权重，以加速网站的包含和排名。
2.9.3网站维护
网站维护，一个好的网站需要定期或不规则地更新内容，以便继续吸引更多的访问者并增加访问量。网站维护是为了确保您的网站可以稳定地在互联网上稳定运行。
2.9.4网站操作
网站操作是指与以后的网站运营和管理有关的所有行为工作，以提高网站在为用户服务方面的效率；该范围通常包括网站内容更新和维护，网站服务器维护，网站流程优化，数据挖掘分析以及用户研究管理，网站营销计划等，通常用于网站操作的指标：PV，IP，注册用户，在线用户，网站跳出率，转换率，付费用户，在线时间，购买频率，ARPU值。
3.WEB设计过程
3.1草图
3.2更正细节
3.3组织导航
3.4丰富的排版
3.5颜色样式
3.6分类信息
设计师友好的工作流程
原型设计kaiyun全站app登录入口，视觉设计，绘画和注释，前端开发，项目审查
3。网站分类
网站主要分为两类：TOC和TOB。
TOC
TOC方面适用于用户和消费者。例如，门户网站，公司网站，产品网站，电子商务网站，游戏网站，特殊页面kaiyun全站网页版登录，视频网站，移动H5等都是用户和消费者的产品。
由于它是针对用户和消费者的，因此必须考虑以用户为中心的体验设计。
tob
TOB方面是一个需求量很高的类别。
电子商务网站提供商的后端，仪表板，企业级OA，网站统计后端以及其他商人和专业人员的网站是TOB网站项目。这些项目的要求与TOC网站的要求有很大不同：TOB项目最重要的是效率而不是经验。也就是说，当我们为用户设计工具时，我们必须首先确保操作员可以有效地完成他们想要的东西。工作需要完成。
3.1 TOC侧
3.1.1门户网站
著名的国内门户包括新手，腾讯，netase和Sohu；著名的外国门户包括naver，llinternaute等。
门户网站的特征很大且全面。整个网站需要具有不同的渠道，例如新闻，金融，视频，体育，娱乐，时尚，汽车，房地产，技术，游戏等。
设计师数量和能力的要求也很高。每个不同的类别都要求不同的设计师负责，并且需要对该类别有一定的理解和兴趣。
3.1.2主题网站
无论是电子商务还是门户网站，您都需要设计一些特殊页面以提高曝光率并提高转化率。
可以在国内外举行各种大规模的节日，例如五月天，母亲节，植树日等。还有一个类别，具有特定主题，例如保护，野餐，户外运动等。
在主题页面的设计中，由于主题页面的启动周期很短，因此需要在短时间内获得更大的曝光和转换。因此，有必要在设计中添加更明显和热情的元素，以在短时间内吸引用户的注意力。 ，完成转换。
3.1.3视频网站
视频网站具有惊人的流量和用户粘性。主要内容是版权/用户生成的视频。
随着带宽的快速发展，视频网站的开发也迅速发展。当我们下载电影时，可以在几分钟内计算出来而不会影响带宽。
在视频网站的设计中，对用户的使用方案进行了更多考虑，并且尽可能地满足用户在不同方案中使用此产品的舒适感。
3.1.4移动H5
H5的全名是HTML5，它不仅是指移动终端开元棋官方正版下载，而且是网络前端的开发语言。由于传统的概念，我们经常提到将视频，动画和手机上的互动组合为H5的营销表格。实际上，其本质是使用Web技术在移动浏览器或内置浏览器中运行网页。
随着技术的快速发展，H5似乎具有越来越多的沟通价值和重量。
平台级产品（例如微信和手机浏览器）的普及促进了H5的开发，H5依靠门户扩展。如果设计良好，您的项目可能会在您的朋友中传播。
3.1.5产品网站
产品网站的布局通常是大屏幕全屏幕显示，为用户提供了身临其境的浏览体验。
该设计主要是展示产品的工艺，技术，设计，功能，结构，使用情况等。
3.1.6公司网站
每个公司都需要一个网站来展示其功能，介绍其产品等。
网站已经是中小型企业的标准功能。设计公司网站时，通常会有几个模块，例如网站主页，公司介绍，产品中心，公司团队，在线购物中心，并与我们联系。公司网站将显示公司环境，团队成员，企业文化等的许多实际照片，以匹配一些设计信息。
公司网站通常会追求所谓的“高端”，“慷慨”和“高端”风格，这是为了实现允许消费者认同品牌的要求。
3.1.7游戏网站
游戏带给企业的收入无疑是巨大的。在获得收入的同时，您也可以获得Daldal。因此，除了需要精心制作的游戏之外，游戏的官方网站还必须经过精心设计。不要忘记，每个玩家都需要访问游戏的官方网站才能完成重要的操作，例如下载，充电和社交。 Blizzard Entertainment（）等外国游戏网站的官方网站的设计非常精美，每个游戏的官方网站都是杰作。例如，在诸如《魔兽世界》和《星际争霸2》等游戏的官方网站上，头部具有非常强烈的视觉影响。然后，网站界面的元素都具有游戏样式，就好像您在登录此网站时在游戏中一样。
3.1.8电子商务网站
电子商务设计师属于网页设计师的分支。由于电子商务的快速发展，电子商务设计人员需要设计产品详细信息页面，首页横幅，网页布局，简单的CSS样式等。
3.2 TOB侧
3.2.1网站后端
后端网站也称为Dashborad，该网站被翻译成中文为仪表板。这意味着有很多数据和统计信息。
3.2.2 ERP系统
“ ERP系统（企业资源计划）是企业资源计划的缩写。它是一种企业管理软件，可集成材料资源管理，人力资源管理，财务资源管理和信息资源管理。市场上更常见的ERP产品包括SAP和Oracle，Ufida Uferp，Kingdee ERP K/3等
3.2.3 SaaS系统
SaaS是（软件即服务），即软件是一项服务。其他公司将来提供SaaS服务来自定义系统的公司，然后服务公司将为客户提供从服务器到设计的集成服务。
3.2.4企业OA
企业OA（办公室自动化）也是办公室自动化系统。
大型企业通常会面临大量人，广阔的地理区域以及处理公司事务的冗长程序等问题。企业OA可以很好地解决这些问题。通过企业OA，您可以完成诸如请求休假，辞职，查询公司规则和法规，要求指示和报告等任务。这降低了大量的窗户成本和员工的时间成本，并提高了公司的工作效率。
4。网站组成
1。基本知识（设计规格）
1.1文档创建规格
尺寸：1920x1080px 1680x1080px内部宽度1200px
颜色模式：RGB
分辨率：72
内部宽度（1000至1200）圆形值
1.2字体使用规格
一般原则：为了提高对文本的识别和页面的可读性，请记住不要随意粗体。
默认的中国字体是：宋朝，微软Yahei或中国细黑色等。
默认英语字体为：Helvetica，Arial，Verdana（Sans Serif）
佐治亚州，时代新闻（衬线）
文本字体14px
导航Font16/18/20
Corner Font 12px
2。内容组成（显示的内容是作者最近的电子商务项目）
