手机APP设计_毕业设计
河南经贸职业学院毕业论文
手机APP设计
独创性声明
本人声明所呈交的毕业论文是我个人在导师指导下进行的研究工作及取得的成果。尽我所知，除文中已经标明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。
论文作者签名：
日期：年月日
毕业论文版权使用授权书
本毕业论文作者完全了解学校有关保留、使用毕业论文的规定，即：学校有权保留并向有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权河南经贸职业学院要以将本论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本论文。
保密□，在________年解密后适用本授权书.
本论文属于
不保密□。
（请在以上方框内打“√”）
毕业论文作者签名：指导教师签名：
日期：年月日日期：年月日
摘要
手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使用，因此，手机ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。我的作品是一款拥有时尚前卫的手机社交APP设计,把一些潮流的动感元素融入，转化为有形的，可以看到的平面艺术中去，以平面化的表现方式进行美的表现，带给人以此时无声胜有声的更高境界。时尚的红色带着少女的朝气，视觉艺术的转化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美体验。界面在表现形式中也不同于常见的平面化界面，以平面设计中"立体化"的视觉表现形式为切入点进行创新，此款手机APP产品设计主题突出、明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一，是一款人们值得拥有社交类APP，给予现在年轻人不同的社交体验。作品独特、具有视觉冲击感，创意设计灵魂体现在每一个界面，如：柔美的线条，构成少女美妙的身姿，仿佛在跟随着音乐起舞，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：定位时间、地点以及日期、精确到每一个像素等细节呈现着令人赏心悦目的视觉效果。我的APP旅游产品设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交互体验。
关键词：创意设计，地点定位，时间定位，精细分类
目录
摘要.................................................. I 1项目概述.. (1)
1.1项目目的和内容 (1)
1.2项目分析 (1)
1.2.1行业背景分析 (1)
1.2.2典型用户分析 (2)
1.2.3同类型APP分析 (2)
1.3基本要素 (3)
1.3.1设计风格定义................ 错误！未定义书签。
1.3.2标准色定义 (3)
1.3.3规格定义.................... 错误！未定义书签。2概要设计.. (4)
2.1创意来源 (4)
2.2产品的风格定义 (4)
2.3手机APP流程图 (4)
3详细设计 (6)
3.1开场界面 (6)
3.1.1原型图 (6)
3.1.2效果图 (7)
3.2登录界面 (6)
3.2.1原型图 (6)
3.2.2效果图 (6)
3.3首页界面 (7)
3.3.1原型图 (7)
3.3.2效果图 (7)
3.4注册界面 (8)
3.4.1原型图 (8)
3.4.2效果图 (8)
3.5个人中心界面 (9)
3.5.1原型图 (9)
3.6.2效果图 (9)
3.6购物界面1 (10)
3.6.1原型图 (10)
3.6.2效果图 (10)
3.7购物界面2 (11)
3.7.1原型图 (11)
3.7.2效果图 (11)
3.8分享界面 (12)
3.8.1原型图 (20)
3.8.2效果图 (21)
3.9设置界面 (22)
3.9.1原型图 (22)
3.9.2效果图 (23)
4设计中所遇困难和解决方案 (14)
5设计体会 (15)
致谢 (16)
1项目概述
1.1项目目的和内容
手机UI设计：是手机软件的人机交互、操作逻辑、界面美观的整体设计。手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使用，因此，手机ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。
我的作品是一款拥有时尚前卫的手机社交APP设计，主要针对于15-30岁时尚简约、热爱旅游与生活、追寻高品质生活的人群。此款手机APP设计主题突出、明确，整体色彩虽运用热烈的鲜红却不显现单调，界面风格整体统一，是用平面化的表现方式为现实生活中忙碌的人们带来一些不一样的清新热烈的体验。我的作品具有高的体验效果，创意设计把用户所需要的体现在每一个界面，如：精确的分类，使用户能找到自己所喜欢的分类，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：时间定位、地点导航以及日历指导、并且精确到每个像素的细节呈现着令人赏心悦目的视觉效果。我的APP界面设计将以实用和独特的想法呈现给用户便捷、愉悦、贴心的交互体验。
作品内容包括有：首页（1）、、登录（1张）、注册（1张）、设置（1张）、分享（1张）、个人中心（1张）、购物分享（1张）、购物（1张）、开场页（1张）
1.2项目分析
1.2.1行业背景分析
世界旅游业的快速发展已经成为现代世界经济的一大特征。在过去的16年里，全球旅游业年平均增长率高达9%，成为世界第一大产业。根据世界旅游组织公布的数字，2002年全球旅游人次超过7亿，较2001年增长了3.1%。在各种旅游形式中，休闲度假开始成为旅游的一种主要形式，相关的旅游产品已逐渐成为当今世界旅游产业中档次最高的产品，并引领着当今世界旅游业的发展。在今后相当长的一段时期内，世界性的旅游消费需求将保持持续增长的势头。到2020年，全球仅国际旅游人数将达到16亿人次，国际旅游收入将达2万亿美元。21世纪既是旅游业发展的“黄金时代”，更是“亚太世纪”。
我国旅游业发展迅速，现在已成为中国第三产业中最具活力的新兴产业、国
民经济新的增长点，在第三产业优先发展序列中位居第一，并已被各地列为当地经济发展的支柱行业、先导产业和龙头行业。
再从移动端社交App下载量排行中可以看到近期，近期关于社交App软件应用的一些趋势，微信、手机QQ、新浪微博、QQ空间仍然稳稳的位居了前四位，其中微信的周下载量为7万次，是新浪微博下载量的3倍多，手机QQ的下载量为58万次，是新浪微博的2倍多。因而腾讯在移动端社交App软件将会稳稳的占据在前几位，而且与其他社交软件的差距将会进一步拉大。
YY语音、陌陌等移动社交App软件在周下载量的排名，与总下载量的排名相比有所提升，这两款软件近期的下载人气呈现上升趋势。
从移动端社交App用户好评率曲线图来看，社交App软件的用户好评率出现参次不齐的状况，总体评价状况并不佳，在腾讯的强大实力以及QQ天下里，YY 语音能借助语音服务而上市，并且在移动端社交App排行榜中占据一席之地，这就说明移动端用户对社交App软件应用的一些需求并没有被满足，未来还有比较大的发展前景。
1.2.2典型用户分析
用户人群：针对于16-30岁时尚潮流、热爱旅游、爱好交友，追寻品质生活的人群。
1.2.3同类型APP分析
相比同类型APP，我的既有缺点也有也他自身的亮点之处。缺点是，他刚刚被开发，并没有被很多人熟知，在知名度上就有了欠缺，而且，他并有有先有APP所具有的酒店，飞机一体化，APP解决的缺陷。这可能会造成后期流量的流失，对于这个缺点，后期开发时也会进行修正，以便使用户使用时更贴心。
有点是，他具有现下APP所没有的私人订制功能和小景点，例如漫展、逛一些小型景点等，私人订制可以为用户贴心打造一个合适用户，并且可以达到90%用户相当满意的程度，内容涵盖详尽，包含用户出行所想不到的一些贴心服务，使用户使用更便捷更贴心，至于小景点功能，就是可以发起一个组织，我们后台可以为用户寻找志趣相投的伙伴，去出行漫展等其他活动等，这也为二次元的小伙伴的活动提供了一个平台。虽然有美中不足之处，但是和同类型相比，我的APP还是存在他本身的优势。
1.3基本要素设计
1.3.1设计风格定义
在Photoshop CS5中处理图片的色阶和饱和度，做主要的工作；辅助线的规划，智能参考线的辅助，在软件中做出效果图，之前则是需要Axure的辅助做好原型图等。
1.3.2标准色定义
主要颜色：
1.3.3规格定义
（1）设计尺寸：640px 1136px;
（2）最佳显示分辨率：72ppi;
（3）色彩模式：RGB;
2概要设计
2.1创意来源
在万千人中遇到你，得之则幸，错过就是一种无法掩饰的悲哀吧。这也是我的的创意来源，人生有无数个过客，但是谁又知道，那些过客中是否有你的知己好友，还是你的蓝颜，亦或是一生不可或缺的哪一位呢？在当下这个来也匆匆，去也匆匆的时代，人们很少能交到除了工作圈，同学圈之外的朋友，就如我一样，每天忙忙碌碌，想找到志同道合的好姐妹，但是去哪里找？想看漫展没人陪，想去喜欢的地点没朋友结队，想去唱歌，都在忙……这样的情况大多数人都拥有过吧，外表拒人千里，内心其实热烈如火，这也是为什么这次选择使用娇艳而不张扬的西瓜红的原因，红色不仅能带来与众不同的清新和时尚感，也能给人带来心理上的愉悦，这也正是现下人们所或缺的一种热情吧。
设计主题比较明确后，由此联想便开始展开。创意是作品的灵魂，没有灵魂的创意不可能成为一个好的创意，我的灵感来自与当下人际交往的淡漠，以平面化的创意界面来为人们打开一个新的世界这也是我所希望看到的，我非常希望他能带给用户愉悦新鲜的体验效果，带给他们更多人性化的设计，感受到来自所有用户的爱意。
在人际交往中，难免会产生一些不愉快的事情，甚至产生一些矛盾冲突。这时候我们就要学会宽容别人，不斤斤计较，正所谓退一步海阔天空。人不犯我，我不犯人。人先犯我，礼让三分。不要因为一些小事而陷入人际纠纷，这样我们会浪费很多时间，同时也变得很自私自利变得很渺小。大家彼此喜欢和对方交往，并能从交往的过程中有所收获，交往就得良性循环的进行下去。如果交往变成了负担，变成了没有意义的纯粹是浪费时间的活动，那这样的交往不会长久。感情愉悦往往作用于交往的前期。
交往的过程中，彼此的价值观相似，不仅可以得到支持和共鸣，而且可以预测对方的行为倾向，这样，双方就比较容易适应。价值观相似到了交往的后期起很大的作用，很多人因为价值观的分歧而最后分道扬镳。
以此，界面以平面设计中“和谐”、“对比”、“平衡”、表现形式为切入点,突破平淡无趣的表现形式,是平面变的更有节奏感和空间延展,和传统单一单调的设计有所不同，构建出更具表现力的新视觉语言,增强了视觉冲击力；在平
面化转化基础上增添打破传统的设计理念使用户可以得到更好的体验。
好的创意设计充满灵性与美感,能够表达出思想，拥有地点定位和时间定位的功能也极具独特创新，让体验者产生美妙的愉悦感。
界面根据整体风格进行定位设计，其中的线条柔美的女性形像呈现给人以简约，有趣的视觉效果，并且LOGO也有采用折纸的效果，线条的勾勒出的每一笔都充满了动感，人性化的设置不用设定，也可为每位用户定位你所在的位置时间，给人以不同寻常的独到的设计。
2.2 产品的风格定义
主要风格：时尚、简约的表现。
2.4手机APP流程图
3设计表现说明3.1开场界面
3.1.1原型图
3.1.2效果图
3.2登录界面3.2.1.原型图
3.2.2效果图
3.3首页界面3.3.1.原型图
3.3.2.效果图
3.4注册界面3.
4.1原型图
3.4.2效果图
3.5个人中心界面3.5.1原型图
3.5.2效果图
手机软件设计文档模板
文档管理信息表 文档变更纪录
文档主要评审意见
目录 1开发规划........................... 错误! 未定义书签。 开发人员.......................... 错误!未定义书签。 开发计划.......................... 错误!未定义书签。 开发环境和工具...................... 错误!未定义书签。 开发规范.......................... 错误!未定义书签。 2总体设计........................... 错误! 未定义书签。 概念术语描述........................ 错误!未定义书签。 术语1 ............................... 错误!未定义书签。 术语2 ............................... 错误!未定义书签。 基本设计描述........................ 错误!未定义书签。 系统总体逻辑结构图 .................. 错误!未定义书签。 系统部署结构图 .................... 错误!未定义书签。 主要界面流程描述........................ 错误!未定义书签。 功能1界面流程..................... 错误!未定义书签。 功能2界面流程..................... 错误!未定义书签。 模块列表.......................... 错误!未定义书签。 3数据结构........................... 错误! 未定义书签。 4接口规范........................... 错误! 未定义书签。 <模块1 API>. ................... 错误!未定义书签。 Interface1 ............................... 错误! 未定义书签。 Interface2 ............................... 错误! 未定义书签。 <模块2 API>. ................... 错误!未定义书签。 <模块3 API>. ................... 错误!未定义书签。 <数据库API> .................... 错误!未定义书签。 5模块设计........................... 错误! 未定义书签。 M)DULE设计 ........................ 错误!未定义书签。 模块设计描述 ...................... 错误!未定义书签。 模块界面描述 ...................... 错误!未定义书签。 M)DUL2设计........................ 错误!未定义书签。 6附录............................. 错误! 未定义书签。 第三方组件.......................... 错误!未定义书签。 参考资料.......................... 错误! 未定义书签。 附加文档.......................... 错误!未定义书签。
APP页面布局设计模板与讲解
在一个APP的使用过程中，优秀的页面设计与用户导航对用户体验影响极大。某些时候的第一印象与操作便决定了用户的留存率。对于一些新手开发，独立开发者或者小开发团队，往往程序员自己就承担了美工和设计工作。对于这些开发者来说，往往缺少这方面的经验，而如果缺少了这两项，产品的使用体验是非常不友好的。 用户体验是什么？用户体验（User Experience，简称UE/UX）是用户在使用产品过程中建立起来的一种纯主观感受。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计实验来认识到。计算机技术和互联网的发展，使技术创新形态正在发生转变，以用户为中心、以人为本越来越得到重视，用户体验也因此被称做创新2.0模式的精髓。在中国面向知识社会的创新2.0——应用创新园区模式探索中，更将用户体验作为“三验”创新机制之首。ISO 9241-210标准将用户体验定义为“人们对于针对使用或期望使用的产品、系统或者服务的认知印象和回应”。通俗来讲就是“这个东西好不好用，用起来方不方便”。因此，用户体验是主观的，且其注重实际应用时的产生的效果。 我们常经历到，一个产品从设计的初期到后期完善，都会经过一系列的迭代和升级。作为初期的设计人员，发挥的空间是很大，但历史的惨痛教训告诉我们，初期的设计往往又是失败居多，很多情况下是由于自己的局限性造成的，尤其在后期，架构不是想改就改，用户习惯不是想改就能改的，所有在前期，特别是上述提到的集美工设计开发于一体的人，要慎重考虑APP的架构设计，本文所阐述的两个方面，其一为页面设计，其二为用户导航。 APP页面功能设计包含了首页，注册页，。 APP用户导航，是App设计时要着重考虑的，常见的App框架有列表、网
手机个人图书馆APP设计方案(优选.)
最新文件---------------- 仅供参考--------------------已改成-----------word文本 --------------------- 方便更改 赠人玫瑰，手留余香。 设计人：陈玉梅 班级：2012级教育技术学班 提交时间：2015年1月4号 方案设计名称：手机上个人图书馆的APP设计方案
手机个人图书馆的APP设计方案目录 一、设计背景 二、APP设计细化分析 1、阅读环境的设计 2、登录界面的设计 2、用户界面的设计 3、退出界面的设计
三、结束 一、APP设计背景 随着智能手机和ipad等移动终端设备的普及，人们逐渐习惯了使用APP客户端上网的方式，而目前国内各大电商，均拥有了自己的APP客户端，这标志着，APP客户端的商业使用，已经开始初露锋芒。对于阅读来说也一样，由于电子阅读的成本低、便于携带、连接性强、能跨平台使用以及环保等的优点，使得越来越多的手机用户愿意用使用自己的手机客户端来阅读书籍，此方案就是基于这样一个趋势来进行设计的，设计一个手机上个人图书馆的APP。目的是使电子书的阅读更广泛，设计更齐全。 二、阅读环境的设计 很多用户会在移动中使用，要求此APP设计要求耗流量少，并且在移动中要保持网速，所以此APP设计占内存要求比较小，并且要求阅读所需流量小，才能保持网速正常。除此之外，还要对软件进行不断的更新及优化。
三、APP设计细化分析 1、登录界面的设计 界面的设计在一定程度上会影响使用者的心情，所以这次的方案会按登录界面，用户界面，以及退出界面等一系列流程下进行设计，已达到不仅内容齐全有序，更在界面的设计上进行分析，让观众在愉悦的环境下进行阅读的目的。 现在设计的这个手机阅读APP的登录界面有以下要求： 在登录界面，除了有用户名，密码之外，还有日历或者节日的提醒，用户名登录可以使用微博，QQ，微信，人人等账号，设计可以如下： （1）用户名： 密码： 2014年12月29日 （2）友好界面，节日的提醒设计在由登录界面进入用户界面的时候，可以选择节日具有代表性的图片或者文字渐渐消失的方式出现。 2、用户界面的设计 （1）搜索文章 请输入作者、书名、关键字搜索
基于Android系统的App界面设计
基于Android系统的App界面设计 智能手机时代的来临改变了大多数人的生活习惯，时至今日智能手机已经成为了人们工作生活中的一部分，在工作生活中发挥着重要的作用。App作为智能手机应用程序的核心，构建以用户体验为核心的页面设计是智能手机App设计的核心与要点，同时也是满足用户使用需求的重要途径与方式。现今的智能手机App主要分为IOS与Android两大市场，与IOS的封闭不同的是Android系统具有极强的开放性，而这一开放性在为Android系统App带来无限可能的同时也使得基于Android系统所开发的App界面本身缺乏统一的规范，从而造成基于Android系统所开发的App界面具有极大的开放性。新时期为做好基于Android 系统App的设计需要从情感、认知以及感官三个层面入手做好基于Android系统的App界面的开发设计，使之具有良好的用户使用体验。 标签：Android系统；App；界面设计 Abstract：The advent of the smart phone era has changed the habits of most people. Today，smart phone s have become a part of people’s work and life，and play an important role in the work and life. As the core of smart phone applications，App plays an important role in the work and life. The design of page based on user experience is the core and key point of the App design of smart phone，and it is also an important way and way to meet the needs of users. Today’s smartphone App is mainly divided into IOS and Android two major markets，Different from the closure of IOS，Android system has a very strong openness，and this openness not only brings infinite possibility to App of Android system，but also makes the App interface based on Android system lack of unified specification. As a result，the App interface based on Android system is very open. In order to do well the design of App based on Android system in the new period，it is necessary to develop and design the App interface based on Android system from the three aspects of emotion，cognition and sense organ，to make it have a good user experience. Keywords：Android system；App；interface design 前言 Android系统是与IOS系统所并行的应用于智能手机中的两大智能系统，在基于Android系统App界面开发的过程中受多种因素的影响使得一些App的界面具有很大的不协调性，从而影响了广大用户的使用体验。本文在分析影响智能手机App界面设计因素的基础上对如何做好基于Android系统的App界面设计进行分析阐述。 1 影响智能手机App界面设计的因素分析 智能手机App是智能手机的灵魂，用户结合自身需求可以下载安装自身所
app,ui界面设计模板
竭诚为您提供优质文档/双击可除app,ui界面设计模板 篇一：手机appui界面设计原型草图 https://www.wendangku.net/doc/685364865.html, 手机app界面ui设计原型草图 任何一位设计师在设计app软件时，都会对该app的功能、界面布局、菜单设置、内容架构等方面进行详细的策划。只有在充分的策划前提下，才能通过应用软件的加工，将脑海中的构想变成一个个的app界面ui设计图形。 凭借草图，设计师也可从宏观的角度时刻把控app设计的每一个细节。以下为一款购物平台app的ui设计原型草图，从首页的设计规划，到搜索页，再到产品的详情页：篇二：app界面ui设计规范 ui设计规范 一、app界面设计规范 （一）界面尺寸 1、ios界面尺寸：常见为（宽度640px、高度1136px） 2、android界面尺寸：常见为（宽度720px、高度1280px） 其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi
（480*800）3、webmobile尺寸：常见为（宽度640px、高度960px） （二）导航尺寸 1、ios导航尺寸：高度60px，留白7px 2、android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、ios标签尺寸：高度98px 2、android标签尺寸：高度96px （四）工具栏尺寸 1、ios工具栏尺寸：高度88px 2、android工具栏尺寸：高度96px （五）列表高度 1、ios列表高度：高度88px 2、android列表高度：高度96px （六）资源状态 对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。 （七）字体 1、ios默认英文为helveticalneue，中文为黑体 2、android列表高度：默认为droidsansfallback （八）字号
手机app界面设计模板
手机app界面设计模板 导语： 随着移动互联网技术的发展，越来越多的app应用孕育而生。精美的app界面更吸引我们使用，那么它是如何设计与制作呢？我们一起来学习下！ 免费获取线框图原型图设计软件：https://www.wendangku.net/doc/685364865.html,/wireframe/ 模板丰富的手机APP界面制作工具 亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的APP界面设计模板，可以免费使用。特别是针对没有绘图经验的开发者，有了APP界面设计模板之后，再也不愁APP界面设计的问题。亿图软件的符号库包含所有图标组，还能对单个图标进行修改，拖拽式的操作能帮助用户在架构设计上更加流畅。
线框图设计模板 线框图模板是经过打磨的备选素材，可供使用者直接套用，有效节省时间。亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的线框图模板，在应用软件内容，用户可以免费使用。特别是针对没有绘图经验的开发者，有了线框图模板之后，再也不愁线框图的问题。 线框图模板一
线框图模板二
线框图模板三 更多绘图符号，助力线框图设计 亿图软件不仅提供模板，更有多套免费icon供用户使用。这些矢量的图标符号，可任由使用者进行二次编辑。精致的图标符号，加上合理的布局，瞬间让线框图设计加分不少。 UI矢量符号
触摸手势符号
IOS符号 亿图图示的模板和符号，欢迎您的尝试。如果想体验最新的模板和符号，也可以从线上直接获取最新素材。 获取更多线框图原型图软件使用技巧：https://www.wendangku.net/doc/685364865.html,/software/wireframe/
手机APP设计毕业论文
毕业论文手机APP设计
摘要 手机移动设备不断普及，对手机设备的软件需求越来越多，界面视觉效果良好，且具有良好体验的应用留在自己的手机上长期使用，因此，手机ui设计在当今移动互联网迅猛发展的时代中显现的尤为重要。我的作品是一款拥有时尚前卫的手机社交APP设计,把一些潮流的动感元素融入，转化为有形的，可以看到的平面艺术中去，以平面化的表现方式进行美的表现，带给人以此时无声胜有声的更高境界。时尚的红色带着少女的朝气，视觉艺术的转化基础是人类基本的心灵感受，它使人们具有相似的或共同的审美体验。界面在表现形式中也不同于常见的平面化界面，以平面设计中"立体化"的视觉表现形式为切入点进行创新，此款手机APP产品设计主题突出、明确，整体色彩虽运用单色系列却不显现单调，界面风格整体统一，是一款人们值得拥有社交类APP，给予现在年轻人不同的社交体验。作品独特、具有视觉冲击感，创意设计灵魂体现在每一个界面，如：柔美的线条，构成少女美妙的身姿，仿佛在跟随着音乐起舞，在交互操作中会带给人意想不到的惊喜体验；细节决定一切，人性化的细节设计如：定位时间、地点以及日期、精确到每一个像素等细节呈现着令人赏心悦目的视觉效果。我的APP旅游产品设计将以实用和独特的想法呈现给用户便捷、新颖、贴心的交互体验。 关键词：创意设计，地点定位，时间定位，精细分类 目录
摘要....................................................................................................... II 1项目概述 . (1) 1.1项目目的和内容 (1) 1.2项目分析 (1) 1.2.1行业背景分析 (1) 1.2.2典型用户分析 (2) 1.2.3同类型APP分析 (2) 1.3基本要素 (3) 1.3.1设计风格定义................................. 错误！未定义书签。 1.3.2标准色定义 (3) 1.3.3规格定义......................................... 错误！未定义书签。2概要设计 . (4) 2.1创意来源 (4) 2.2产品的风格定义 (4) 2.3手机APP流程图 (4) 3详细设计 (6) 3.1开场界面 (6) 3.1.1原型图 (6) 3.1.2效果图 (7) 3.2登录界面 (6) 3.2.1原型图 (6) 3.2.2效果图 (6) 3.3首页界面 (7) 3.3.1原型图 (7) 3.3.2效果图 (7)
APP用户界面设计基础
APP 用户界面设计基础 1、各设计部尺寸标准一览 为了避免在首页 UI 设计时出现不必要的麻烦，如设计 尺寸错误而导致显示不正常的情况发生，设备尺寸的标准 如单位，分辨率，密度等）都是我们必须了解清楚的。 图 1 手机屏幕各类参数 首先让我们来看图 1 所示。如果没有接触过手机界面 设计，对下图中的各种数值很可能会一头雾水， Inch 是什么？ 320X480 代表什么？ DPI 又是什么单位？ HDPI 和 MDPI 又分 内容。 1)英寸 (Inch) 英寸其实就是我们常说的长度单位， 14 寸笔记本电 脑，30 寸纯平彩电， 指的就是屏幕对角的长度， 如图 2 所示， 手机屏幕也沿用这个概念。 图 2 图解英寸概念 2）分辨率 分辨率是屏幕物理像素的综合，一般用屏宽像素数 480px*800px ， 320px*480px 等， 别代表什么呢？下面我们来 介绍这些设备尺寸相关的 以屏高像素数来表示，比如
像素是显示屏规范中的最小单位。 图3 分辨率示意图 图4 像素示意图 图3 所示是一张分辨率为420px*320px 的图片，把 它放大后，所见图片就变成图4 所示这种全是正方形格子，而每个正方形格子就代表一个像素。这些格子数是有规律的，如果您有兴趣去数一下，屏宽的格子数为420 个，屏高的格子数为320 个，也就是分辨率的宽与高。 3）网点密度（DPI ） 屏幕物理面积内所含的像素数，通过DPI （每英寸 点数）来计算，图1所示的252DPI 和180DPI 就是指每英寸点数为252 和180。 DPI 越高，显示的画面质量就越精细，在一般屏幕 设计师上追求高DPI 显示画面质感，但在手机UI 设计时， DPI 要与相应手机相匹配，因为低分辨率的手机无法满足高 DPI 图片对手机硬件的要求，显示的效果反而会变得糟糕，所以就涉及了一个新的名词-屏幕密度 4）屏幕密度 屏幕密度分为DPI （低）,MDPI （中等）,HDPI （高）, XHDPI（特高）四种。 图5 屏幕密度一览表
app应用设计模板
app应用设计模板 篇一：XX年App 创新创意设计大赛范文及模版App 创新创意设计大赛 【项目名称】 XXXXX 所在学校：XXXXX 所在赛区：XXXXX 团队名称：XXXXX 团队成员：XXXXX 提交日期：XXXXX （一）作品概述目录 （二）作品可行性分析和目标群体 （三）作品功能与原型设计 （四）作品实现、难点及特色分析 （五）团队介绍和人员分工 （六）其他 （七）致谢 （一）作品概述
随着商场不断的扩大与综合化，消费者对于一个商场的各种信息不能够全方面的掌控，并且在停车和寄存方面的步骤比较繁琐，例如，对该商场所拥有的店铺信息及其折扣信息不够了解，停车时需取卡再退卡还需找到现金支付，寄存物品时凭条需妥善保存。 为相应国家智慧城市建设，解决上述问题，我们团队制作了极志商圈软件。它具备折扣查询、停车服务、寄存物品管理三大功能，可以极大优化消费者在商圈中的体验。使用折扣查询可以查询（也可根据位置自动获取）商圈内最新、最全面的折扣信息，并获取相关优惠券。使用停车服务，消费者可以省去取卡、还卡、付现的复杂过程，只需刷一下手机便可轻松完成。为了解决寄存条容易丢失的问题，极志商圈的寄存物品管理功能可以将寄存凭条上的条形码扫描、识别、记录并还原在手机屏幕上。消费者在取物时，只需扫描手机屏幕，即可取出自己寄存的物品。 极志商圈软件，融入了室内定位技术、条形码扫描、NFC技术，利用手机的便携性，通过互联网为使用者提供即时的店铺信息；通过室内定位技术为消费者推送附近的优惠；通过nfc技术进行身份识别并自动计算停车费用继而从会员卡直接扣款，免去了消费者取卡还卡交现金的繁琐步骤；通过条码扫描和生成技术，实现了对于寄存条码的识别和还原，
APP界面UI设计规范
UI设计规范 一、APP界面设计规范 （一）界面尺寸 1、IOS界面尺寸：常见为（宽度640px、高度1136px） 2、Android界面尺寸：常见为（宽度720px、高度1280px） 其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px） （二）导航尺寸 1、IOS导航尺寸：高度60px，留白7px 2、Android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、IOS标签尺寸：高度98px 2、Android标签尺寸：高度96px （四）工具栏尺寸 1、IOS工具栏尺寸：高度88px 2、Android工具栏尺寸：高度96px （五）列表高度 1、IOS列表高度：高度88px 2、Android列表高度：高度96px （六）资源状态 对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。
（七）字体 1、IOS默认英文为HelveticalNeue，中文为黑体 2、Android列表高度：默认为Droidsans fallback （八）字号 字号通常按照标题及征文级别递减为42、36、34、30、24 （九）ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48 （十）资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px，宽度要适中有留白 3、图文混排中图片一般不高过150*110
APP创意设计方案
APP创意设计方案 ----我的图书馆 一、创意来源（开发理念）： 1. 我国移动图书馆APP现状：一方面，目前移动图书馆APP数量增长快速，但是普遍存在内容形式单一、功能雷同、缺乏个性化和特色化等问题。各类移动图书馆APP功能大同小异，都集中在诸如书目查询、文献查询、读者借还查询等这些由传统服务延伸出的常规功能，缺少具有自主研发的特色功能。在开发模式上，部分开发商仅仅将手机图书馆页面简单封装成APP，根本无法真正满足用户对图书馆在4G时代的信息需求。 2. 高校图书馆在信息服务中各自为政，互相合作的意识不强。虽各自拥有局部的信息资源优势，但无法满足教育所需要的高质量服务。同时，由于各馆书目质量参差不齐，著录缺乏规范的标准等，即使在外部网络环境已具备的今天也难以向网上开放自己的馆藏，很难做到资源共享。这种以一馆一校、分散封闭的管理模式，已经严重阻碍了高校人才培养和科研水平的提高，以及与世界科技水平的接轨。另一方面，众多高校图书馆的服务往往只限于校内用户，所开通的移动图书馆很少面向校外开放，极大地降低了图书馆的
利用率，人为地缩小了传播范围，限制了APP用户的发展规模。 3. 如今已经进入一个畅聊社会，各种交友畅聊平台的激增无不反映出广大用户对社交的诉求。基于此种现状，此APP特此推出线上沟通和交流的功能，专为广大用户建立专属书屋进行聊天交友，满足用户社交的需求。用户在该社区可以分享和创建个人电子资源，即时在线与同类兴趣用户进行互动与交流，互相推荐关注的内容，以此同时，工作人员也可进行在线提供咨询服务。 4. 由于观念陈旧，对图书馆信息服务的功能认识不足，很多人对图书馆的概念仍旧停留在传统阶段，认为图书馆只是藏书，借书，看资料和报刊的场所，尤其是绝大多数高校图书馆，往往是以“书库”“书店”的形式出现在读者面前，而管理人员自身只是管理归类、编目存档的资料员。实际上，图书馆信息服务是在保存和传播人类文化进行社会教育等职能的基础上进行的，图书馆职能的本质——服务，并没有改变，只是这种服务的落脚点已转向全方位、多功能、多层次的信息服务，延伸和扩大了图书馆的职能，这使图书馆开展信息服务方面有着巨大的潜力。 5. 馆藏资源有限，难以满足日新月异的信息服务要