【毕业论文】app“享吃”的产品 ui设计开发

《【毕业论文】app“享吃”的产品 ui设计开发》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、全日制本科生毕业论文     题 目：APP“享吃”的产品UI设计开发学院： 计算机与信息科学学院专业年级： 信息管理与信息系统2012级学生姓名：学号：指导教师：职称： 副教授 2016年5月6日APP“享吃”的产品UI设计开发摘要：本毕业设计是APP“享吃”的产品诞生过程和UI设计开发、APP产品定位、竞品分析、思维导图、产品原型、UI设计规范、界面设计。使用Xmind、AxureRP、Photoshop、Sktech等工具完成原型图和UI界面设计。关键词：产品定位；竞品分析；产品原型；UI界面设计Abstracts：Thisgraduationthesis

2、statesthebirthprocessandtheUIdesignanddevelopmentoftheAPP“EnjoyEating”.ThebirthprocessincludestheproductpositioningofthatAPP,analyzingcompetitors,makingmindmapandbuildingproductprototype.TheuseofAxureRP,Photoshop,Xmind,SktechandothertoolstocompletetheprototypediagramandUIinterfacedes

3、ign.Keywords：productpositioning;competitiveanalysis;productprototype;UIinterfacedesignUI设计是手机发展和计算机发展的必然结果。我们以手机行业为例，当手机刚刚进入市场的时候不但价格贵的惊人，而且除了通话以外没有什么其他功能。事过境迁，如今技术已经完全的达到用户的需求，并且频频推出短信、彩屏、彩信、弦铃声、摄像头等等。这样一来产品的美观、个性、易用、人性化等等都成了产品的卖点。现今随着计算机的飞速发展，计算机行业已经有UI设计意识了，例如：锤子科技，由于重视UI设计和用户体验，获

4、得极客公园“2014中国互联网年度创新产品大奖”和“最佳用户体验奖”两个奖项[1]；联想软件的UI部门积极开展用户研究与使用测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费PC第三的称号等。实践证明，各商家只要在产品美观和易用设计方面很小的投入，将会有很大的产出。其投入产出比，要比在功能领先性开发上的投入小得多。第18页（共19页）1开发环境简介为了方便APP的产品以及UI设计，前后使用了手绘、Xmind、AxureRP、Photoshop、Sketch、illustrator设计软件。Xmind用于制作思维导图，使得做产品

5、时的思路是清晰的；Axure用于制作产品原型，给界面设计搭建好一个视觉框架；Phtoshop、Sketch、illustrator都是用于界面的实现与细节设计。1.1手绘这里的手绘并不是指将APP的界面给一一画出来，而是进行天马行空的想象；将用户痛点和用户使用场景甚至可以使不存在的生物使用场景以画面的形式呈现出来，让我们对这个APP的使用有一个直观的概念，然后再将部分界面草图进行绘制。1.2XmindXmind是一款十分实用的商业思维导图软件，用全球最先进的EclipseRCP 软件架构，全力打造易用、高效的可视化思维软件，强调软件的可扩展、跨平台、稳定性等性能

6、，致力于使用先进的软件技术帮助用户真正意义上提高生产率[2]。我们在此用其搭建APP使用思维导图，以助于制作原型图时不产生混乱。1.3AxureRPAxureRP是美国AxureSoftwareSolution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求、规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档[3]。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本的控制管理。1.4Photoshop、illustratorAdobe公司推出的2款设计软件。Photoshop用于处理

7、界面整体的页面设计及版面规划，illustrator用于设计界面细节，如icon以及各类按钮入口。第18页（共19页）1.5Sketchsketch是一款矢量软件，同时也附带一些简易的位图处理功能。它的定位是界面设计（我个人习惯于把网页也包含在界面范畴之内）。相对于PS，它能提供更为简便的矢量图绘制方法及专为UI设计定制的许多人性化功能（其实新版本的PSCC2014在UI设计方面也做了非常多的优化）。它更接近于AI的界面操作方式。包括它是基于矢量的（便于导出不同尺寸需求）和拥有画板（Artboard）概念（就不像PS一样，一个APP需要无数个psd文件了，而像A

8、I一样，一本画册可以在一