zhifubao(宝付支付官方网站注册)

编辑导读:作为国民应用软件，支付宝的很多设计都可以被其他产品借鉴。笔者将从默认页面配色、设计、广告语、海外产品UI等方面对支付宝进行分析，希望对你有所帮助。

第一，口号“好好活着，支付宝。”这是支付宝在2019年7月推出的新口号。

一般出现在启动页面或首页，持续5秒，方便内容加载。Slogan可以让用户一目了然是什么，尤其是在APP下载应用中，让用户明确识别这个产品是否适合自己。从slogan来说，特色就是付费。

不超过10个单词。易于阅读和口语化。中间有停顿，有抑扬顿挫的感觉，没有太难发音或者听不懂的词，短短的几个字清晰的描述了支付宝的功能；同时，“好”字和“宝”字的发音都有元音“敖”，相同的结尾使得广告语的口语字节清晰朗朗上口，容易进入潜意识，被用户记住。

比如:今年放假不收礼，还能收到脑白金；恒源祥杨阳洋

而且话也比较正面。生活是一个有趣的词。当你和富人谈论生活时，你会感到很舒服。当你和穷人谈论生活时，你会感到不舒服。再加上后面加了一句好话，形成了双重肯定，让有钱人对生活的感觉更积极，穷人对生活的感觉更积极。

第一句:如果你想...仅仅...

第二句:无论如何，无论如何。

这两种句式都是心理暗示句。换句话说，想过得好，就用支付宝。不过，多余的字被简化了，但阅读的暗示感并没有减少。

二、界面设计

首先我们进入支付宝页面，选择组合导航形式，由功能强调的力度(业务目标、范围)、条目数量、用户调性、占用屏幕空决定。

第一部分(整体视图)

用户打开APP，看到的是黄金分割0.618的位置。这12个入口是阿里巴巴自己部门的模块。图标中使用了很多颜色，这些颜色在色相圈中处于相同的位置，所以整体看起来会感觉很舒服。通过对比背景色和图标色，变得醒目。图标根据用户的使用频率排列在左上位置，根据较低频率排列在右下位置。

12个入口通过一致性反映整体:

图标大小一样图标造型设计是圆形和棱角圆润的方形图标间距统一各个图标内容元素内用了白色位置是通过色块来表明，上面的蓝色色块，下面的是白色色块

差异化:图标细节体现差异化，其中电影演出图标右上角的红色字体既体现了差异化，也体现了商业利益。

第2部分(搜索框)

颜色是蓝色和白色形成对比，整体看上去醒目。搜索框根据用户使用习惯放在了中间，搜索按钮用浅蓝色突出差异化功能：扫一扫，付款、收钱、出行、卡包 按照用户的使用频度依次横排卡包左上角的小红点会促使用户去点击左上角放了地点元素和天气元素。天气是重要的一个元素，用户会想要不要加衣服，要不要带伞。支付宝是一款支付平台，对于经常外出的人有时会不知道自己在哪里，在生活当中有时用户会多思考一下我在哪个地方，而支付宝在生活中经常使用，地点元素放到了用户使用频度高的功能附近，晃一下就能看到地点元素，用户在生活中少了思考地点，就会增加产品在用户心中的好感，再加上大多数APP是没有显示地点这个元素，可以与其他产品形成差异化 。

第三部分(活动)

一些活动，增加用户粘性和平台丰富度。为了以轮播的形式利用该区域，广告内的图像将移动以显示差异。

第四部分(第三方平台)

大多数产品都会加入购物的模块，哪怕不是一个购物产品都会加入购物模块这是因为让用户可以留在自己的产品里购买东西，而不去考虑其他的产品的入口，长此以往往会慢慢的占领用户的心智。一想到买东西就会想到支付宝这款产品，一想到交水电气费就想到支付宝，长期发展，产品会长期的生存下去。由于用户需求和商业利益位置都占了位置，第三方平台就通过面积增加与图片颜色和背景色对比来变得醒目。内容有大图，大字配小字，口号，价格等。图片面积占底图40%最醒目。图片有立体图，平面度，线状图，根据适合用户需求的算法推送相关产品，这些图片会照顾大局来排列，并不会全部是平面图，立体图等。第一排第三个图，是按字体颜色提现差异化价格是用色彩比较明度比较高的颜色提现差异化，有些图片通过打折提现差异化口号是“能省一点是一点 Ⅰ 由淘宝提供服务”。大多数用户都喜欢占便宜，打折会获得用户好感。指出了商品是由淘宝提供，增加了用户的安全感三、海外产品UI对比

整体看上去，一块精致、贵重的毛玻璃。背景模糊，给出的人物既不是像运动员那么很难触摸到，也不像弱弱的人，而是大家付出努力都是可以达到的提题型。背景上面的内容是实体，在美学上会有立体感。色彩搭配是红黄蓝，红绿蓝，在“Sport Status” 模块蓝色旁边有羽化显得有科技感。大部分商品都会添加到购物模块，即使不是购物商品。这是因为用户可以停留在自己的产品里买东西，而不用考虑其他产品的入口。长此以往，会慢慢占领用户心智。想到买东西就会想到支付宝，想到交水电费就会想到支付宝。有了长期发展，产品才会长久存在。因为用户的需求和商业利益占据了位置，第三方平台通过增加面积，对比图片颜色和背景颜色，变得醒目。有大图，有大字有小字，有标语，有价格等。图片占据了底图的40%，最引人注目。有立体图、平坦度、线性图，根据适合用户需求的算法推送相关产品。这些图像会从全局考虑进行排列，并不都是平面图、三维图像等。第一行第三张图，差异化价格用字体颜色兑现，差异化价格用亮度更高的颜色兑现。有些图片是打折套现，广告语是“省一点，我来淘宝提供服务”。大部分用户都喜欢占便宜，打折会赢得用户的青睐。指出商品由淘宝提供，增加了用户的安全感。第三，海外产品的UI相对于整体来说是一个精致而有价值的磨砂玻璃。背景模糊，给出的人物既不像运动员那样难以触碰，也不像弱者，而是每个人通过努力都能实现的问题。背景中的内容是立体的，在审美上会有立体感。颜色有红色、黄色、蓝色、红色、绿色和蓝色。“运动状态”模块蓝色旁边的羽毛是科技。

是飞机的玻璃窗，看起来会把人带入场景。窗户的形状占切割面积的1/3，其他区域的功能和元素采用扁平化设计，层次较低，不需要用户多加一层。中间切掉界面1/2区域，体现立体感，重点会放在窗口区域。

卡片滑动，符合物理定律。

长方形是作为一个整体使用的，大部分app也是用长方形，长方形能装的东西最多。最下面的四个模块使用不同的颜色，一般不超过三种，但是它们的颜色都很巧妙。虽然它们的色相不同，但在色环中属于等距色，所以会有一种和谐的美感。此外，四个模块作为一个整体添加了斜遮罩，这表明了一致性。这四个模块是分开来看的，它们是一个整体。四个模块作为一个整体也是一个整体。

模拟的是日本餐厅转品牌的场景，符合物理规律，动画流畅。

模拟翻书，这也是Flipboard在国内采用的方式。

大部分国产产品的UI都不满足于一致性和差异化。就像大多数国产产品设计模块一样，各个部门都是按照自己的思路来设计，不考虑各个模块放在一起时的整体一致性。当所有模块都放在首页，看着看着就会觉得乱七八糟。尽管配色的一致性和视觉上的和谐感，但离标准还是有一定的距离。

本文由@旺仔3572原创发布。每个人都是产品经理。未经许可，禁止复制。

来自Unsplash的图像，基于CC0协议。