APP设计风格（APP设计风格怎么写）

大家好！今天让创意岭的小编来大家介绍下关于APP设计风格的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、androidapp界面设计按什么尺寸

• 2、官方出品！揭秘阿里巴巴APP 8.0 视觉品牌升级背后的设计思路

• 3、app设计中色彩的类型有哪些

• 4、如何开发一款理想的购物商城APP

一、androidapp界面设计按什么尺寸

androidapp界面设计是按720*1280的，切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏，以720*1280的尺寸来设计，那么状态栏的高度应为50px，导航栏的高度96px，主菜单栏的高度96px，因为是开源的系统，这里的数值也只能作为参考。

Android为了区别于IOS，从4.0开始提出了一套HOLO的UI风格设计风格，鼓励将底部的主菜单栏放到导航栏下面，从而避免点击下方材料误点虚拟按键，很多APP的新版中也采用了这一风格。

扩展资料：

注意事项：

1、通常情况要定位一个Icon只需给出上/下边距，左/右边距，标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份，通用型模块只需单独标明一份，如导航栏。

2、手机可视区域通常为宽度固定，长度超出边界可滑动，所以标注物体宽度时可按比例说明，如果要标注内容上下居中，左右居中，或等比可不标注。

3、当交付的是一张完整图片时，不需做机型适配，只需给高清图(1920*1080)即可，注意进行压缩。

4、若图标在不同页面重复出现，且尺寸相差不大，直接给出最大一份切图，并在圆形图标明尺寸，程序会根据需求缩放。

5、当背景是纯色时只需给出色值，Android使用16进制色值。

参考资料来源：百度百科-Android

参考资料来源：百度百科-界面设计

参考资料来源：百度百科-状态栏

参考资料来源：百度百科-导航栏

参考资料来源：百度百科-开源系统

参考资料来源：百度百科-切图

参考资料来源：百度百科-UI设计

二、官方出品！揭秘阿里巴巴APP 8.0 视觉品牌升级背后的设计思路

阿里巴巴副总裁、中国内贸事业部总经理汪海在对外分享时提出 1688 已经从信息平台时代进入数字化营销平台时代，让 1688 用户在平台内完成营销和销售一体化的整个商业闭环。1688 的使命也升级成「在数字化经济时代，让天下没有难做的生意！」在全新的业务态势下，为了更好的满足用户需求，阿里巴巴（1688）主客升级势在必行。

首页重要性

首页既是业务分流的中心场景，也是平台卖家判断平台打法，买卖家感知平台价值的重要「门面」。从 UED 专业视角来看，首页是定义 APP 内体验范式及视觉风格的核心场景。

如何改？

1. 盘点现象，定义问题

满足业务新的诉求：平台阶段性战略不同，1688 从曾经的信息平台过渡到交易平台，如今向数字营销平台转型，旧的内容框架难以承载业务的新发展。

提升分流质量：从过去的数据效果来看，需重新判断，在 For 特色采购需求和服务大面采购需求之前，如何平衡调优，提升首页的流量转化效能。

体验升级：移动端 APP 天然生长在手机系统上，系统的风格更迭也牵动着 APP 的变化和升级。在 8.0 升级前，1688APP 存在着 5.0、6.0、7.0 多个由不同设计师在不同时间点所设计的场景，到8.0，APP 趋待从框架层、表现层以及品牌等方面进行统一及升级。

改版策略

1. 聚焦用户价值，基于业务打法升级内容框架

APP 升级前与业务对焦，我们收到三点诉求：

在内容框架制定上，我们聚焦用户价值，舍掉 7.0 时的内容版块个性化，聚焦做商品的个性化，仅保留For大面用户的营销、内容场景，提升算法推荐区的曝光率，以此区域的商品做首页的直接转化。

2. 弱化容器，突出内容，塑造心智

视觉容器升级

做平视觉框架，选择「大间距分隔」，为内容留出干净、简洁的视觉空间。

精简内容栅格，避免形式给用户阅读带来的负担。

提高留白率，提升页面整体的透气性，为内容留出更清爽、轻松的阅读空间。

拉大字体大小的梯度，加重字体颜色梯度，提升文字的清晰度和可读性。

强调版块特性，塑造买家心智感知，达成业务目标

强化搜索：7.0时，曾上线过将搜索做到「主观上觉得显眼」的测试方案，但相较于之前沉浸式搜索，数据几乎没变化。

8.0 阶段，从视觉表现层跳出看：「强化搜索」并不意味把搜索设计得更「显眼」，而是达成「让更多用户更高频地使用搜索」这一目标。如提升搜索底纹词、热搜词精准度和吸引力、增加搜索布点等，都可能助力达成业务目标。

基于用户单手操作时，拇指在屏幕不同区域的点击体验，选择将搜索组件移到更易于点击、视线更聚焦的屏幕位置，上线后数据提升非常明显。

Banner 升级：7.0 的 Banner 画面丰富度高，加之描述字段多，用户阅读有一定成本，较难在 3 秒内掌握全 Banner 的信息。此外，相比于 C 类用户，B 类用户会更偏理性，我们选择以更冷静、克制的「视觉语气」与 B 类商人对话，而非渲染氛围引导点击。（上线后，同样的活动内容，按新、老两版规范设计投放两套 Banner，新版较老版 UV CTR 约高出 48%）

For 新人：以差异化的利益、个性化秒杀、新人攻略做用户的承接。

营销场景心智差异化表达：营销由伙拼爆品、天天特卖两部分组成，我们判断爆品主打心智为「卖得火爆又便宜」，特卖主打心智是「限时限量抢便宜」，选择将两个区块最关键的特质做强化表达。

内容场景（直播）动态化、互动感、实时性传递：抽象出直播间的方形版面+内容叠加形式来设计，大坑位以动图传递给用户直播的动态感，以红包、个性化商品的多维实时轮播气泡传达直播的互动感、实时性。

3. 升级品牌，贯穿APP场景

为什么要做APP应用内的品牌设计？

品牌设计是将内容层（平台价值）与接收层（用户）做柔性链接的一环，譬如在 APP 场景中，由于有商品、商家、商机等「干货」，即使不特意做品牌设计，用户也能与平台保持刚性、稳定的连接。而反过来看，品牌做得很好，但平台没有「干货」，用户也不会单奔着品牌设计来平台。我们认为，做 APP 应用内的品牌设计，核心价值在于助力用户认知到平台特性，感知平台价值。从设计专业视角来看，APP 应用内的品牌设计，有利于定义并统一 APP 内体验范式及视觉风格，保障用户的体验。

怎么做？

每位设计师所处的业务环境不一样，解决问题策略和方式也千差万别，在 APP 应用内的品牌设计中，个人选择是通过厘清内容层（平台）多层次诉求及 For 用户的价值点，认知、感知接收层（用户）特质及内容倾向，基于内容层底料+接收层用户特质确定设计底层范式，塑造用户感知。

1. 图形范式

在阿里巴巴商业操作系统中，1688 聚焦做 B 类业务，直接服务对象是 B 类买卖家，业务细分出档口尖货、淘工厂、企业采购、淘货源、微商代发、工业品超级店、跨境专供等，这些都是具有一定 B 类特质及体量感的场景，故在 APP 业务门洞及常规图标的表达上，基于扁平 vs 写实、轻盈 vs 厚重、活泼 vs 稳重的维度，图形选定轻拟物、弱对比的设计范式，塑造 B 类场景 For 买家的沉稳、份量感。

此外，异常/空白场景也是平台与用户互动，塑造用户感知品牌的机会。在空态 情感 化插图部分的绘制上，力求塑形出有份量、易读、有意味的场景以示对应空态，并佐以轻微动效，增强空态的互动感。（在收藏夹、我的供应商等工具型场景，基于空态信息的价值考虑，将空态与工具新手引导相结合，并未做常规的插图。）

2. 色彩范式

标准色

随着业务的发展，我们基于新的业务态势，丰富了 1688 品牌色，以橙红色作营销、利益属性的表达，以商务蓝作服务、数字化属性的表达，以金色作权益属性的表达。

辅助色

在实际产品设计中，品牌色并不足以表达各类业务场景中的多层次的内容。因此，基于 VI 品牌色，裂变出不同重量、层次更丰富的品牌辅助色。

场景用色规则

基于买家角色及场景特征定义用色规则。

1688色域及选色示意

以 HSB 模式划定出偏沉稳的 1688 色域，在日常 banner 及业务场景中可灵活取用。

3. 动效范式及应用

动效是设计的重要手段，良好的动效表达能增强信息表达强度，清晰信息层级关系，提升用户体验的舒适度。做动效之前，将 APP 信息结构平整到三层，保障内容在页面简洁明畅地呈现。

在实际落地中，动效实现非常依赖技术资源，故动效设计之前，应考虑一个前提：动效设计增益内容表达，价值可论证，效果可衡量；同时，考虑接收层用户的商人特质，我们期望动效表达给用户以稳定感，并且在设计表达上能兼顾效率。

在动效呈现部分，主要以缓入、缓出、缓动结合曲线来调节，总的来说，内容入场时节奏稍慢，速度缓，分层加载，交代清信息在 Z 轴上的层次关系，内容出场时节奏快，速度快，内容层级不用再做分层消失。

APP 内典型场景的动效案例及演示：

4. 业务品牌的价值传递

此外，除以上在图形、色彩、动效等基础维度收口外，我们也需要将业务品牌放声给买卖家，以达成业务品牌的价值传递。在 1688 向数字营销平台转型的阶段，业务提出了「源头厂货通天下」的口号，我们通过设计手段，利用 APP 开机启动页及下拉刷新的空间，将「货通天下」的概念强化表达。

结语

以上便是此次首页改版阶段性的记录。在 8.0 的视觉体系里，为更好地突出内容，视觉容器选择尽可能做轻、做平，以冷静、克制的「视觉语气」与 B 类商人对话。当然，这是设计师和业务同学阶段性的选择。后续品牌的完善及产品的优化，仍需结合数据持续打磨

三、app设计中色彩的类型有哪些

我们在设计APP颜色主要还是屏幕端，那就是RGB

如果是在设计一款APP 如何考虑他的配色 我们可以有以下方法

分析人对颜色的普遍认知/感觉，再结合产品特色来进行色彩的选择；抑或是从现有app采取的颜色来分析其视觉传达和表现效果。

当我们实际要采用和确定一种颜色时，思考会涉及到方方面面，不是仅仅通过主观感知就能确定的。因此我们需要一种方法，来正向的、科学的、尽量客观去做出选择。下面我就是来介绍这么一套方法论。

当然，此方法只适用于有精力、有意愿花在色彩用户研究上的团队和公司，并不是每个公司都那么适合用。

关于一个APP，或者是一个互联网产品的视觉风格和主题颜色是怎么确定其实是有一套系统的方法论的。这个方法论叫做：情绪板（Mood Board）。下面我贴一份网易UEDC的文章来解释情绪板的运用方法。

什么是情绪板？

视觉设计师可能会花很长时间产出了精致的，高品质的设计，得到的却是用户或客户的一句话：“这不是我想要的！”一般来说，在没有实物前，人们并不清楚自己要的是什么。但是在看到成品后，他们可以轻易地判断是否符合自己的喜好或期望。因此，在为错误的设计方向投入过多前，了解用户对风格的期望和需求，从而确定整个网站或产品的视觉风格是有必要的。

情绪板是一种启发式和探索性的方法，可以对如下问题进行研究：图像风格（photography style），色彩（color palettes），文字排版（typography），图案（pattern）以及整体外观以及感觉。视觉设计和人的情绪紧密相连，不同的设计总是会引发不同的情感。

此外，情绪板也可以作为可视化的沟通工具，快速地向他人传达设计师想要表达的整体“感觉（feel）”。

如何创建情绪板？

首先，需要明确体验关键词，在一个设计项目中，通过进行涉众访谈和用户研究，研究，设计人员创建了产品的人物角色，基于人物角色，综合用户研究结果以及品牌/营销文档，可以得出体验关键词（Experience Keywords）。当人物角色和体验关键词都确定后，可以通过使用情绪板来探索网站或产品的视觉风格，并作为和内部人员进行早期沟通的基础。

体验关键词（Experience Keywords）举例

其次，应基于时间限制，个人工作习惯以及用户的需求对情绪板的呈现方式进行选择。一般来说，可以从实体/数码，以及拼贴/精致模板两个维度来区分情绪板的呈现方式。

A. 拼贴画

这是一种最简单地创建情绪板的方式。使用这一模式，无需考虑诸如字体和特定颜色之类的细节问题。找到那些可以激发灵感的素材，其中可能包含那些传达相似风格和情绪的网站的截图。这种方式快速，有趣，但是，具有一定的含混性。

B.精致化的模板

模板可用来展示不同的元素。如：

在这种形式的情绪板中，界定了配色，字体处理（如标题和副标题），按钮风格甚至是图片风格。标准模板可以让人们聚焦于特征化元素。

一般来说，情绪板可以以实体的方式呈现，也可以以数码方式呈现的，考虑到成本，时间等因素，我们多选用数码的方式，因为这种方式更为设计师提供了更灵活，多样的选择。

第三步是选择素材创建情绪板，这是一个迭代的过程。

如何使用情绪板？

在使用情绪板过程中，体验关键词的作用相当重要。这里首先要说明下什么是体验关键词，可以参考以下的几张PPT截图（此PPT为UCD CHINA2009年会上工作坊所用的PPT）。

用户研究方法介绍——情绪板（Mood Board） image_20100205141819

获得体验关键词是情绪板的第一项工作，一般从内部涉众（相关的产品和设计人员）及外部用户两种渠道获得。

自涉众访谈和用户研究中，可以收集大量的体验词样本。在获得这些样本后，可以内部进行讨论，通过归纳整理精简为几个关键词。

体验关键词提取好之后，可以在内部使用情绪板（如果受限于资源或公司的保密政策），也可以招募用户来完成。

在内部，由视觉设计师来完成，要注意以下几点：

1.需要制作3套以上情绪板供评审。

2.制作的过程是个迭代的过程，需要内部团队慎重讨论决定。

3.情绪板的形式可以有多种，如拼贴画或精致化的模板（二者的区别在文档中有）

如果招募外部用户，则要注意以下几点：

1.主持人需要不断询问被访者，去探究选择图片背后的原因：“为什么你会选择这张图片？能否和大家分享一下你的想法？”

2.注意差异的挖掘。注意挖掘被访者之间的观点差异，一百个人心中有一百个哈雷姆特，同一张图片对于不同被访者可能会有不同的解释，如果好几位被访者同时选择一张图片代表他们各自对某个品牌的感觉，注意询问他们选择这张图片的原因是否一样。

可以呈现给用户的图片有限的，因此，在挑选图片时，需要内部研究和设计人员协同，根据视觉设计所需要考虑的几个维度结合已有的关键词进行图片的筛选。一般来说，在将图片呈现给用户之前，内部人员已经明确了每一张图片所代表的意义，在用户选择和访谈结束后，两方面的数据综合分析才能获得最终的结果。

以上是操作情绪板的一些技巧的总结。下面再share两个情绪板中的用户实例，以加深大家对情绪板的理解。从下面两只PPT可以看出来，运用了情绪板方式之后，用户明显更有兴致分享自己对产品的感受，而且叙述也更加有条理。有兴趣的同学，可以下载相关的音频文件做进一步了解。

最后，提供一些在线调色网站的资源给大家，可以帮助我们为情绪板挑选图片及在图片中提取色彩。

------end-------

本来我是想贴完上述结果就完了的，但是怕有人不理解所以做了以下这个示范。

需要说明的是，以下内容仅作参考，我没精力也没义务在1小时内完美的做完一套需要一周时间完成的准确无误的调研分析报告，无论是取样还是分析肯定都会有很多问题，所以请别扣我细节了。知道是怎么用就OK。。。

OK，那么现在我们已经知道了情绪板的运用方法，就来马上动手试试。

首先，我给自己定义一个主题：外卖APP。

关键词提取：美食 快速 送餐 打电话 （越多越好）

根据关键词寻找的一些图片（色系尽量丰富，风格尽量多样）：

然后根据查找的图片提取出用色：

当然，现在提取出的颜色是杂乱的，且不具代表性。因此我做了第一次颜色筛选，提取出了最高频的16种颜色。

接着是第二次颜色筛选，主要去掉竞品色（美团外卖、饿了么、百度外卖、达达、派乐趣、点评、京东到家、爱鲜蜂等）和脏色。当然去掉之后发现基本没什么可用的颜色了，因此还有一个问题就是，如果竞品色不足以影响到我们的品牌色的话（在可控范围内），还是可以采用的。具体这个决策过程需要大家一起讨论决定。

筛选出以下颜色：

现在我们基本可以控制可选择的主题色了，如果人力足够的话，建议多做几个版本以查看具体使用效果。当然，也可能是老板拍板来决定。

其他的视觉风格，如图像风格、文字排版等也可以在这个调研基础上进行确定。

四、如何开发一款理想的购物商城APP

开发一款理想的购物商城APP

简单点来说，要视手机APP的需求及质量而言，价位一般在几千到十几万左右，更高端的价格更高。

今天，我们就来详细分析一下这个问题，请继续往下看吧。　

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

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

固定款的APP开发时间短，约2~3日的时间即可完成，费用大约在几千到几万之间。

定制款：定制款是指APP的功能全部重新开发，过程比较繁琐，需要美工、策划、APP开发（前台/客户端/手机端）、后台程序员等工种协同完成，大型的、功能复杂的APP甚至需要数十人的团队。

由于APP的功能和设计都是定制的，因此价格会高些。定制款的开发时间与开发价格是成正比的，开发时间长，大约在两三个月甚至不定的周期里才能完成，而费用大概在几万甚至十几万左右。

因此，想要知道开发一款手机APP需要花费多少钱，企业主首先必须把APP的详细需求和功能告知APP开发公司，开发公司才能报出一个合理的价格。

二、手机APP平台不同，制作成本也不一样

现在市面上流行的手机APP制作平台主要有两种一般包括两种系统：安卓系统（Android）和苹果系统（IOS）。

一般来说，制作苹果系统的手机APP软件费用要比安卓平台的贵一些，因为苹果公司对苹果平台的封闭性和手机APP开发语言Objective-C的难度，都让APP开发者加大了苹果系统手机APP开发的难度。

三、APP制作成本包含参与人员的工资

通常情况下，开发一款APP需要产品经理、客户端工程师、后端工程师和UI设计师各一名，这已经是制作手机APP应用软件比较精简的配置了，所以这些参与人员的工资也是包含在APP制作成本当中的。这些工作人员的月薪加起来可能都会超过4、5万元。

四、APP开发公司的所在地

需要注意的是，同样实力的APP开发公司，在不同的城市也会导致APP的成本费用高一些

以上就是关于APP设计风格相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

免费下载传媒app大全网站（免费下载传媒app大全网站视频）

手机可用的数据库app（手机用的数据库软件）

视频怎么加水印logo（免费视频去水印app）

全球禁用google的国家

杭州为什么适合创业（杭州为什么适合创业呢）