2020-11-18

学前端的第一天

一、初识Web（1）.
WEB应用开发流程
1、需求分析（重点）：明白要做什么？
2、设计：做成什么样？
3、编码：具体实现
4、测试：测试实现的效果
5、维护：维护应用，更新版本
(1)需求分析设计
UI设计（原型等） 、数据库设计、架构设计编码（coding）、 前端工程师 、 后端工程师 、DBA（数据库管理员）、（BAT工程：b：百度a：阿里t：腾讯）、测试维护
（2）什么是需求分析？
1、网站类型分析：网站到底常见种类有哪些？
2、针对用户群体：针对什么样的人群？ 市场价值及竞品分析：存在商业价值及竞争对手分析是怎样的
业务功能分析：主要的业务功能有哪些？
物业流程分析：整体网站的流程是怎样的
（3） Web应用（B/S架构） B：浏览器 S：服务器 相对应的：C/S C：客户端 S：服务器
（4）网站分类网站类型分类：
l 推广展示类：个人、产品推广、游戏、旅游等l
机构企业类：联想、Dell、政府、银行等l
电子商务类：淘宝、拍拍、京东、苏宁易购等l
多媒体互动：优酷、土豆、微博、人人网等l
综合门户型：新浪、腾讯、搜狐、网易等l 搜索引擎类：百度、谷歌网站技术分类：
l 固定分辨率网站：新浪l
瀑布流式网站：花瓣网l
响应式网站：觉唯网
（5）. 针对用户群体要考虑因素
l 用户年龄l 选择素材l 网站布局l 颜色搭配l 用户体验及动效l 功能便捷
（6）. 竞品分析考虑因素l 主要业务功能是否同样满足用户l 独有的特殊功能的核心竞争力l 用户操作及体验度是否优化l 网站性能是否更加快捷l 用户对于网站的依赖程度及习惯度
（7）. 网页结构1：封面型1-1：国字型1-2-1：拐角型1-3-1：瀑布流型标题正文型上下框架型综合变化型
（8）. 业务流程梳理业务流程梳理过程中，会产生两种图：1、主要功能说明
2、业务流程图
（9）. 网页基础结构1、网页头部——页头、导航、搜索条等2、网页内容——图片、文字、操作按钮3、网页尾部——友情链接、版权所有等
（10）. 如何对页面进行赏析l 整体布局是否合理l 配色l 页面元素是否完整l 板块划分是否清晰l 用户引导是否合理l 细节搭配（按钮、图标、字体大小、字号的选择、间距）l 页面风格是否合理l 素材运用是否
（11）. 认识AxureAxure是一个快速的原型工具，主要是针对负责定义需求、定义规格、设计功能、设计界面的专家，包括用户体验设计师（UX）、交互设计师（UI）、业务分析师（BA）、信息架构师（IA）、可用性专家（UE）和产品经理（PM）。Axure能让你快速的进行原型的设计，让相关人员对你的设计进行体验和验证，向用户进行演示、沟通交流以确认用户需求，并能自动生成规格说明文档。另外，Axure还能让团队成员进行多人协调设计，并对设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革：l 进行更加高效的设计；l 让你体验动态的原型；l 更加清晰的交流想法；
（12）作业：用Axure做网页原型图