当设计一个APPUI的时候我们想什么？.pdf

当设计一个 APP UI 的时候我们想什么？ 有句话说在前面 —— 好看就是生产力，在 app 中是真实存在的。 一、品牌篇 品牌色从大的来说是 VI 需要优先考虑的，考虑点如下： 品牌色与行业属性之间的关系 相对来说不同行业是有其固有的品牌色的，比如机械行业，通常给人的第一意向就是明黄；而科技 、互联网企业给人的第一印象就是科技蓝（原谅我用这么俗套的词）等。 在对于品牌色的决策过程中，行业属性是其重要决策部分。 品牌与竞品之间的差异化 通常在市场上我们会看到多个同时在满足用户同一需求，但是由于其品牌色的不同，会对用户对 于app 下载决策的影响。 小恩爱、 Between 、恋爱记三款产品的核心功能都是做情侣记录、聊天等的需求。但是由于小恩爱 的icon 相对于其他两款 app 更加跳脱，因为在下载量和市场占有量上远超其他产品（当然还有产品功 能和运营等多方原因，在此仅从色彩来谈）。 作为几乎同期同需求的产品，下载量差异巨大。下载量数据来自腾讯应用宝 品牌色的应用范围 有一些产品最开始是从线上产生的，相对来说对于线下物料、 VI 的思考不足，同一颜色在不同屏幕 的色差等。因而会容易产生线下物料印刷等与线上视觉之间有较大色差，线上视觉形象线下实际应 用较难等问题。因而在最初考虑线上品牌的同时，也需要从 VI 的角度考虑产品后期的品牌营销传播 等问题。 记得张小龙曾经说最后悔微信用绿色，因为在不同的 Android 手机上，绿色差异非常大。（如果错误 请纠正） 品牌色与用户习惯认知之间的印象和策略 相对来说，用户对于不同的颜色本身会有一个第一印象的直观理解，因而我们才考虑品牌色时，需 要考虑到用户认知心理，并运用此心理来传达品牌诉求。在考虑用色的时候，我们要时常提醒自己 ，需要传达给用户如何的品牌印象，这样的印象是否和产品策略是相符合的，这样的用色策略是否 会和用户惯常认知是有差异的等等。 举例来说作为计算机， IBM 的蓝色给人以专业和严谨，而同样作为同时代的电脑， APPLE 却给人留 下了 T hink Different 的品牌印象。 同样是做 O2O 外卖，饿了么选择了明度较高的蓝色，美团外卖选择了很好传达其外卖送达很快的 明黄。但是百度却用了桃红，水平不够，暂时没理解。 三家 O2O 外卖公司 icon 二、图标篇 LOGO icon LOGO icon 是否清晰表达功能 对于一些垂直领域来说，每个产品时有具体的功能的，比如省电类的主要聚焦在对于 ”电池 ”的管理上 ，因而金山的手机电池管理产品『金山电池医生』会用 ”电池 ”来直接表达，安全类主要聚焦在保卫 手机安全，所以 360 安全卫士则直接把 ”盾 ”直接传达给用户。 邮件类产品，就算是 google 的inbox 和gmail 都以考虑表达『邮件』这个功能为邮箱考量。 LOGO icon 是否清晰表达品牌 一些品牌会运用吉祥物或者品牌 LOGO 直接作为 icon ，比如 QQ 的企鹅，美团外卖的袋鼠， UC 浏览 器的松鼠等，都是很好的运用品牌策略来设计 icon 的方式。 不过值得注意的是，虽然都是运用吉祥物和 LOGO ，但由于用户对品牌的认知度的不同而选用不同 的icon ，比如阿里巴巴旗下的淘宝虽然有淘公仔，但是 icon 还是用了一个『淘』字，相对来说『淘 宝网』三个字比『淘公仔』更被用户所熟悉，而同为阿里巴巴旗下的天猫，由于『黑猫』的形象在 一开始就传达给了用户，因而 icon 选用了猫的形象。 淘宝 vs 天猫 icon LOGO icon 是否有表达情感 所谓的卖情怀也好，装逼也罢，本质上是希望通过设计情感和用户的共鸣来引导用户产生设计行为 。 泡过论坛的人应该都知道『灌水』是论坛的一个玩法之一，而锤子论坛就直接将这个用户常见的功 能应用到图标的设计当中，从而用