app设计思路怎么写范文

android app 详细设计文档怎么写

数字内容的存储，分发和娱乐服务。用户为资源社区的注册用户。

1.1. 编写目的

本文档的目的，旨在规范软件开发，推动项目有序正常的进行，使相关人员遵守统一的规范。节省制作相关文档的时间，降低系统实现的风险，加快项目实施进度，做到系统设计的规范性和全面性，以利于系统的设计、实现、测试、维护和版本升级。

1.2. 项目范围

本文档用于软件设计阶段的概要设计，它的上游（依据的基线）是项目需求分析书，它的下游是项目详细设计说明书，并为详细设计说明书提供测试的依据。

软件概要设计的范围是：客户端软件系统总体结构、外部接口、主要部件功能分配、全局数据结构以及部件之间的接口等方面的内容。

2. 软件概述

2.1. 爱私货概括

本文档用于软件设计阶段的概要设计，它的上游（依据的基线）是项目需求分析书，它的下游是项目详细设计说明书，并为详细设计说明书提供测试的依据。

2.2. APP功能

本文档用于软件设计阶段的概要设计，它的上游（依据的基线）是项目需求分析书，它的下游是项目详细设计说明书，并为详细设计说明书提供测试的依据。

就是有多详细写多详细

先写你的项目的用途

版权

数据库的每张表干嘛用的

每个界面的功能

每个按钮的链接

每个类实现什么功能

每个类调用的接口和方法，怎么调用的

越详细越好

软件需求文档格式的标准写法 1．引言 1．1 编写目的 · 阐明开发本软件的目的； 1．2 项目背景 · 标识待开发软件产品的名称、代码； · 列出本项目的任务提出者、项目负责人、系统分析员、系统设计员、程序设计员、程序员、资料员以及与本项目开展

《App产品设计指南》专栏目录

经过前面几篇内容预热，相信大家已经对App产品的设计理念，研发流程有了一定的认知。接下来我们来正式切入正题，一起来学习关于App产品设计的具体知识点。需要说明的是，后续的文章为了让大家更直观地理解，语言上会比较直白。文章之外的很多细节，比如说B站的情感化设计，微信克制的初心，这些都需要大家主动思考和发散才能深刻的理解。

在本文中我会重点介绍一下App产品的通用模块。在产品初期一定要设计好产品的通用模块，这些模块会伴随着产品的一生。如果没有设计好，后续迭代多半会踩坑填坑。我目前在用的机器是小米9，所以后面会出现较多的安卓系统的案例。

经常会在App中看到转圈加载的交互，这个就属于全局加载。在数据没有获取到之前显示加载中的特效；数据请求后再渲染页面，这样的交互能让用户不至于焦虑。下面介绍几种常见的设计：

（1）App页面中显示loading图标，增加文案引导。由于一般是圆圈加载，速成菊花图。

（2）App页面中显示由矩形、圆形等图案组合的轮廓效果。这种效果有一个学名叫做骨架屏。

需要说明的是骨架屏最好根据页面内容来显示轮廓效果，如果使用相同的设计效果就会不太理想。

（3）webview页面中在页面顶部显示进度条，表示对应的加载进度。

全局加载需要设置一个数据请求上限，比如说10S。如果达到上限还没有请求到数据，就要显示对应的失败提示，下文中会提到这种场景。

在列表页面中经常会出现没有数据的情况，我们要明确的告诉这是什么，为什么出现，用户要做什么。在实际情况中，上面3种处理会组合出现。

不同页面的内容都不一样，所以空白页最好能根据页面的内容来进行设计

用户进入新页面时，本地判断网络情况。如果网络异常则显示该状态，一般都会增加“重新加载”“点击刷新”“查看网络设置”这种操作提示。

类似微信钉钉等使用长连接机制的App，如果网络中断，页面顶部会显示网络异常提示。

网络异常属于可以实时判断的情况，进入页面时就能立刻判断。

这种情况一般发生在服务器出问题的时候，相当于网页上的404状态。比如说连接人数特别多，或者服务器宕机，此时就会触发该状态。

上面说的错误提示需要客户端请求数据一段时间（比如说10S）之后才会触发。一般包括整个页面出错，部分内容出错两种场景。前者需要有对应的页面设计，后者一般使用toast这种轻度的设计。

上拉加载

如果数据量比较少，可以一次性加载完；而数据量较多时，就需要分页加载。比如先加载20条数据，然后再继续加载。

（1）触发上拉加载分为2种情况，一种是用户看完当前页向上滑动时再加载数据；另外一种是预加载，即用户还在浏览当前数据，程序在后台自动加载数据。比如抖音App，你在浏览视频时，系统会自动加载后面几个视频。

（2）数据全局加载完，显示触底提示，文案如“没有更多数据了”“我可是有底线的”。

（3）如果上拉加载数据失败，在底部显示加载失败并显示“重试”按钮。这种场景也可以不予考虑。

下拉刷新

用户在页面顶端主动进行下拉操作，当前页面数据进行刷新。如果有其他页面的数据或者配置发生变化，也可以同步更新。下拉刷新一般分为以下4个步骤：

（1）用户向下拉动时提示用户在进行刷新操作；

（2）用户下拉是有区域范围的，一般在屏幕的1/3处左右。当下拉达到这个区域时，提示用户此时松开可以刷新数据。

（3）显示刷新中的交互效果；

（4）提示用户刷新成功，可以把刷新成功的数字显示出来。如果挤在失败则toast刷新失败。

在写作过程中，如果有意见或者想法，欢迎有兴趣的读者添加我的微信一起交流探索，共同进步。

操作指引是指： 在用户使用产品的过程中给出的一系列帮助内容。主要的设计方式有空白页的内容引导，loading等等待状态中的引导，拆分包袱的逐步引导，巧设默认值的功能引导，tips引导，浮点引导，蒙版聚焦式引导，触发式引导，任务演练式引导等。

二、操作指引的作用

APP在新用户注册以及新版本发布的时候都会使用操作指引，那操作指引的作用是什么呢？顾名思义，可以从两方面来进行探讨：

一方面从产品的角度出发，产品需要通过操作指引来突出产品的新功能和特性，说明功能结构变化，避免产品的陌生感，满足产品的需求。例如花瓣，通过图中的用户引导说明产品各模块的功能，并鼓励用户去探索，建立产品与用户间的互动，拉近了用户与产品间的距离。

另一方面从用户的角度出发，用户需要通过操作指引了解产品的功能以及如何操作，迅速上手这个产品，降低学习成本，满足用户的需求。例如paper，通过图中的用户引导形式，用户了解到可以通过手势进行操作，从而实现与产品的交互，建立用户的使用认知，让用户知道如何去操作，用户很快上手这个产品。

三、操作指引的表现形式

1、弱提示

弱提示是指引导力比较弱的提示，通常情况下它的出现不一定能让每一个用户都注意，或者不会让每一个用户都必须完整的了解。这样的提示通常不会阻挡用户的正常阅读或操作，还可能自动消失或者刻意弱化。这种类型的提示常见的形式有2种：

1）空数据页面提示

页面无数据内容时才出现的提示，往往引导用户产生相应的内容，或者引导登录才能查看相应的内容。

2）会自动消失的提示

会消失的提示是指在界面上以一个小气泡出现，但是过一段时间会主动消失，或者页面跳转之后会主动消失的提示。

这种提示不阻挡用户操作，但是提醒也非常的弱。因为要对消失的时间和时机把握的好，不然用户还没看到，就突然没了，也再也不出现了。

2、中度提示

中度提示是指引导性相对比较强，但是仍然没有强制用户的一种提醒类型。这样提醒并不一定会自动消失，当然也不会完全阻挡用户的操作，用户也一定能够感知到。

1）需要点击x关闭的提示

很多提醒气泡的设计中，可以加入一个关闭按钮，或者加入一个”我知道了“的按钮，让用户产生一个”我已经明白“的交互行为，保证用户在注意到这个提醒的情况下才消失。不过当然，这种提醒并不能保证用户就真的阅读到提醒的内容了，只是说用户注意到了这个东西，并且主动关闭了而已。

2）需要特定操作才会消失的提示

知乎iphone版的设计中，引导的提醒是一直出现的，除非用户根据引导执行了一次相应的操作，不然气泡是消不掉的。这种需要执行特定操作的提醒相比来说可以让”用户实际去尝试一下“，引导性无非更强一些。但是如果用户不想尝试，通过第一的视觉是无法找到如何消掉提醒的，会带来一定的挫败感。

3、强提示

对于强提示的界定就是：用户一定会注意到且完全阻挡了用户其他行为的提醒。

1）蒙版提示

蒙版提示是现在很流行的提示方式，蒙版提示完全阻挡了界面后面的内容和操作，要求用户必须看到提示内容并且执行相应操作或触碰点击x按钮才会消失，这和app的弹窗逻辑有点类似。但是与弹窗不同的是，弹窗通常都是警示或者确认是否执行操作的提醒，而引导性提醒并不是用户所期望出现的，如果采用这种提醒方式，除非是有很强的必要不然不建议采用。而且虽然没有相关的统计数据，用户直接关闭蒙版提醒不看内容的行为是非常普遍的，所以可能做的吃力不讨好。在使用这种蒙版提示的情况下，建议提示的设计简洁有力，文案尽量的少。

（让用户一眼能够看明白）

（内容太多阅读困难，而且用户记不住）

四、操作指引的设计原则

1、保证操作指引的有效性

保证操作指引发挥自身的作用，突出产品的功能，帮助用户更好的使用产品。这是操作指引设计的第一原则，操作指引是对产品内容以及形式的辅助说明，如果不能保证引导发挥作用，那用户引导不但失去了意义，反而会影响了用户体验。

2、根据使用场景触发相应的操作指引

用户在使用产品的时候都是有一定的使用场景的，根据用户的使用场景触发相应的用户引导，保证在用户需要的时候弹出引导是最符合用户体验的，也是用户最愿意接受的时候。这样引导既不会特别突兀，弄的用户不知所措，又能在相应的场景下帮助用户。例如Facebook开启定位的引导，当用户需要发送当前位置的时候，应用会弹出图中的引导形式，告诉用户开启定位的作用，用户在这种使用场景下会很乐意开启定位，从而提高了开启定位的转换率，又不会觉得这个引导影响了自己的体验。

3、减少对用户体验的干扰，尽可能去提升用户体验

操作指引在用户使用产品过程中的弹出是用户意想不到的，很有可能就打扰了用户使用产品的流畅性，破坏了用户体验。因为这是用户没有预期突然出现的东西，在一定程度上会有一定的惊慌失措感，但是好的用户引导出现在用户需要的时候，反而会起到雪中送炭，提升用户体验的作用。就好比用户在无助的时候，旁人对用户一句有益的提醒，反而感动了用户。比如Google搜索中，在用户进行拖动操作的时候，顶部状态栏出现一句温馨的提示，非但不打扰用户，反而有一定帮助，用户会觉得很贴心。

五、总结

移动应用的用户引导设计要保证引导的有效性，研究用户行为，根据实际使用场景进行设计，减少引导对用户的干扰。切记操作指引的作用，选择最合适自身产品的引导形式，让用户引导更好的拉近产品与用户间的距离。

#本文同步发布到 pm263.com ，pm263为你提供更多更全的产品经理干货，欢迎大家访问。

手机app制作流程从app开发前，中，后期详细给您讲解下：

一、App开发前期

1、明确app开发需求

在明确需要开发一个app前，首先要问自己，为什么要做一个app，手机app需要什么系统版本，app是给谁使用的，面向的用户是哪些群体等。要对开发app行业进行了解，分析app开发的可行性。

2、确定app开发报价

在确定完需求后，开发公司会根据沟通内容出一份开发app功能需求列表，目前普遍使用思维导图居多，可以根据这份思维导图增加或删除功能。敲定好功能需求后，再确认使用什么开发模式进行开发等细节。较后开发公司会核算开发所需周期和人员投入，提供一份详细开发价格表。

二、App开发中期

1、确定视觉UI界面设计

UI设计是APP正式开发的为数不多步。一般来说，app风格较好简洁大方，功能一目了然，能让用户为数不多眼留下好印象。效果图的制作会根据app的需求、app的LOGO、app面对人群来选择主色调，终让客户确定。

2、着手开发app应用程序

在确定好app界面风格后，就可以正式进入app应用程序开发了。目前主流app包括两类，一类是基于安卓系统的app，另一类是基于苹果系统的app。两种系统使用的开发语言和工具不同，但是流程基本都是包括前端开发、后端开发、应用接口开发、服务器环境构建等。此外还有就是页面标注和手机适配，这是app开发项目独有的流程。这个环节是为了能够让app在不同手机上也能正常显示和使用，后期上线不会影响用户使用app的体验。

3、进行app整体测试

测试内容包括：APP内容测试、APP性能测试、APP功能测试、APP视觉测试、对于BUG调试修复。如果测试问题需要及时修复，直到测试结果通过，App的整体开发才能完成。可以多邀请一些内部人员进行测试，充分优化和测试app的体验度和稳定性。

三、App开发后期

1、App打包上线发布

全部做好之后就可以在各大应用市场发布上线了。APP上线审核，俱备苹果开发者账号的前提下，一般苹果的APP store审核大概需要一个星期，安卓审核在3天左右，甚至更快，所以我们要注意把握好这个时间，不要让审核时间耽误上线时间。而且，有个别情况会导致审核失败，需要修改资料重新提交，这样就会导致审核周期更长。

2、App后期维护升级

完成开发上线后，app开发公司根据合同要求，交付相关内容，合作完成。至于后期需不需要维护升级得根据双方合同要求。

1、图片，如同一个人的衣着品味

图片在APP中是非常常见的，图片的展现形式和图片的质量都影响着用户对产品的感官体验。

图片的定位就如同一个人的衣着品味，不同的穿衣风格会使别人对你作出不同的判断，为你打上不同社会属性的标签。

下面我们一起来看看图片在APP设计中需要注意的关键点，将会从图片比例、一致性、图片质量与真实性等方面进行分析。

1.1、图片比例有什么讲究？

不同比例的图片所传达的信息主体不尽相同，根据产品属性我们会选择与之相符的图片比例进行整体的框架布局。

通过体验一些主流的APP，我们会发现一些比较常用的图片比例，如 1:1、4:3、16:9、16:10等等；

也会发现一些打破常规比例的设计，我们需要分析它们的性格，结合自身产品的特点，才能在自己的APP设计中合理的加以运用。

1:1 强调主体的存在感

1:1的图片比例是比较常见的一种设计比例，利用此长宽比更容易将构图归整得简单，突出主体的存在感。

常用于产品展示、头像、特写展示等场景，在电商类APP中尤为常见。

4:3 图像紧凑、更易构图

4:3的图片比例可以使图像更紧凑，更易构图，方便设计师发挥。由于手机屏幕容量较小，作为全屏展示时，该比例在App设计布局上面占用空间较大。

16:9 电影场景般的效果

16:9的图片比例可以呈现电影场景般的效果，多用于横向构图，是应用非常广泛的尺寸比例之一，能给用户一种视野开阔的体验。

在很多影视娱乐类APP设计中运用广泛，如腾讯视频、网易云音乐等。

16:10 拥抱黄金比例

黄金比例就像金字塔上的明珠，越接近她越有魅力，反之会魅力减弱，16:10的图片比例最为接近。

设计没有绝对的标准，我们可以遵循一些优秀的经验规则，但是也要敢于突破规则，尝试更多的可能性。

X:≤Y 瀑布流设计

X:≤Y代表宽度固定，高度在最大值之间自定义的瀑布流设计，在一些用于用户没有很明确的目的，只是喜欢获取尽量多的信息的情况下采用这种设计方式。

X:≤Y的图片比例要注意高度的控制，不要超出屏幕可显示区域的范围，如花瓣网在750x1334px的设计中高度最大值为：848 px。

以上列举的仅为部分常用比例的分析与说明，还有更多的比例这里就不一一演示，分享的目的是让大家养成分析的习惯，结合自身产品特点选择适合的图片比例。

图片比例选择方式：

a. 以商品展示效果为准，选择能够充分表现商品特点的图片展示比例；

b. 以产品气质为准，选择符合产品内容气质的图片展示比例；

c. 结合产品特点选择合适的常用比例；

d. 根据版面布局灵活的自定义特殊的比例值；

e. 分析→打破→创新，创造出符合某种规律或者美学概念的比例值。

1.2、图片比例的一致性

当我们结合产品特点确定合适的图片展示比例以后，需要针对整体的布局与图片分布情况，规范出那些布局可以采用相同的图片展示比例。

在保障视觉效果与交互形式的情况下，相同的主体，在不同的页面中最好采用相同的比例呈现，这样的好处不仅可以保持视觉表达的一致性，也能给后期运营维护带来便利。

1.3、提高图片的质量

越来越多的产品对图片质量开始加以重视，比如网易严选对产品图片的拍摄与处理都有严格的规范，目的就是为了提升产品气质和在用户心中的印象。

我们在设计的时候更要以最佳的图片来烘托我们的设计稿，图片的质量影响着整个界面的格调。

很多伙伴儿会觉得图片都是后期运营上传的，我设计稿做得再精美最终也是没用的。对于这个问题我的观点是这样的：

a. 最佳的设计输出是设计师专业的体现；

b. 把最好的效果呈现给决策者，增加他对你设计能力的印象；

c. 通过制定运营视觉规范来把控图片质量，是可以严格把控你对图片的视觉追求；

d. 你的态度会给你带来好运。

1.4、图片的真实还原

虽然前面提到图片质量的重要性，但是我们不能为了视觉效果选择一些与主题无关的配图，这样也会给决策者一种误导。

我们可以提高配图的质量，但是需要保证图片的真实还原，这样才能让你的设计作品更加真实合理。

在一些本土的产品设计中，对于国外图片素材的运用，需要谨慎对待。如案例中的模特形象，文案信息的传达更加偏向于国内的场景，

如果运用一张国外的模特素材也许逼格更高，可是却无法真实的还原产品场景，会给决策者传达一种错误的认知。

2、文字，我只想知道重点在那里

文字设计的层次感决定了信息的高效传达，通过对文字信息的层次处理可以有效的帮助用户获取信息，提高用户对产品的操作效率。

2.1、对文字信息进行层级区分

当我们拿到交互原型或者别的需求文档时，我们需要对文字的信息层级进行有效的区分，这样才能让用户快速的获取和理解信息传达的内容。

文字信息可以简单划分为重要信息、次要信息、辅助信息等。在进行文字排版时，需要明确的梳理好信息之间的层级关系，提高用户对产品的整体体验。

通过对字体大小、颜色、留白、层级划分等处理，把相同属性的信息归类设计，让整个信息排列主次分明，层级清晰。

设计师在对文字进行视觉表现时，为了达到整体界面的视觉平衡也需要减少对文字样式的运用，不可为了突出文字信息而采用过多的表现样式。

2.2、预估好信息呈现的最大值

当我们在进行界面设计时，初级设计师往往会忽略文字信息的最大值，只是按照自己的习惯进行完美的布局。

最终进入到测试环节时才发现为什么比自己预期的字数多出这么多信息，此时就会出现返工的情况，给整体的产品开发进度带来风险。

作为一名合格的UI设计师，我们需要预估好信息呈现的最大值，而不是取最小值或者随意进行设计，这样将会在执行的过程中遇到更多不可控的风险。

2.3、善于利用提示符进行设计

在一些会出现大篇幅文字信息的界面设计中，为了提高用户对信息的获取效率，我们会根据整体视觉效果选择合适的提示符进行设计。

很多初级设计师会过于遵循交互原型，往往对大篇幅文字的处理过于随意，只做着交互原型的美化，缺乏对用户体验的主动性。

在进行产品交互设计时，有时候产品或者交互无法站在视觉的角度进行信息的梳理和布局，我们需要利用自己的专业来优化你觉得可以更好的地方，也能为你在整个产品环节中树立专业性。

关于提示符的设计表现形式主要有数字、字母、图形、色块等等，只要能有效的区分信息层级即可。

3、色彩，如何成为“色”计师

色彩给人的感受是最直观的，不同性格的配色传达不同的情感。关于配色有一些方法可寻，但是也存在一定的感性判断。

作为视觉设计师，我们需要学习理性的方法技巧，也要不断欣赏优秀的作品，提高自身的审美能力。

3.1、色彩基础知识

色彩分为无彩色系和有彩色系，无彩色系是指白色、黑色、各种深浅不同的灰色；有彩色系是指红、橙、黄、绿、青、蓝、紫等颜色。

关于色彩的更多理论知识这里不做展开，大家自行脑补色相、纯度、明度、对比、性格等等方面的理论知识。

3.2、建立色彩库

作为初级设计师我们对配色的把控不是很稳定，为了提高工作效率，我们需要通过一些理性的方式建立大量的色彩库，应对不同的需求。

下面列举部分个人比较常用的方式供大家参考，色彩收集的方法有很多，我们只需要掌握几个比较适合自己的即可，只要养成习惯并长期坚持，哪怕只运用一种方式，也是收获颇丰的。

a. 通过各类APP采集色彩

体验不同领域的APP，建立不同领域对APP色彩组合的选择，为后期项目设计奠定基础。根据主色进行分类，

如红色系列：网易云音乐、京东、网易严选、网易考拉等等；也可以根据产品气质分类，如文艺、时尚、科技、可爱等等。

b. 通过Dribbble采集色彩

在Dribbble上面，每一幅作品右侧都有该作品的配色文件，发现优秀的作品要养成这种采集配色文件的习惯。

c. 通过摄影作品采集色彩

通过优秀的摄影作品采集色彩也是常用的方法之一。

采集方式：

Photoshop打开图片 → 存储为Web所用格式→ 选择GIF格式 → 颜色选择 8 → 颜色表中双击色块 → 拾色器

d. 通过马赛克采集色彩

借助Photoshop滤镜将图片进行马赛克处理，可以得到优秀作品或者摄影图片的配色组合，特别适合采集同色系的配色。

采集方式：

Photoshop打开图片 → 滤镜 → 像素化→ 马赛克 → 设置单元格大小

e. 从电影中采集色彩

相信大家都喜欢看大片，这部片子之所以能得到大家的追捧，必定有太多值得大家学习的元素。

作为神经敏感的设计师群体，那些刺激到我们神经元的优秀影片场景总是不能错过的。

3.3、提高审美，增强感性判断力

配色能力虽然可以通过一些理性的方法提高，但是也存在一定的感性判断。配色中细微的差异往往都是感性的判断。

我们需要不断的欣赏摄影、绘画、设计作品等等，综合的提高自身的审美，才能不断增强感性的判断力。

作为UI设计师，你不能只关注界面设计，你可以看平面作品、摄影绘画、影视动效，体验手工艺制作、运动娱乐、细心的体验生活中的每一次变化。

3.4、养成分析的习惯

要想拥有良好的配色能力，积累的过程是很重要的。当我们看到优秀的作品，要分析配色之间的对比关系、颜色在色环上的位置关系、HSB数值的关系等等。

只有不断的分析和总结才能逐步形式自己的思维方式，提高不同配色的把控能力。

分析的习惯不只是运用在色彩上面，对于版面布局、文字信息的处理、icon设计风格、间距留白等等方面都需要不断的进行分析总结，掌握优秀作品的规则才能形成自我的标准习惯。

4、图标，从会画到画好之间有多远

图标是APP设计中的点睛之笔，既能辅助文字信息的传达，也能作为信息载体被高效的识别。图标也有一定的界面装饰作用，提高界面整体的美观度。

很多初级设计师都会忽略图标的重要性，也养成去素材网站下载复用的习惯，当这样的习惯养成后便会逐步丧失自己动手的驱动力，什么元素都希望能找到素材下载，工作数年之后很快就遇到了自己的瓶颈期。

设计师对图标设计的态度与把控能力，将会是拉开你与其他设计师差距的因素之一。

图标设计有下载复用 → 动手设计 → 规范设计 → 融入品牌基因等几个阶段，你现在属于哪个阶段呢？

4.1、下载复用

下载复用是很多初入行业的设计师习惯的工作方式之一，由于自身对软件技法、设计技巧、创意能力等方面的不足，无法从创意到标准制图完成一个合格的图标设计。

缺点：图标设计风格与细节处理都完全不统一，这样的习惯一旦养成就会逐步丧失自己的动手能力。

4.2、动手设计

对于大部分有设计追求的设计师，都会意识到图标设计的重要性，也会结合产品特点绘制统一风格的图标。

注意事项：图标设计风格有：线性图标、填充图标、面型图标、扁平图标、手绘风格图标和拟物图标等。

无论我们选择何种表现形式，在进行设计的时候都要保持风格的统一性，由于图标的体量不同，相同尺寸下不同体量的图标视觉平衡不尽相同，例如相同尺寸的正方形会比圆形显大。

因此，我们需要根据图标的体量对其大小做出相应的调整。

4.3、规范设计

当设计师养成自己动手的习惯以后，恭喜你已经进步了，保持这样的习惯。随着软件技法的成熟我们需要严格控制自己的随性，运用标准的规范进行图标设计。

在标准设计的基础上面我们可以发挥自己的创意，也不一定要局限在标准里面，但是总体的本质需要符合设计规范。

4.4、融入品牌基因

图标设计的差异化逐渐变得模糊，随着很多功能的相似性，图标的造型设计也几乎雷同，很多对设计比较讲究的产品，也开始根据自身品牌基因，进行图标定制化。

融入品牌基因的图标设计具有很强的品牌识别性，不仅可以形成独有的视觉差异化，也可以增强用户对产品的记忆。

5、留白，我只想要足够的空间

适当的留白可以让你的界面更有灵性，给信息之间预留更多的空间，也能更好的表达信息之间的层次感，相比拥挤的信息布局更能给人舒适的体验。

当设计师的留白意愿被产品或运营以“希望放更多内容”拒绝时，作为设计师我们可以从不同的方向试着表达自己的观点：

a. 设计出对比稿，把产品需要的方案和你觉得完美的方案进行对比；

b. 筛选出这样处理的优秀案例，以成功的案例说服产品接受你的方案；

c. 进行用户测试，选择一些目标用户进行体验，从用户心声入手设计最佳的方案；

d. 更多沟通的方法有待你去挖掘，最终的目的都是希望做出更好的产品。

设计小结

1. 不同的图片比例反应不同的特征，根据产品特点合理的选择；

2. 设计中保持相同的图片比例，不仅使视觉表达一致，也能给后期运营维护带来便利；

3. 通过提高图片的质量来提高设计作品的美感度，但是也要保证图片的真实还原；

4. 文字排版需要注意信息的层次、信息容量的最大值、巧妙的运用提示符等；

5. 养成不断建立和丰富色彩库的习惯；

6. 提高审美，增强感性判断力，养成分析的习惯；

7. 图标设计经历的几个环节：下载复用 → 动手设计 → 规范设计 → 融入品牌基因；

8. 适当的留白可以给人更加舒适的体验。

　遵循这些步骤，你的 App 就能同时在 iOS 和 Android 保持完美!

1. 总体的样式

从 iOS7 以后，Apple 就一直在采用扁平化的设计模式，去除了所有不必要的纹理和阴影等效果——和早些年间的版本完全不同。Google 的新 MD 设计规范有了一些更加细节的规定，通过一种叫“纸片”的方法来创造更多的层级关系。

2. 实体按钮

Android 有一个返回按钮，点选它可以返回上一个萤幕。

iPhone 上则没有这样一个按钮，所以需要有一种方式能够让使用者回到先前的萤幕。通常的解决方案是在萤幕的左上角放置一个返回键。

3. 通用元素

两种平台之间的确存在着一些通用的元素，比如说状态列和标题栏，它们会出现在每一屏的顶部。你不应当改变导航栏的高度，如果你想让 App 看起来更加原生的话。所以，我推荐你在设计的第一页就定义好标题栏的样式，然后在其他的萤幕上使用一个占位的方框来替代，这样能省下不少时间，但是你应当向程式设计师说明标题栏在不同的萤幕上都是一样的样式。

不同平台上的导航栏有一定的差别。在 Android 上文字是左对齐的，然而 iOS 上是居中对齐的。在 iOS 上，很多企业都用它们的 logo 来替换首页标题栏中的文字，但是在 Android 装置上这不是一个好的主意。状态列(显示你的网路、电量和时间资讯)是系统元件，你不需要考虑设计它，只要确保它们不会对他人造成误解就好了。

4. 导航

或许iOS 和 Android 平台之间最大的区别就在于他们的导航样式了。Android 上最主要的导航方式是抽屉选单，Android 使用者们通常在这个选单内进行跳转。而且在整个 App 中，这种体验是一贯的。Apple 的导航样式更倾向于 tab bar，它位于萤幕的底部，并且以一种很简单的方式实现上部内容的切换。当你设计 App 的结构的时候，你可以为不同的平台设计不同的导航样式。

5. 要不要用卡片式

在 UI 设计中，卡片正逐渐成为一种主要的 UI 设计样式，它们可以应付多种情况，而且给使用者提供了一种能够呈现有效内容的便捷方式。视觉上，卡片非常适应于 Android 的 Material Design(它事实上源自于纸张的灵感)。使用阴影和卡片之间的合理间距能够建立一种自然的外观。

在 iOS 上，使用卡片设计需要更加的小心谨慎，尽管一些大型的 App，诸如 Facebook 和 pinterest 的确使用了一种略微偏离 iOS 视觉规范的设计风格。Instagram 使用了一种完全扁平化的设计风格，尽管从结构的观点上看，使用者的每一条推送都能被视为是一张卡片，instagram 的设计很值得你去花时间揣摩，它是如何遵循 iOS 视觉规范的。如果你要在 iOS 平台上应用阴影，你最好小心谨慎，尽量使得这些阴影不是那么的明显。

6. 排版

iOS 系统上的预设字型是 Helvetica Neue，在 Android 上则是 Roboto。尽管这两种字型在外观上有显著的差异，但是这两个字型的尺寸却是近乎相同的。如果你想要在设计的时候节省时间，那么用一款字型就可以，但是要和开发人员沟通在不同的平台上使用对应的字型。而在设计重要的布局结构和使用大号字型时，我建议你还是同时用这两种字型测试效果。

如果你想要精益求精，那么你就要对不同平台上的设计规范更加注意。比如如下几条：

Android 的 MD 设计需要用到更多的空格来进行布局

在 MD 中字型大小的变化会更加多样

在 iOS 上，字型没那么多大小差异，但是在字型重量上(Font weight)有更多的变化，同样允许你建立主次结构

两个平台都使用比较细的字型来现实正文内容，然而，在下面的例子中，Android 使用了轻(Lighr)和常规(Regular)字型，而 iOS 使用了粗体(Bold)和常规字型

这是一个非常简单的例子，向你展示了排版方面的一些细微的不同可以导致印象上的巨大差异——你能很快分辨你是在用 Android 手机还是在用 iPhone!

7. 网格和触控元件

iOS(@1x 下 44px)和 Android(1:1 比率下 48p)都有对可触控元件的设计规范。MD 规范同样建议对所有元素使用 8dp 网格对齐。

在最近的专案上，我发现遵守 Android 的这些设计规范会更加安全，因为大一些的 48px 的按钮在两个平台上都表现良好，而且 MD 的规范更加全面，还经常更新。不管怎么说，你都应该在设计中使用网格，但是我们发现定义更加明确的 Android 网格会更好用一些。

h

如果带红外的安卓手机，可以再树莓派加一个红外接收器

普通手机可以往伺服器把指令传送到资料库，树莓派通过无线网络卡轮询资料库，最好做一个服务端，树莓派通过访问介面获取指令

楼主可以用app制作平台呀！免费app制作平台很多，像国外的有Appmachine，国内的应用之星，我都用过。感觉应用之星更适合国人，操作很方便，不用懂任何程式设计技术，一看就会，而且应用之星还免费，不像其他的制作平台要年费什么的。楼主有不懂的地方可以继续追问我哈~

做什么软体？

浙江天尔软体技术有限公司，可以看头像联络 ，在十几年的开发经验中总结出了开发一款APP的注意事项，你可以参考下：

开发一个完整app需要掌握哪些知识

1、前期需求规划与资讯——你需要制定出一个完整的需求文件，功能文件，流程图，时序图。

2、互动设计、UI设计——设计出基本且完善的原型图和app基础的互动设计效果，之后再根据这些设计出完整的UI介面并学会切图，一些需要做自适应的素材图片需要做点9patch。 这里还需要你懂得px，pt和dp之间的换算，萤幕密度的换算和相互之间的系数，以便你的app能完美适应不同解析度装置。其中互动设计需要你懂得很多人机操作的技巧经验，掌握Axure等互动工具的使用，UI设计需要你掌握Photoshop和Illustrator等操作。

3、使用ADT之类的开发环境进行app软体开发，你最基本的也得掌握java语言，熟悉android环境和机制。

4、如果不是单机版的app，需要用到伺服器，那你还得掌握WebService相关知识和开发语

言，常用的有ASP.Net，PHP，JSP等。

5、熟悉并能开发资料库。

6、某些功能需要做演算法，这还需要一定得专业知识，尤其是数学基础。

7、熟悉API介面开发，这里包括你自行开发API的能力以及呼叫第三方API的经验。

8、熟悉TCP/IP，socket等网路协议和相关知识。

9、熟练掌握App释出的流程，真机除错技巧，证书，打包，上架。 App开发其实不一定适合一个人搞，太费劲，除非是一个单机版的小应用，或者利用现成的app开发简单的第三方应用，否则还是让一个团队来完成各自擅长的领域。

只有h5可以实现你所说的那种

做App是很复杂的，需要一个团队来完成，就是：找技术、找设计、找钱（大概百万左右）。

不过如果不想这么麻烦，可以选择一些开发公司，只要一步，找钱（百万左右），就够了。

当然，如果不想那么麻烦，还不想花那么多钱，可以试试类似小云app这样的线上开发平台，里面有各个型别app的模板，选择一个直接生成就可以了，也分三步：选个模板、起个名字、一键生成。基础版的app几分钟就可以生成，如果想增加功能，可以再在平台上购买，大概两千块钱左右。

你好！

如果想学程式设计，就去学校，，貌似你也不会为个APP去学枯燥的程式设计吧。有APP制作公司，专门定制各种APP，根据技术难度要求价格好谈。要看什么级别的APP了，现在APP软体那么丰富也没那必要吧。除非你是做广告营销等，想赚钱的

分为商家端和使用者端，业主这块可以释出自己的资讯和价位，使用者通过下载后可以检视具体房屋资讯，提高使用者的使用率和占有率，更多可看华鑫通网路科技