APP设计有哪些理念

app设计更讨喜的方法如下：

1、引导页内容要精简

引导页内容尽量要简单，因为很多人对于一个新的陌生的APP并不熟悉，如果一时间塞给用户这么多的使用信息，在真正用的时候反而不容易记起。设计者需要做的是提供简短的指导信息，便于用户记忆。

2、少量的文字加图片

我们知道一图胜千言的道理，虽然指导页并不需要繁杂的图片信息，但为了明了的传达并解释一些信息的时候需要较小的图标图像来展示，这时候要配合少量文字才能让用户有种顿悟的感觉。甚至在很多APP设计中仅仅使用图标展示的做法，这种做法也是便于用户清晰的读取信息。

3、鼓励加暗示的设计

举一个简单的例子，我们都看见过这样一个设计，随着页面的翻动，APP页面下部屏幕会翘起来一些，这种设计就带有鼓励的意味，鼓励用户继续浏览下去。如果当你仍然没有滑动，你将得到一个邀请“继续向上滑动“。这让整个APP给人一种活泼的感觉，做到这些可以很好的与用户互动。

4、不要放太多信息

虽然指导页用来帮助用户了解一个APP，但是并不需要把过多的信息放进指导页，可以放APP最有特色的特征来吸引用户使用，更多的让用户自己逐步深入的去了解APP。

5、听取用户意见

听取用户在与app互动时候的评价，你会了解到问题究竟出在哪里。最好在用户使用过程中问问题，更容易得到你想要的答案。

一、时间戳

相信许多设计师在做app设计的时候都会忽略时间戳这个问题，因为用户对相对时间更加敏感，所以对于时效期内的信息，会倾向于提供“相对时间”。在设计时间戳时要注意，选择什么样的日期分隔符。

二、超长信息

在设计的过程中，标题和描述这种东西，会有大量长度的超出范围的情况，内边框保留多少，会不会超出、要不要换行这些基本问题都要搞清楚才行。等到要测试上线才发现，这就面临着又要修改的问题。

三、空数据

所有的列表都可能出现空数据的情况，所以说设计方案不可或缺。

四、加载

加载时间的长短，很大程度的决定了用户体验是否有所提升，虽然理想中的页面加载出来应该一秒就够了，但是设计师不要忽略网络问题!如果网速不够的话，页面加载三五秒都算是快的了，所以在用户等待的过程中，设计师也可以通过比较可爱，简单的小设计，安抚用户。

本文不讲述移动界面设计师的介绍，总体来说是针对移动端APP应用做的界面设计，但是很多人不清楚移动APP界面设计师的工作流程是怎样的，在此，北大青鸟ui培训老师带你一步一步了解。

第一步：交互流程设计

APP的交互流程设计，简单来说就是构造框架，像造房子一样，有了清楚的平面图纸才可以增砖添瓦，设计交互流程时应该对应用的功能需求有清晰的把握。

第二步：风格定位

比如说图片分享类应用图片是最重要的视觉元素，应用的设计风格应当符合视觉流程，table需要引导用户操作。

第三步：功能icon设计

功能图标即在你的应用中，充当表达某一操作或功能示意的图形，功能图标设计应极可能形象，简洁，以准确表达其代表的功能。

第四步：界面视觉效果整体优化

选用图片的时候，应该尽量按照应用的风格选取，比如这APP主打是图片分享，那么可以选取视觉靓丽，有冲击力的图片添加分享。

第五步：应用icon设计

对这款APP进行最终的icon设计，能够最优化的，最靓丽的代表这款APP的特色，品牌等形象。

第六步：完稿交接软件工程师

我们做移动界面设计，做的是各个页面的形象，具体功能实现是需要与软件工程师沟通的，在能够完成软件开发的情况下，进行一步步的界面设计，最大化增加用户体验，吸引用户，最终完美的完成这份设计。

以上内容是作者对我们学习UID培训课程的同学在以后的移动界面工作当中的一个工作流程的简单介绍，以后学员如果在UID培训课程当中学习到第三阶段的界面设计课程的话，一定要好好研究，老师对于界面设计的操作流程一定会更加的细致讲解。

1、突变风格

多为单色突变，颜色过渡清新自然，是现在的干流规划风格之一。除用于图标外，突变风格可运用的场景十分多，如APP中的背景图、按钮等。

2、剪影风格

特点是精约、概括,视觉识别度良好，规划感强，常被用于APP的功能型图标中。剪影图标可分为线性和面性两种，线性为未选中状况，面性为选中状况。

3、长投影风格

通常会以纯色作为图标主体背景，该风格颜色对比度大，视觉冲击力强，通过长投影杰出主体，从而发明鲜明的层次感和空间感，常用于APP页面中的分类图标。

4、卡通风格

特点是可爱，富有亲和力，规划简洁而精致，视觉效果杰出，但风格小众，运用范围比较限制，常用于女人或二次元APP中。

5、轻质感风格

层次简单，用色素雅干净，采用轻投影、轻突变的办法规划。这类图标具有一定的立体感，能给人轻盈、简洁、精致的感觉。

6、拟物风格

iOS7以前，拟物风格都是U规划的干流，这类图标的特点是通过细节和光影复原实际物品的造型和质感，能给用户极强的代入感，用户可通过对实际事物的联想，快速体会图标表达的目的。

APP首页和网站首页一样，需要告知用户“我”(APP)是谁，“我”(APP)能为“你”(用户)提供什么服务、内容、产品...“你”(用户)能够通过“我”(APP)提供的服务、内容达到什么样的目的。不同APP类型，首页设计也是因平台而异的。比如内容资讯类的APP，多数在首页采用无限加载的形式，通过个性化的内容推荐，吸引用户深度阅读、评论互动、分享转发...总之，要增加用户停留时间；高频使用的工具类APP，首页大多就是主要功能界面或突出功能Action，简单直接，用完即走...

今天，我们从首页目的的角度，总结APP首页的设计思路。

首页是用户消费内容最主要的场景。典型的方式即在首页进行瀑布流设计，无限加载内容。比如时尚电商APP、内容类APP以及Twitter、Facebook和pinterest等依赖Feeds的社交类APP，都会选择这种设计思路。这类首页要考量产品运营的能力，若要考虑内容的个性化推送，规则算法可又是一“坑”。

导流型的首页，一般提供频道、品类、搜索等入口，将用户尽快引入二级页面。也就是说，首页不再是消费内容的主场景，而是更多起到导流作用。比如电商类产品(天猫、京东)、旅行产品(携程、去哪儿)等。

首页即功能/体验界面，用户在进入首页即进行功能操作或深度互动。第三种与第一种消费内容比较相似，但第三种类型的设计大多集中在工具型、交通类或游戏类产品。

暂时想到这么多，欢迎补充。

思来想去，我们的APP是工具及游戏类的结合，核心栏目中都有用户关心且和自己息息相关的数据，如果散落在各个栏目中，层级较深，也势必会增加用户操作成本，因此想将这些信息更扁平化的集中呈现。初步考虑，会将APP首页作为集合页，并做个性化体验设计，露出用户最为关心的数据信息，并向一级/底级页面导流，同时在页面底部做官方内容的推荐。

还是要谨记，平台产品的规划，要结合品牌商业目标、产品类型、用户需求综合考量。

参考文章：

<从运营角度来看首页设计>

要做一款app，首先要明确几个问题：

1.app的用户是谁?

2.用户使用app能够获得什么?

3.公司推出app是为了获得什么?

以上问题，这里不做回答，只是一个粗狂的问题，对于APP的设计并无实际指导意义，只是暂且明确了一个产品的方向。

二、产品的核心功能有哪些?

不同的产品其核心功能大相径庭，这里以电商APP为例，从前端和后台两个方面具体说明电商APP的核心功能需求有哪些?

用户端APP(Android、ios版本)，这里只是主要功能，在主要功能的基础之上可以增加一些完善体验的东西。

主要功能：浏览商品(列表页、详细页)、分类查看商品、加入收藏、加入购物车、直接购买、提交订单、支付订单、支付，订单列表页、订单详情页，订单可进行 的操作(取消、支付、确认收货、评价、申请退换货、删除)查看商品物流信息，还有个人信息(昵称、头像、收货信息、订单、余额、积分等等)，以及关于 APP端的版本查看，意见反馈，清除缓存，关于我们，用户注册、登陆和用书使用协议等。

APP需要的后台系统搭建，根据不同的电商模式，其后台架构也不同，垂直电商和电商平台有很大的差别，主要看商家端是全部自己来进行管理还是开发加盟的方 式，如淘宝的后台架构和唯品会的后台架构就是两种不同的后台架构。主要架构：账户架构(用户、商家、运营、财务、仓储物流)，功能架构，用户的前端展示的 功能需要后台给出相应字段，数据接口。商家端需要发布商品、接单、操作发货、填写物流信息，处理退换货，这些信息同步到用户前端，用户可以随时查看订单的 状态。需要给运营相应的操作权限，商品的排序，BANNER广告，专题页链接，在后台的上传方式和前端的展示位置等等，还有数据分析，不同的商品的销售统 计，订单发生的时间、地点、用户数据等参数进行统计，财务进行相关订单的财务结算，按照商家、用户、订单进行结算，如果能够把控整个数据库安全的情况下也 可以自动结算，仓储物流信息的上传和同步，如果是1小时送这种O2O模式，还要有配送人员的接单、取货等数据同步。

三、详细进行竞品分析

确定了以上的核心功能和需要打磨的细节之外，接下来就是进行细致的竞品分析，这里仍然以电商为例进行竞品分析，竞品分析的工作如何开展呢，这里叙述一下自己的观点。

找到直接或者间接的竞品，大概找5款app左右，下载安卓和IOS端分别使用，使用脑图软件列出核心功能和提高体验的功能，使用axure等原型工具对其产品截图进行纵向和横向分析，包括UI风格、色彩和图标、文字、按钮的颜色、大小、位置等等。

从网上调研相关数据分析竞品为什么这样设计，这样设计的好与不好的地方分别说明

根据以上数据列出表格，进行筛选，提炼精华部分，去除糟粕部分，给自己的产品设计提供必要的参考。

提出自己的产品差异化功能和特色，电商产品必须结合运营部门进行品类的分析，货源、价格、物流服务等进行分析，单个从APP产品进行优化体验，就算做出花来也没用，因为用户需要的不是产品，而是商品。

从前端展示分析出来其后台架构和相关功能的布局，这个需要观察细节，注重思维能力。比如，你去操作一个款产品，购买数量填写10万个，看下是否有提示库存不足就知道其后台有没有对库存进行把控。

四、真正地开始制作APP开发需求文档

app开发需求文档的标准写法：

1.app开发目的，阐明开发本软件的目的；

2.代开发的app名称

3.参考资料（可有可无）列举app开发需求规格说明时所参考的资料，包括项目经核准的计划任务书、合同、引用的标准和规范、项目开发计划、需求规格说明、使用实例文档，以及相关产品的软件需求规格说明。 在这里应该给出详细的信息，包括标题、作者、版本号、发表日期、出版单位或资料来源。

4.app开发的功能需求。

5.app的运行环境，包括硬件平台、硬件要求、操作系统和版本，以及其他的软件或与其共存的应用程序等。

6.条件与限制，给出影响开发人员在设计app时的约束条款，例如：必须使用或避免使用的特定技术、工具、编程语言和数据库。

7.app功能划分，列举出所开发的软件能实现的全部功能，可采用文字、图表或数学公式等多种方法进行描述。

8.功能描述，对各个功能进行详细的描述。

9.外部接口需求。

10.用户界面，对用户希望该软件所具有的界面特征进行描述。

11.性能需求，包括数据精确度、响应时间、数据转换与传输时间、运行时间等。

12.其他需求，如果不需要增加其他需求，可省略这一部分。

五、交付设计和文案

确定好以上的需求之后，面对设计和研发的需求文档已经告一段落，接下来就要在UI做设计、交互设计师做交互的时候，找相关部门人员完善文案需求，和项目经理一起对工作进行细分，确认时间节点，最后由交互设计师输出一套高保证原型。

六、交付研发

这样子做出来的高保证原型，在各个细节都已经做到了完善，设计、交互、研发、运营等等对工作也已经胸有成竹，那么大家就可以坐下来好好开个简短的会议，确认每个人的具体工作，给出相应的时间节点，然后随时跟进开发需求就可以了。

APP开发款式分为固定款和定制款，两者的价格均不相同。

固定款：是指直接套用已有的、现成的APP固定模板，报价是固定的，所需要的功能也是固定的，缺点就是客户拿不到源代码，也不能根据企业需求进行定制，由于源代码是封装的，如果企业以后想进行功能升级或系统维护的话，也不能够实现，只能重新开发一个新的软件。固定款的APP开发时间短，约2~3日的时间即可完成，费用大约在几千到几万之间。

定制款：定制款是指APP的功能全部重新开发，过程比较繁琐，需要美工、策划、APP开发（前台/客户端/手机端）、后台程序员等工种协同完成，大型的、功能复杂的APP甚至需要数十人的团队。由于APP的功能和设计都是定制的，因此价格会高些。定制款的开发时间与开发价格是成正比的，开发时间长，大约在两三个月甚至不定的周期里才能完成，而费用大概在几万甚至十几万左右。

时间：2019年6月13日

前言：app名字和icon的来源

主讲人：杨萌（网易传媒内容运营中心运营经理）

1.名字来源

Step1：了解市面上产品名称，总结好名字的规律

a.有辨识度、区分度

b.传播成本低（1.便于打字，说起，好记；2避免英文，3.元音结尾，朗朗上口，易于传播）

c.具有对目标用户使用产品唤起的能力

Step2：结合产品定位，脑暴产品拟定名

1.列出产品定位关键词（生活日常，温暖、治愈、真实、年轻、平凡等）

2.根据关键词发散出60多个产品名

Step3:300名目标用户投票选出产品名“咕噜 ”

2.Icon来源

Step1:确定设计方向

a.结合名称，内容风格及产品定位

b.与现有app有区分度

c.色调保持一致

Step2：50个种子用户投票选出

App产品交互设计

主讲人：徐琳琳（网易高级交互设计主管）

1.什么是交互设计（人-机-环境）

a.交互设计处理的就是这些关键节点的“对话”

b.如何让双方（人，机）明白对方的意思，知道对方的进度，知道对方的困难，并且解决。。。

c.交互设计的是用户在使用一个系统/产品时所经过的“路径”，以及与系统/产品发生的“对话”。

2.交互设计在工作中的位置及作用

（交互设计同样需要贯穿整个产品流程，区别于产品经理，不同在于侧重点上的。个人认为产品经理做的是框架和策略，交互设计做的是体验，两者有交融，但由于个人技能背景不同，做了细的划分，本质上都是为了满足用户需求）

工作内容：

a.了解用户特点、需求、目标；

b.梳理用户任务和流程；

c.整理信息/页面结构；

d.提出设计方案草稿，制作原型；

e.跟进设计和开发；

f.跟进上线和迭代优化

3.咕噜的交互设计

3.1产品结构

与其他产品不同在于，页面的转换方式。传统通过点击，进入某种类频道，咕噜选用左右滑动，切换该主题其他视频内容。

弹幕热力图

弹幕互动

App产品视觉设计

主讲人：张伟（产品组设计主管）

1.UI设计师的几把刷子

“T”型能力：

设计交互能力——运营能力——市场研究能力——数据分析能力

                                       ↓↓ ↓ ↓ ↓ ↓ ↓

                                      行业积累能力

2.咕噜设计风格探索——APP设计思路

1.通过几个问题确定方向：

产品目标是什么?

面对的用户是什么人群？

他们的特征是什么？

我们希望用户在用我们产品时有什么用户体验？

2.情绪板的设计推导

Step1：原生关键词的诞生

Step2：发散思维，头脑风暴，确定最终的衍生关键词

Step3：图片查找，拼贴，搜集元素

Step4：关键词映射（视觉，心情，物化）

Step5：情绪版建立-色彩提取（高斯模糊或马赛克处理）

Step6：最终配色方案

3.Icon设计演变

a.icon种类：线性（粗，细），面性（扁平，写实）和线面结合

b.Icon元素比重

c.Icon变化

4.排版布局-首页

绿色：单手轻松可点击区域、             橙色：单手勉强可点击区域                红色：单手无法点击区域

5.排版布局-其他页面