Web前端开发 第2章:开发工具 耿方方 13937198682/gff@hactcm educn http://web.book.51xueweb.cn 河南中医药大学管理科学与工程学科 2021.3
Web前端开发 第2章：开发工具 耿方方 13937198682 / gff@hactcm.edu.cn http://web.book.51xueweb.cn 河南中医药大学管理科学与工程学科 2021.3 1
2 本章主要内容 口开发工具综述 口设计工具 口开发工具 口调试工具 米 口代码托管工具 口项目管理系统
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 本章主要内容 开发工具综述 设计工具 开发工具 调试工具 代码托管工具 项目管理系统 2
3 1开发工具综述 Web前端开发工具根据开发的阶段和用途不同,可分为: ■Web设计工具 ■Web开发工具 ■Web管理与维护工具 Web调试工具
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 1.开发工具综述 Web前端开发工具根据开发的阶段和用途不同，可分为: Web设计工具 Web开发工具 Web管理与维护工具 Web调试工具 3
开发阶段 使用工具 原型设计 Axure rp Microsoft office visio PhotoShop 技术开发 Adobe dreamweaver Netbeans VS Code Web调试 FireFox Google Chrome E Microsoft Edge 代码托管 Github SVN
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 4 开发阶段 使用工具 原型设计 Axure rp Microsoft office Visio PhotoShop 技术开发 Adobe Dreamweaver Netbeans VS Code Web调试 FireFox Google Chrome IE Microsoft Edge 代码托管 GitHub SVN
5 2原型设计工具 2.什么是原型设计 口原型是一种让用户提前体验产品、交流设计构想、展示复杂系 统的方式。就本质而言,原型是一种沟通工具。 口原型设计是将页面的模块、元素、人机、交互的形式,利用线 框描述的方法,将功能更加具体、生动的进行表达 口原型划可分为以下3种类型: 纸原型:画在文档纸、白板上的设计原型、示意图,便于修改和绘制,不 便于保存和展示。 ■低保真原型:基于现有的界面或系统,通过电脑进行一些加工后的设计稿, 示意更加明确,能够包含设计的交互和反馈,但在美观、效果等方面欠佳。 高保真原型:包括产品演示Demo或概念设计展示,视觉上与实际产品等效, 体验上也与真实产品接近
河南中医学院 / 阮晓龙 / 13938213680 / http://web.51xueweb.cn 2.原型设计工具 原型是一种让用户提前体验产品、交流设计构想、展示复杂系 统的方式。就本质而言，原型是一种沟通工具。 原型设计是将页面的模块、元素、人机、交互的形式，利用线 框描述的方法，将功能更加具体、生动的进行表达。 原型划可分为以下3种类型： 纸原型：画在文档纸、白板上的设计原型、示意图，便于修改和绘制，不 便于保存和展示。 低保真原型：基于现有的界面或系统，通过电脑进行一些加工后的设计稿， 示意更加明确，能够包含设计的交互和反馈，但在美观、效果等方面欠佳。 高保真原型：包括产品演示Demo或概念设计展示，视觉上与实际产品等效， 体验上也与真实产品接近。 5 2.1什么是原型设计