目 录 译者序 前言 第一部分熟悉Visio 2000 第1章 理解Visio 2000 1.1 Visio中创新的SmartShape系统 1.2 Visio公司的简短介绍 1.3 哪些人可以使用Visio 1.3.1 涉及Visio技术的公司和职业 1.3.2 选择适合自己需求的Visio版本 1.3.3 获得Visio支持的方式 1.4 Visio的功能 1.5 标准的SmartShape模板 1.5.1 Block Diagrams 1.5.2 Flowcharts 1.5.3 Forms and Charts 1.5.4 Maps 1.5.5 Network Diagrams 1.5.6 Office Lavout 1.5.7 Organization Charts 1.5.8 Project Schedules 1.5.9 Visio Extras 1.6 Yisio 2000的独特之处 1.6.1 易于使用性 1.6.2 与微软紧密结合 1.6.3 更强大的功能 1.6.4 方便升级 1.7 小结 第2章 Visio 2000工程环境 2.1 操作Welcome to Visio 2000窗口 2.1.1 难备新的绘图 2.1.2 准备打开一个已经存在的文件 2.2 基本下拉菜单 2.2.1 File下拉菜单 2.2.2 Tools下拉菜单 2.2.3 Help下拉菜单 2.3 基本工具栏按钮 2.3.1 New Drawing按钮 2.3.2 Open按钮 2.3.3 Open Stencil按钮 2.3.4 Visio on the Web和Help按钮 2.4 小结 第3章 熟悉Visio工程 3.1 起点 3.1.1 标难工具栏按钮 3.1.2 其他工具栏简介 3.2 第一张Visio绘图 3.3 小结 第二部分 创建工程 第4章 使用样板创建新工程 4.1 从样板绘图开始 4.2 Block Diagram文件夹中的样板 4.2.1 Basic Diagram 4.2.2 Block Diagram with Perspective 4.2.3 Block Diagram 4.3 Flowchart文件夹中的样板 4.3.1 Audit Diagram 4.3.2 Basic Flowchart 4.3.3 Cause and Effect Diagram 4.3.4 Cross-Functional Flowchart 4.3.5 Data Flow Diagram 4.3.6 InEFO Diagram 4.3.7 Mind Mapping Diagram 4.3.8 SDL Diagram 4.3.9 TQM Diagram 4.3.10 Work Flow Diagram 4.4 Forms and Charts文件夹中的样板 4.4.1 Charts and Graphs 4.4.2 Form Design 4.4.3 Marketing charts and Diagrams 4.5 Map文件夹中的样板 4.5.1 Directional Map 4.5.2 Geographic Maps 4.6 Network Diagram文件夹中的样板 4.7 Office Lavout文件夹中的样板 4.8 Organization Chart文件夹中的样板 4.8.1 Organization Chart Wizard 4.8.2 Organization Chart 4.9 Project Schedule文件夹中的样板 4.9.1 Calendar 4.9.2 Gantt Chart 4.9.3 PERT Chart 4.9.4 Timeline 4.10 小结 第5章 使用Page Layout WiZard创建新程 5.1 从Page Layout Wizard开始 5.2 访问Page Layout Wizard 5.2.1 标题块 5.2.2 修改标题块和边界 5.2.3 插入公司微标 5.3 小结 第三部 分使用Visio 2000进行绘图 第6章 使用基本绘图工具 6.1 绘制线条的主要按钮 6.1.1 使用LineTool(直线工具) 6.1.2 使用Arc Tool(弧线工具) 6.1.3 使用Freefom Tool(任意线工具) 6.1.4 使用Pencil Tool(铅笔工具) 6.2 定制线条格式 6.2.1 改变线条样式 6.2.2 改变线条颜色 6.2.3 改变线条深度 6.2.4 改变线条模式 6.2.5 改变线条末端 6.2.6 改变线条边角 6.3 创建基本图形并进行格式化 6.3.1 使用矩形和椭圆工具 6.3.2 设定圆角 6.3.3 使用填充色 6.3.4 改变填充样式 6.3.5 应用填充模式 6.3.6 创建阴影 6.4 使用键盘快捷方式 6.5 小结 第7章 撤消/恢复和删除对象 7.1 设置Undo/Redo的次数 7.2 使用撤消命令 7.2.1 创建一个例子 7.2.2 使用Edit Undo方法 7.2.3 使用标准工具栏中Undo控件 7.2.4 使用键盘撤消命令 7.3 使用Redo命令 7.3.1 使用Edit Redo方法 7.3.2 使用标准工具栏中的Redo控制 7.3.3 使用键盘Undo命令 7.4 删除对象 7.4.1 删除对象的方法 7.4.2 删除对象并放入内存的方法 7.4.3 把删除到内存中的对象拷贝到页面中 7.4.4 删除组中对象的方法 7.5 删除文本 7,6 删除页面 7.6.1 使用Edit Delete删除一页 7.6.2 使用DrawingExplore删除页面 7.7 小结 第8章 页面设置 8.1 创建新页面 8.2 页面重命名 8.3 到达另一页面 8.4 页面排序 8.5 删除页面 8.6 旋转页面 8.7 操作前景和背景 8.8 设置页面参数 8.8.1 调整页面颜色 8.8.2 从页面中删除网格、标尺相连接点 8.8.3 设定页边距 8.8.4 调整页面大小和方向 8.8.5 调整绘图比例 8.8.6 加页眉和页脚 8.9 小结 第9章 调整视图 9.1 缩放和扫视 9.1.1 标准工具栏中的缩放按钮和缩放比例按钮 9.1.2 zoom对话框 9.1.3 Pan&Zoom操作以及Pan&zoom窗口 9.1.4 设置Center selection on Zoom 9.1.5 其他的Pan&zoom窗口方法 9.2 视图窗口 9.2.1 创建新窗口 9.2.2 平铺式 9.2.3 层叠式 9.3 小结 第10章 使用标尺、网格和辅助线 10.1 设置标尺 10.1.1 选择度量单位 10.1.2 应用各种单位 10.1.3 放置标尺零点 IO.2 使用网格 10.2.1 设置网格间距 10.2.2 设置网格线的最小间距 10.2.3 设置网格原点 10.2.4 使用动态网格 IO.3 放辅助线和辅助点 10.3.1 设置辅助线 10.3.2 设置辅助点 10.4 使用对齐和粘合 10.4.1 使用Snap 10.4.2 使用粘合 10.5 小结 第11章 理解文件属性 11.1 查看文件属性 11.2 访问文件属性 11.2.1 General选项卡 11.2.2 Summary选项卡 11.2.3 Contents选项卡 11.2.4 Output Format选项卡 11.3 保护文件 11.3.1 文件保护和保护对话框 11.3.2 只读保护 11.4 设置文件路径 11.5 小结 第12章 保存文件 12.1 保存选项 12.1.1 File下拉菜单相Save As窗口 12.1.2 Properties对话框 12.1.3 后继保存 12.1.4 打印到文件 12.2 小结 第13章 打开绘图文件 13.1 打开已存在的Visio绘图文件 13.1.1 在启动时打开一个已存在的文件 13.1.2 在启动后打开一个已存在的文件 13.1.3 Open对话框的选项 13.1.4 快捷方式 13.1.5 打开以前Visio版本创建的文件 13.2 使用MS Quick View预览和打开文件 13.2.1 预览和打开Visio文件 13.2.2 打开非Visio文件 13.3 小结 第14章 绘图预览和打印 14.1 使用打印预览窗口 14.1.1 打印预览按钮 14.1.2 其他打印预览扫视操作 14.1.3 同时浏览打印预览和绘图窗口 14.2 打印文档 14.2.1 设置打印工作 14.2.2 打印绘图 14.2.3 打印图形表格 14.3 小结 第四部 分使用并操作图形 第15章 模板和样板应用 1.5.1 打开模板 15.2 创建模板文件 15.2.1 创建新主图形 15.2.2 在新模板中放置已存在的主图形 15.2.3 在多个模板中放置一个主图形 15.3 设置模板文件属性 15.4 使用文档模板 15.5 编辑模板文件 15.5.1 编辑主图形 15.5.2 编辑图标 15.5.3 重命名模板文件 15.6 调整模板窗口 15.6.1 浏览模板内容 15.6.2 定位模板窗口 15.6.3 关闭模板窗口 15.7 使用样板 15.7.1 创建和修改样板 15.7.2 进行一个样板练习 15.8 使用Drawing Explorer 15.8.1 调整Drawing Explorer窗口 15.8.2 使用Drawing Explorer定义类型和模式 15.9 使用Shape Explorer 15.9.1 查找 15.9.2 使用Shape Explorer中的项目 15.9.3 创建个性化数据库 15.9.4 更多数据库选项 15.10 小结 第16章 调整大小、定位和复制图形 16.1 使用Size&Position窗口 16.1.1 研究Size&Position窗口 16.1.2 一个Size&Position窗口的例子 16.1.3 改变Size&Position窗口位置 16.2 改变图形大小 16.2.1 点击拖动方法 16.2.2 使用数字控制改变大小 16.3 图形比例 16.4 移动图形 16.4.1 旋转图形 16.4.2 韶转图形 16.4.3 拖动图形 16.4.4 处理重叠图形 16.5 复制图形 16.5.1 使用图章工具复制 16.5.2 通过选择进行复制 16.5.3 使用层选进行复制 16.5.4 使用Chart Shape Wlzard创建堆叠式和可扩展图形 16.6 小结第17章 连接图形 17.1 Visio中的图形和连接器 17.2 连接点、连接器工具和静态粘贴 17.2.1 使用静态粘贴的连接点 17.2.2 使用静态粘贴连接的例子 17.2.3 连接点工具 17.2.4 加入连接点的例子 17.2.5 移动连接点的例子 17.2.6 删除连接点的例子 17.2.7 其他有用的连接点:粘贴选项 17.2.8 连接中使用其他点的例子 17.3 三种类型的连接点 17.3.1 内在连接点 17.3.2 外在连接点 17.3.3 内在&外在连接点 17.3.4 使用外在连接点和内在&外在连接点的例子 17.4 动态粘贴 17.4.1 怎样使用动态粘贴 17.4.2 什么时候使用动态粘贴 17.4.3 使用动态粘贴的例子 17.4.4 什么时候自动使用动态粘贴 17.5 使用图章工具 17.6 其他连接器图形 17.6.1 动态连接器图形 17.6.2 直线—曲线连接器 17.6.3 图形连接器 17.7 同时连接多个图形 17.8 拖动时连接图形 17.9 激活Snap&Glue工具栏 17.10 跳线与布线 17.11 小结 第18章 快速安排图形格局 18.1 快速安排图形格局 18.1.1 选择绘图页面中的指定图形 18.1.2 选择绘图页面中的所有图形 18.2 使用与编辑调色板 18.3 使用Format Painter 18.3.1 使用Format Painter定制图形格式 18.3.2 使用Format Painter格式化图形内的文本 18.4 重建图形的原始样式 18.5 定义新图形样式 18.5.1 创建一种样式 18.5.2 样式重命名 18.5.3 样式编辑 18.6 使用图形保护功能 18.7 在Special对话框中输入信息 18.8 小结第19章 图形分布与对齐 19.1 对齐图形 19.1.1 使用标尺和网格对齐图形 19.1.2 使用辅助线和辅助点对齐图形 19.1.3 对齐地图图形 19.1.4 使用Align Shapes操作 19.2 分布图形 19.2.1 使用标尺、网格和辅助线分布图形 19.2.2 使用Distribute shapes操作 19.3 排列图形 19.4 使用其他图形调节工具 19.4.1 居中图形 19.4.2 更新对齐方框 19.5.小结 第20章 使用层 20.1 创建层 20.1.1 把图形指派给层 20.1.2 把主图形指派给层 20.2 选择多层 20.3 调整层属性 20.3.1 层重命名 20.3.2 删除层 20.4 小结 第21章 使用布局和布线功能 21.1 连接 21.1.1 手工调整动态连接器和图形 21.1.2 点到点连接 21.1.3 图形间连接 21.2 布局和布线基本知识 21.2.1 Layout&Routing工具栏 21.2.2 Layout&Routing对话框 21.3 在布局和布线中放入连接器 21.3.1 修改布线样式 21.3.2 应用布线方向 21.3.3 布线分离和重叠 21.3.4 使用跳线 21.3.5 连接器自动重新布线 21.4 布局和布线过程中的图形放置 21.4.1 修改放置行为 21.4.2 使用自动图形与连接器放置 21.5 设置Layout and Routing Spacing规格 21.5.1 了解Layout and Routing Spacing对话框 21.5.2 调节间隔大小 21.6 小结 第22章 定制图形行为格式 22.1 修改基本图形行为特征 22.1.1 调整基本图形行为 22.1.2 重新设置双击操作 22.1.3 使用连接器和放置操作 22.2 改变基本图形行为 22.2.1 改变交互样式 22.2.2 禁止选择高亮显示 22.2.3 不可打印与加入组 22.2.4 控制组行为 22.2.5 控制组成员的放缩行为 22.3 设置双击选项 22.4 使用Connector和Placement 22.4.1 Connector选项卡 22.4.2 Placemen选项卡 22.5 小结 第23章 自定义图形属性 23.1 关于自定义属性 23.2 打开Custom PropertiesWindow 23.2.1 练习:打开、移动和自动隐藏CuStom Properties Window 23.2.2 在Custom Properties Window中输入数据 23.2.3 练习:输入数据 23.2.4 在Custom Properties Window中编辑自定义属性数据 23.2.5 练习:编辑数据 23.3 Custom Properties对话框 23.3.1 打开Custom Properties对话框 23.3.2 练习:在Custom Properties对话框中输入数据 23.4 编辑自定义属性域 23.4.1 打开Define Custom Property对话框 23.4.2 编辑一个已有自定义属性 23.4.3 练习:编辑已有自定义属性 23.4.4 创建一个新自定义属性 23.4.5 练习:创建一个新自定义属性 23.4.6 删除一个自定义属性 23.4.7 练习:删除一个自定义属性 23.5 使用Custom Properties Editor 23.5.1 打开Custom Properties Editor 23.5.2 编辑模板中的主图形 23.5.3 编辑活动绘图中的图形 23.5.4 编辑另一个Visio绘图中的图形 23.5.5 练习:使用Custom Properties Editor 23.6 小结 第24章 使用图形组 24.1 图形组合与取消组合 24.1.1 把图形放入组中 24.1.2 取消图形组合 24.2 编辑图形组及其成员 24.2.1 选择组和组中成员 24.2.2 改变组成员 24.2.3 删除组和组成员 24.2.4 从组中释放图形 24.2.5 向组中添加图形 24.2.6 放置图形组 24.3 小结 第25章 使用图形运算 25.1 运算操作 25.2 更新对齐框 25.3 反转 25.4 合并图形 25.5 结合图形 25.6 图形分割 25.7 交叉图形 25.8 图形相减运算 25.9 连接线段 25.10 裁切图形 25.11 设置偏移图形 25.12 使用Fit Curve功能 25.13 自定义拟合导入图形 25.1.4 小结 第五部分 掌握Visio 2000 工具选项和宏操作 第26章 使用常规和高级工具选项 26.1 General选项卡中的选项 26.2 Drawing选项卡中的选项 26.3 Advanced选项卡中的选项 26.4 调色板对话框选项 26.5 小结 第27章 使用关键宏操作 27.1 使用自定义属性编辑器 27.2 图形浏览器 27.2.1 使用Shape Explore进行搜索 27.2.2 图形济览器的个性化数据库 27.2.3 把个性化数据库加入Visio图形浏览器搜索中 27.3 交叉功能流程图 27.4 组织图转换器 27.5 创建Gantt图 27.5.1 日期 27.5.2 格式 27.5.3 Gantt Chart工具栏 27.5.4 改变时间量程的日期和单位 27.5.5 替换缺省任务名和其他缺省数据 27.5.6 加入新的重要事件 27.5.7 配置工作时间 27.5.8 创建任务间的依赖关系 27.5.9 添加标题和图标符号 27.5.10 打印Gantt图 27.5.11 导出Gantt图数据 27.5.12 导入工程数据 27.6 为绘图中的图形编号 27.7 小结 第28章 基于数据库中的信息创建工程 28.1 与数据库相关的向导 28.2 数据库相关向导基础 28.2.1 Visio样本数据文件 28.2.2 文本文件 28.2.3 MS Excel工作簿 28.3 Database Wizard 28.3.1 把图形链接到数据库记录 28.3.2 给图形加入动作和事件 28.3.3 创建链接绘图或修改已有绘图 28.3.4 在页面中添加数据库动作和事件 28.3.5 从已有数据库中产生新主图形 28.4 Database Export Wizard 28.4.1 图形与数据库中记录、表和域的关系 28.4.2 使用Database Export Wizard 28.5 Import Flowchart Data Wizard 28.5.1 以文本格式准备数据文件 28.5.2 以MS Excel格式准备数据文件 28.6 Organization Chart Wizard 28.6.1 使用Organization Chart Wizard 28.6.2 Organization Chart Wizard需要的数据类型 28.6.3 用向导输入数据创建组织图 28.6.4 通过向导修复图 28.6.5 改编SAp/R3数据库用于Visio Organization Chart Wizard 28.7 Property Reporting Wizard 28.7.1 自定义属性数据 28.7.2 使用层精选财务或数值报表 28.7.3 设置报表外观 28.8 其他数据库相关的Visio功能 28.8.1 Database Settings 28.8.2 Database Refresh和Database UPdate 28.8.3 Database Drawing Monitor 28.9 小结 第六部分 创建与操作文本 第29章 基本文本操作 29.1 插入文本 29.1.1 使用TextTool(文本工具) 29.1.2 使用Text Block Tool(文本块工具) 29.1.3 向Visio图形添加文本 29.2 查找与替换文本 29.2.1 查找文本 29.2.2 替换文本 29.3 选择文本 29.4 选择、安置和改变文本块大小 29.5 执行文本编辑功能 29.5.1 删除文本 29.5.2 复制与粘贴文本 29.6 选择字体 29.7 调整文本大小 29.8 调整文本颜色 29.9 调整字体特征 29.10 改变文本样式 29.11 操作文本样式 29.11.1 修改预定义样式 29.11.2 创建新文本样式 29.12 小结 第30章 文本格式与对齐 30.1 复习:工具栏文本命令以及Text对话框 30.2 改变段落对齐方式 30.3 改变段落间距 30.3.1 使用FormatText工具栏按钮 30.3.2 使用Text对话框改变段落间距 30.3.3 练习:段落间距 30.4 改变行间距 30.5 改变段落缩进 30.5.1 使用Format Text工具栏按钮 30.5.2 练习:使用Format Text工具栏按钮改变段落缩进 30.5.3 使用Text对话框 30.5.4 练习:使用Text对话框改变段落缩进 30.6 垂直对齐文本 30.6.1 使用Format Text工具栏按钮 30.6.2 练习:使用工具栏按钮对齐文本 30.6.3 使用Text对话框 30.6.4 练习:使用Text对话框 30.7 调整页边距 30.8 调整背景颜色 30.8.1 使用Fill Color按钮 30.8.2 练习:使用Fill Color按钮 30.8.3 使用Text对话框 30.8.4 练习:使用Text对话框 30.9 设置制表符 30.9.1 打开TextRuler 30.9.2 使用TextRuler 30.9.3 练习:使用TextRule设置制表符 30.9.4 使用Text对话框 30.9.5 练习:使用Text对话框设置制表符 30.10 添加项目编号 30.10.1 Bullets按钮 30.10.2 Text对话框中Bullets选项卡 30.10.3 使用一次性列表对象 30.10,4 练习:使用两种方法添加项目编号 30.11 小结第31章 文本拼写检查 31.1 激活拼写检查工具 31.2 拼写检查功能 31.3 用户词典 31.3.1 创建新用户词典 31.3.2 停止使用用户词典 31.4 改变拼写检查的语言 31.5 小结 第七部分 导入或导出绘图第32章 插入对象 32.1 插入注释 32.1.1 添加注释 32.1.2 编辑或删除注释 32.2 插入位图图像 32.3 插入其他图像 32.4 转换选项 32.5 插入剪贴画 32.6 插入Microsoft Graph 32.7 用拖放技术插入 32.8 插入超链接 32.9 插入其他类型的对象 32.9.1 链接 32.9.2 嵌入 32.9.3 链接还是嵌入 32.9.4 添加嵌入对象 32.9.5 添加链接对象 32.9.6 使用剪贴进行链接与嵌入 32.9.7 编辑对象 32.9.8 管理链接 32.10 小结第33章 导出绘图 33.1 为什么要导出绘图 33.2 可使用的格式 33.3 导出指定文件类型 33.3.1 导出位图文件 33.3.2 导出其他图像格式 33.4 小结 第八部分 Visio中的其他功能第34章 使用ShapeSheet 34.1 什么是ShapeSheet 34.2 ShapeSheet的组成 34.3 显示与隐藏区 34.4 显示ShapeSheet 34.5 修改ShaPeSheet 34.6 打印ShapeSheet的电子表格 34.7 小结第35章 用Visio进行Web页面设计 35.1 Visio与Web页面 35.2 插入超链接 35.2.1 链接到对象或页面 35.2.2 为链接选择图形 35.3 保存成Web格式 35.3.1 保存为图像 35.3.2 保存为HTML文件 35.4 图像映像 35.4.1 图像映像如何工作 35.4.2 客户方与服务器方图像映像 35.4.3 Visio中的图像映像 35.5 小结 第36章 使用AutoCAD绘图 36.1 导入AutoCAD绘图并显示 36.1.1 可导入的AutoCAD文件格式 36.1.2 使用AutoCAD文件提供详图 36.2 编辑导入的AutoCAD绘图 36.2.1 调整图像比例 36.2.2 改变AutoCAD图像的比例 36.2.3 显示层 36.2.4 剪裁导入图像和全景视图 36.3 把AutoCAD对象转换成Visio格式 36.4 导出Visio文件变为AutoCAD格式 36.5 小结 第37章 Visio 2000在其他领域的应用 37.1 完成简单的图形设计任务 37.2 创建销售图表 37.3 为谱系研究设计演示文稿 37.4 管理工程 37.5 进行建筑设计 37.6 分析信息系统 37.7 小结 附录A 安装Visio 2000 附录B Vsio 2000键盘快捷方式组合 附录C Visio 2000绘图示例
Visio画网站草图很好用的工具.原图包含很多网站用基本元素。
比较了10种原型开发软件,包括Visio、Axure、Mockups、MockFlow、GUI Design Studio等等。
一、应用技术说明和开发工具 2 1.1 程序语言的选择 2 1.1.1 Java概述 2 1.1.2 Java特点 3 1.1.3 MySQL数据库 4 1.1.4 MVC 4 2.1 B/S模式 5 2.1.1 B/S架构概述 5 2.1.2 B/S架构的工作原理 6 2.1.3 B/S架构与C/S架构的比较 6 3.1 开发工具 6 3.1.1 建模工具Microsoft Visio 6 3.1.2 编码工具IDEA 7 3.1.3 数据库连接工具Navicat 7 二、项目整体结构设计 8 2.1项目结构框架 8 2.2前端技术 9 2.2.1 HTML页面freemarker模板引擎 9 2.2.2 easyUI 10 2.3后端技术 12 2.3.1 springboot框架 12 2.3.2 JPA 15
sharepoint 2010 开发动手训练营。 为开发人员设计,一步步学习sharepoint 2010 开发
VISIO模板,流程图,最正规的,软件设计人员的好帮手
UIDesigner(腾讯公司出品) 在软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势,当然也各有各的缺点啦。那么腾讯CDC是如何设计软件原型的呢?这里向大家介绍我们正在研发的原型设计利器UIDesigner。 首先,先让我们来体验一下UIDesigner制作出来的原型效果。这个原型是一个设置窗体,主要由按钮、复选框、分组框和文本框等控件构成,其中一些按钮还具有响应的动作(如打开另一个界面,关闭窗体等)。如图一所示,这是使用Firework制作出来的交互图。 图一、使用Firework制作出来的设计稿 这种交互图的特点是简单明了,能够表示出各种控件的基本属性(如文本、位置和选中状态等),但它只是一个静态的图片,不能真实表现出每个控件的响应动作,如仅看这张图,是不清楚点击代理服务器设置分组框上的“设置…”按钮会有什么响应的。 那再看看你若使用UIDesigner制作出来的效果:最终输出的是一个EXE可执行文件(见图二左上角),双击运行后就会出现一个与最终实现效果完全一致的窗体(见图二右)。另外,它还是一个具有响应动作的真实原型,例如你若点击了“设置…”按钮,那就会弹出一个新的窗体(见图三)。 图二、使用UIDesinger制作出来的原型 图三、点击“设置…”按钮后弹出的另一窗体 实际上,这个新弹出的窗体都是一个独立的原型,也是由UIDesigner制作出来的。由于它里面的控件同样可以设置下一步的响应动作,所以从总体上来看,众多原型就像一个树状结构,而其中的父节点就是图二中的设置窗体了。这种结构具有一个很大的好处:无论你完成了多个界面的原型,只需要它们之间有链接关系,最后输出的只是一个EXE可执行文件。这样,你可以很方便地与其它人员表达自己的设计思路,让沟通变得更加快捷。 接下来,我们看看这个原型是如何制作出来的。 第一步:建立空白窗体,调整它的大小、风格、标题和Icon 图四、使用UIDesigner制作原型—建立窗体 第二步:从工具箱中拖曳控件到窗体上,修改这些控件的属性(如Text等) 图五、使用UIDesigner制作原型—加入控件 由于UIDesigner具有自动对齐的功能,所以在拖动控件到窗体时就可以完成排版工作,不需要再逐个像素去调整。另外,不单单在加入控件到窗体时,在改变已存在于窗体内的控件的位置或者大小时,自动对齐功能一样会生效。这样,设计者在调整控件大小或者位置时(包括控件与控件,控件与窗体边缘等的距离等情况),工作变得很简单。 图六、使用UIDesigner制作原型—自动对齐功能 第三步:几分钟后,所有的控件都放到窗体并设置好属性了,如下图。 图七、使用UIDesigner制作原型—整体界面效果 此时,设计者就可以使用软件的导出图片或者导出原型功能分享你的设计成果了。当然,现在这种效果还只是一个没有响应动作效果的原型。接下来,我们再给“设置…”按钮加入响应动作。首先,选中“设置…”按钮,然后点击工具栏的“响应”按钮,你将会看到如图八的响应设置窗口。此时,你可以选择打开窗体、打开网页、弹出对话框、修改属性值和关闭本身窗体等五种效果,这里我们选择“打开窗体”,然后在弹出的对话框里指向弹出窗体的文件。最后,点击“完成”按钮即可。 图八、使用UIDesigner制作原型—设置控件的响应动作 到此为止,你就完成了一个与最终实现效果完全一致的高保真原型了。产品经理和开发人员等若想了解你的设计思想就不需要看着长长几页的说明文档了,而只需要运行你输出的原型文件,就可以对你的设计思路一目了然。 UIDesigner除了能让使用者能够快速地搭建起软件界面的高保真原型外,还提供了项目管理,让使用者能够方便地管理工程文件;提供了图片库和模板库功能,让使用者可以方便地重用以前的设计资源;提供了32个Windows客户端软件常用控件,满足使用者的设计需求;提供了多个属性设置入口,分别实现最常用属性设置、一般属性设置和高级属性设置功能。当然,UIDesigner不是专用来设计QQ的,其它的Windows客户端产品都在它的工作范围之内。总的来说呢,使用UIDesigner来制作原型是很高效的,而制作出来的原型也能够实现设计师、产品经理和程序开发工程师三者间的快速沟通,减少不必要的工作内耗。 ------------------------------------------------------------------ GUI_Design_Studio_3.5.94.0 在2008年,这款软件的作者从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。 GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件;将它们整合以展示操作工作流然后运行模拟程序测试您的设计。 当您需要绘制一款应用程序的外观或显示怎样将程序的各个部分连接起来时,您就可以使用GUI Design Studio来实现,如: 将产品创意文档化 制作项目提案 需求记录 创建屏幕图样 为开发人员制作详细的规格 为现有产品提出加强方案 以及更多其它用途 为用户以及股东甚至您自己制作展示文件以: 验证设计 找出替代项 评估多个使用场景 系统需求 Microsoft Windows Vista/XP/NT/2000 至少15MB的硬盘空间 推荐不少于256MB的内存 工程 将您的工作组织放到工程里。 每个工程都拥有它自己的文件夹结构。 可连接您计算机或网络上任何地方的其它库工程。 可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。 创建您想要的并独立于所有工程的个人化设计文件。 创建能重复使用的设计库以及工程之间的一致性。 将图片直接从剪贴板中粘贴到工程文件夹的文件中。 屏幕设计程序 可同时打开多个设计文档并能使用分页界面在文档间快速切换。 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单、工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有元素或其它自定义控件创建自定义控制组件。 在其它设计中创建将要使用的控件设计。 以常用的文件格式添加图标与图片。 从能够显示您将获得什么的控件面板中进行拖放操作。 属性编辑程序使您能将每个元素进行自定义。 元素的自动生成功能。 您能在任何地方放置任何元素。 Edge snapping能通过“点击”对屏幕元素进行统一记录。 设计网格向您提供了简单的制作具有一致性设计布局的方法。 只需单键点击就能排列元素组。 均衡地隔开元素组。 调整元素大小以适应其它元素或测量一组其它元素。 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。 剪切、复制与粘贴。 使用可选的canvas向导显示可用的屏幕空间。 通过文本框与书签对您的设计进行注释。 为每个设计添加说明。 选择色彩主题以避免实际功能窗口的混淆。 图标 为图标面板提供快速的访问方式。 工程间可共享常用图标。 工程也能拥有它们独享的图标集。 使用将来在实际产品开发中可能用到的标准ICO文件。 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。 如果愿意同样能整合任意其它的图标编辑应用程序。 展示与原型 在可导航元素(如按键与窗口)之间创建连接以显示控制流程。 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口,以及窗口替换以实现切换效果。 锚点使您能对窗口进行准确定位。 能立即在模拟程序中测试或展示您的设计。 添加消息框以描述可能在真实应用程序中出现的功能。 可创建多种场景,如正常条件下的场景与多个出错场景。 选择要激活的场景或让模拟程序为您选择。 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。 ------------------------------------------------------------------ Balsamiq_Mockups_1.8.4 1. 首先安装 AdobeAIRInstaller.exe 2. 安装主程序 MockupsForDesktop.air 3. 使用 keygen 进行注册 在Balsamiq Mockups中绘制界面原型,就像在纸张和白板上手工绘画一样方便快速,而且不用担心出错,因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了! 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件,如浏览器窗口、媒体播放器组件、圆形图表等,让你信手拈来! 丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重做,不用担心出错,你可以无限制的进行回复和重做。 开放,可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据,你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用,你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件,可以帮助你设计桌面应用软件,Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件。 功能和亮点: 操作方面:拖拽,控件分组,甚至元素之间的对齐都做得很到位; 预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,其实比用白板都快; 界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字; 使用xml语言来记录和保存界面元素和布局,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。 可以将设计导出成PNG格式的图片; 随着使用的熟练,快捷键便派上用场,超过一半的元素均有快捷方式,这更有助于原型的快速构造,几乎几分钟便可实现一个满意的而复杂的原型设计; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用; 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效。 可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;据作者说,现在这款软件的设计就是用它自己来设计的,经典的“吃自己的狗粮”,这也让我对其更有信心,因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务,作者Peldi对问题报告,新需求的回应很积极和及时。而且根据这个讨论上看,到月底就会有一个专门用来分享界面控件设计的社区网站了,很期待。 再要说的一点是这款软件是要付费的,79美元(也可以免费,具体如何免费,请看网站上的说明),相对于它能节省下来的时间和提高的效率,是很值得的。Peldi说在2008年,这款软件就从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。
Visual Studio2008十大新特性,包含最亮点的LINQ查询语言
一款基于Web浏览的矢量图形控件,类似于网页上的Visio控件,提供编辑态运行态
visio模具 web相关
点聚weboffice开发文档,接口说明,WebOffice 文档控件
多比图形控件教程, 多比图形控件入门开发, 多比图形控件指南
C#1.1.1 Visual Studio.NET 有几个集成开发环境
Axure RP Pro是美国Axure Software Solution公司的精心杰作,如果你本身是软件项目经理,Web产品经理,或网站策划工作者,那么你不能不知道这套软件。 [1]Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。它同时支持多人协作设计和版本控制管理。 Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure
多比图形控件是一款基于Web的矢量图形控件, 类似于网页上的Visio控件,是目前国内外 最佳的基于web的工作流设计器、工作流流程监视器解决方案。 可广泛应用于包括:电力、 军工、煤炭、化工、科研、能源等各种监控软件、电力、化工、煤炭、工控组态软件、仿真、 地理信息系统、工作流、复杂报表 工业SCADA系统、ERP流程设计系统、图形管理、图形拓扑分析、 GIS地理信息系统系统、工程制图等领域。 目前已经为全球20多个国家的数千家客户采用。 如何使用 1. 将本软件解压到web服务器,IIS/Tomcat/Apache等。(如果从本地打开,某些功能将不能使用)。 2. 打开index.html查看示例。 3. 本软件为试用版。
pageOffic,非常实用的网页工具,不过目前还是收费的版本
web交互式原型的Visio图形库模版,作交互界面非常方便