网页设计基础-1.ppt

1.3 网站开发的团队与协作 基础篇 从整体上看，一个小型网站的设计团队起码应该具有产品策划人员、开发人员、设计人员及运维人员四个角色，而在一些较为大型的公司则细分为产品经理、架构师、交互设计师、UI设计师、前端开发工程师、后端开发工程师、测试工程师、运维工程师等职位。 产品经理是对网站从策划到上线都了如指掌的角色。他们负责分析项目、分析市场、分析用户，分析竞品，产品线规划，原型、PRD，产品宣讲，进度推进。 架构师是既掌控网站整体开发技术又能洞悉技术局部瓶颈并依据具体的业务场景给出解决方案的团队技术领导型人物。他们主要着眼于系统的“技术实现”，负责确认和评估系统需求，给出开发规范，搭建网站实现的核心系统构架，并澄清技术细节、扫清主要难点。 交互设计师是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。他们一边要协调信息、技术部门协调相关的页面逻辑，数据承载方式等，平衡多方利弊，一边还要梳理用户与网站间的交互关系，并将交互流程转换为流程图、线框图，可视化展现网站的低保真原型（也称交互原型），确保设计人员与开发人员的有效沟通。 UI设计师（也称用户界面设计师）负责界面设计。他们具备较强的图形设计能力，了解各平台的设计规范，掌握一定前端开发的知识，能将模糊的 “需求” 直接转化为富有创意与视觉表现力的界面。 基础篇 前端开发工程师和后台开发工程师都是随着web技术发展，从开发工程师中细分出来的职业。前端开发工程师熟知前端开发技术（如HTML、CSS、JavaScript等），负责网站前端代码的修改调试和开发工作。 后端开发工程师负责数据逻辑存储（数据库、redis等），复杂逻辑的设计（如权限控制、前端数据交互、配置信息、路由等等），让用户不仅体验到了视觉和炫酷的风格，而且还要能够起到实用的功能。 测试工程师负责内容包括编写测试计划、规划详细的测试方案、编写测试用例，接着根据测试计划搭建和维护测试环境，然后执行测试工作，提交测试报告，最后对测试中发现的问题进行详细分析和准确定位，与开发人员讨论缺陷解决方案。 基础篇 运维工程师负责响应及解决客户的技术要求、疑问以及系统使用过程中遇到的各种问题。他们会收集并撰写服务过程中问题现象和处理方案，形成知识库，并且及时反馈技术处理过程中的异常情况，联系相关部门负责人，主动协调资源推动问题解决。 网站开发团队示意图 基础篇 1.4 网页的制作流程 网页的制作是一个循环往复的过程，大致要经历前期策划、规划框架、整理相关素材、设计与制作网页、测试完善及推广维护创新这六个步骤，若有一天需要对网站大型改版则又会跳转到第一个步骤。对网页的制作流程清楚地认知有利于把控网页设计与开发的进程，下面将一一详述这六个步骤所包含的内容。 基础篇 基础篇 首先是由产品经理组织策划网站主题，明确网站建设的目的意义，进行前期调查。网站主题是网站的中心内容,前期调查是紧紧围绕这一主题展开的。前期调查包括：一、了解目前同类型网站的发展趋势，了解目标用户的需求，分析其优劣势；二、根据调查结果，结合自身特点，确定网站的产品和服务方向；三、考虑网站所用技术。 基础篇 在前期策划的基础上，我们需要分析消费者的需求和市场状态，以用户为中心，规划网站的内容框架。这里的框架是指网站的服务范围，即提供那些服务，拥有那些功能。明确网站各个页面之间的关系，知晓每个页面上的功能及栏目划分。 基础篇 在网站的内容框架下，凡是网站所涉及的文本、图像和多媒体素材都是需要收集的。收集的材料越丰富，我们设计与制作时的选择空间也就越宽泛。这些资料主要来源于两个方面：一是网站甲方提供，另外则主要是由产品经理、UI设计师从书籍、期刊和网上等收集而来。然而，这些资料良莠不齐，使用时还需整理、取舍这些资料，做到辨伪存真、去粗存精，不得出现版权问题。 基础篇 设计与制作网页时，首先由交互设计师确定网站页面间的交互关系，接着设计一个交互原型。然后，由UI设计师为网站界面布局、拟定视觉风格，进而为各个主题栏目布局，绘制线框图，设计平面效果图。接着，待确认平面设计稿无误后，再交付给前端开发工程师实现设计效果。最后由后端开发工程师实现网页的数据库及交互功能。 基础篇 网站成型后由测试工程师在对产品进行功能，性能，安全等测试，并对测试结果进行分析，给出专业报告，与其他部门紧密协作，跟踪缺陷及推动及时修复。完善好网站的最终效果后，最后要利用FTP工具将网站发布到web服务器上，这样全世界的朋友都能看到你的网站了。 基础篇 网站上传后，并不意味着网站制作真正意义上的结束。据调查，网上最著名的10%的站点吸引90%的用户，可见网站的宣传与维护的