《创新创业理论与技术 (34).pdf》由会员分享,可在线阅读,更多相关《创新创业理论与技术 (34).pdf(10页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、任务一:产品原型设计Learning the basic concepts of innovation and Entrepreneurship项目二 自建网络平台创业知识点3:产品原型设计案例分析与制作需要掌握的技术动态面板事件交互样式动态面板显示与隐藏显示动画效果企业站原型图的搭建页面之间的跳转等操作第三部分产品原型设计案例分析与制作01原型设计案例分析与制作模拟制作一个完整的企业站原型图设计,包括企业站首页,跳转到二级页面的制作,制作导航菜单,鼠标悬停状态改变,鼠标经过一级菜单,自动弹出显示二级菜单。1.搭建基础界面临摹制作企业站首页,搭建基础界面,主要包括三个部分:标题栏、导航栏和内容
2、区域。制作页面顶部导航栏,调整整个导航栏的颜色,交互时标题颜色和背景融合,如图所示。第三部分产品原型设计案例分析与制作2.制作弹出菜单在本案例的制作中,设置交互样式,鼠标经过时,文字显示为橙色,并且采用弹出二级菜单的显示方式,鼠标经过一级菜单时,自动下拉弹出二级菜单,鼠标移出一级菜单或者二级菜单时,二级菜单隐藏。第三部分产品原型设计案例分析与制作3.制作页面交互事件制作页面交互事件,当在“首页”点击“服务”菜单时,会跳转到二级子页面,设置“鼠标单击时”交互用例,链接-打开链接-在当前窗口打开page1页面,具体操作方法如图所示。第三部分产品原型设计案例分析与制作4.预览与发布 在制作原型图过程中,也可以随时按预览的快捷键F5随时查看,打开浏览器。生成HTML文件是保存到本地的一个文件夹里面的,我们可以把制作的整个项目打包成一个大的文件夹,把生成的HTML文件放置在大的文件夹里面,这样方便查找文件及汇报项目。操作步骤:发布-生成HTML文件(快捷键CTRL+8),HTML文档输出“目录”-设置打开浏览器-确定是否显示页面列表和工具栏-单击“生成”-输出HTML文件。第三部分产品原型设计案例分析与制作小 结通过本任务的学习:1.掌握原型设计的基本概念 2.掌握AxureRP的基本使用方法。THANKS