APP竞品分析调研

品牌设计&设计风格定位

品牌核心价值和愿景

核心价值：专业/现代/高端/以客户为中心
愿景：帮助市场意识/行业发展和国家社会经济进步
定位：提供高端投资服务和财富管理解决方案

核心价值：用户为王/民主化/简化
愿景：打造一款适合所有人进行投资，并且掌控自己财务命运的产品

核心价值：全球投资平台
愿景：扩大巴西投资者的潜力，帮助他们的生活获得更多的美元收益扩大巴西投资者的潜力，帮助他们的生活获得更多的美元收益

定位：成为全球领先的交易平台

核心价值观：卓越、创新和客户至上。
愿景：成为全球领先的金融服务公司，以卓越的服务和创新的解决方案满足客户的需求。
品牌设计：注重简洁、现代和专业，传达其作为金融行业领导者的地位。

简洁功能导向
风格定位：设计语言更多服务于功能性，而非品牌独特性表达。

简洁功能导向，
风格定位：元素风格之间未完全统一，未形成一个强识别性的品牌视觉系统，设计语言更多服务于功能性，而非品牌独特性表达。

以信息传递为主，功能驱动
品牌设计理念“Share the Love”Sharesies | Case Study - Ocean Design

核心价值：全球投资平台
愿景：提供无缝/沉浸式的体验，为雄心勃勃的投资者打破障碍
定位：提供透明/易用/现代化的投资体验

核心价值：创新/安全/社区
愿景：链接加密货币和传统市场连接加密货币和传统市场连接加密货币和传统市场

品牌元素的呈现是否在app里增强品牌的记忆点

无品牌元素

是，扁平化元素

无品牌元素

是：品牌色和人物摄影的一致应用

是：代言人人物摄影材质一致应用

是

• 人物摄影材质的应用

✔是

• 品牌统一的色调

是

是

情感化设计：是否通过视觉设计与用户建立情感链接（如：插图，文案关怀）

无插图，文案较为简洁

是，开屏注册页使用动态插画

无插图，文案较为简洁

无插图、文案简洁

• 符合情景的人物摄影

• 几何形状的3D元素

无插画元素

无视觉元素

✔是

是，部分banner使用扁平插图

是，banner使用3D插图

LOGO

字母与方形结合成的负形LOGO

Open

简化领结/两个人形的LOGO和字母组合的商标

Open

设计字体组成的字母LOGO

Open

图表图形的LOGO结合文字的商标

字母+图形结合的商标

Open

字母+图形结合的商标

Open

牛角形象、辅助文字商标

Open

菠萝图形简化LOGO和辅助文字商标。

Open

设计字体组成的字母LOGO

Open

设计字体组成的字母LOGO

Open

字体

字体名

Lighthouse

Montserrat

Avenue Pro

Montserrat

moderat

Bradesco

Madera

CentraNo2-Black

UniversalSans

Poppins

是否体现品牌调性

是
Lighthouse作为无衬线字体，传达出一种安全、稳定、坚固和经典的感觉，与品牌定位相符

是
无衬线字体，具有鲜明的现代感/年轻化/创新

是
无衬线字体，字形整齐且简洁，现代/前卫

是
无衬线字体，现代、简洁

是
无衬线，简洁，现代

是
无衬线，简洁

是
无衬线，简洁，温暖和个性低调

✔是
简洁，无衬线，现代感的几何表达

是
无衬线字体

是
无衬线字体

可读性：文字在不同场景下对比度是否足够

是

Open

Open

Open

是

Open

Open

Open

是

Open

Open

是

Open

是

是

是

✔是

Open

否

Open

否

Open

是否符合无障碍设计标准（WCAG）

是

Open

是

Open

是

Open

官网按钮、APP按钮不符合

Open

Open

官网按钮不符合

Open

官网按钮不符合

Open

是

Open

✔是

官网按钮、APP按钮不符合

Open

官网按钮、APP按钮不符合

Open

颜色

色值概括

主色：黑色 #1F1F1F
强调色：金/黄色 #FBC105
辅助色：白色 #FFFFFF

主：亮绿色 #00CE76
辅：黑色 #000000
白色 #FFFFFF

主：绿色 #4AE077
辅：墨绿色 #002820
白色 #FFFFFF

主：橙#ff5722

主：深蓝001E62

主：亮绿
辅：深绿

主：绿色
辅：深蓝色

主：玫红色
辅：紫色

主色：黑色
#141414
强调色：绿色
#27B069
辅助色：白色
#F9F9F9

主色：蓝黑色
#1D2434
强调色：蓝色
#0EA4D1
荧光绿
#9EFF00
辅助色：
灰色
#F2F4F7
白色
#FFFFFF

主色调是否与品牌一致

是

是

是

否，颜色使用比较没有系统规范

是

是

是

✔是

是

是

是否对用户的情感或视觉感受产生积极影响

是
黑色：代表专业性、权威性和可靠性，尤其适合金融品牌，能传递投资的稳定性与安全性
黄色：象征财富、增长和成功，强化用户对投资回报的联想，给人积极和振奋的情绪
白色：平衡黑色的沉重感，增加空间感和清晰度，确保界面在视觉上不至于过于压抑

是
亮绿色：强调年轻化和现代感，能够传达活力/可持续性
白色：作为背景辅助色，提供良好的视觉平衡，确保界面内容突出且易于阅读

是
墨绿色：通常与专业/稳重相联系，能够传递稳定性和信任感

橙色：
优势：活力与能量，活力、激情和参与感
劣势：可能会联想到红色的股市下跌亏损，但相对温和适合金融平台用于引导用户保持活跃和专注

是
深蓝色
优势：信任感与稳定性、权威与成熟、高端优雅。
劣势：情感联系较弱，可能会过于保守

是

亮绿、深绿

优势：安全信任，积极和视觉对比的层次，舒适放松。

劣势：长时间暴露于亮绿色可能引起视觉疲劳，能够缓解紧张情绪，,缺乏足够的刺激

是
绿色：金融信任，创新深蓝色：专业稳定，对比度和可读性

✔是
优：现代感、创新性和年轻化

劣：过度刺激，女性化，不同文化接受度不同（中东）

是
黑色：用于文字和重要的视觉锚点，清晰且稳重
白色：作为背景辅助色，保持界面干净/简约，让内容更突出
绿色：作为强调色提高视觉吸引力

是
蓝黑色：传递专业性与稳重感
蓝色/荧光绿：
用于按钮、标签和关键操作元素，增强视觉焦点

白天或夜间模式下表现识别度是否良好（夜间模式是否避免了高对比或过暗的配色导致视觉疲劳）

是

是，无白天/夜间模式切换

有

✔是

有

视觉风格

是否符合品牌关键词，极简、科技、稳重还是趣味化风格

是，整体风格偏向于高端稳重

是，整体风格偏向于现代化

是，整体风格偏向于稳重

无品牌元素

是，简洁、现代和专业

是，简洁的功能导向

是，简洁功能导向

是

• 现代感和创新性通过活泼风格的3D插画传达。

是，整体风格偏向于科技感

是，整体风格偏向于科技感

材质风格：插画图形是否增加了页面的视觉吸引力而不干扰功能操作，风格一致性（如：手绘、矢量风格或3D）

无插画图形

• 线性icon简洁易懂

是，插画图形增加页面的视觉吸引，与整体品牌风格一致：扁平、等轴、线性、插画风格
主要功能按钮采用线性icon简洁易懂

APP部分页面使用摄影图片

• 线性icon简洁易懂

无插图

• 面性icon轮廓清晰易懂

• 线性icon轮廓清晰易懂

• 符合情景的人物摄影

• 几何形状的3D元素

无插图

是

• 线性扁平插画

• 简约3D风格

• 摄影材质：摄影+AI 生成的人物/视频

是

• 3D风格：生活化元素

• 人物摄影

APP部分banner使用扁平插图以及摄影图片

线性icon简洁易懂

APP部分banner使用3d插图

是否通过独特的一致性设计元素（如：配色、插图形式、比如线性扁平化或3D）增强品牌记忆点

官网，社媒，APP均使用摄影图片

官网，社媒，APP均使用了风格统一的现代扁平化设计与极简拟物化设计插图，部分社媒使用摄影/合成图片

官网，社媒，APP均使用摄影图片

否，社媒（3D）、官网（线性插画）、app（面性图标），均使用了不同的视觉风格

是

官网，APP使用一致人物摄影配色元素

是

✔是，社媒采用一致的色调和简洁的文字排版+人物

官网/社媒/APP均使用摄影图片，部分使用扁平插画

官网/社媒/APP均使用3D建模+摄影合成图片

动画

动效是否过多导致干扰，是否恰到好处增强了体验，按钮点击或页面切换是否过渡自然

无

有

无

有,通用loading

无

无

有

布局结构

宫格、稳重大气的对称结构、科技创新的大胆留白、卡片式、列表式

卡片+列表式布局

界面设计遵循极简主义原则，避免不必要的装饰元素，整体界面看起来干净且直观

卡片+列表式布局

卡片+列表式布局

• 无固定的调性，APP采用独立组件库

• 卡片（横板）+列表式布局结构

极简风格的布局

卡片布局

卡片式布局

列表式+卡片式结构

列表+卡片布局

卡片布局

总结

优秀实践：

主要不足：

• 操作按钮对比度不足

• 横向模式时界面字号过小

• 操作按钮对比度不足

启发点：

• 组件一致性

• 动画反馈

• 贯穿一致的大气极简风格

截图参见

截图参见

截图参见

截图参见

截图参见

官网链接

截图参见