首页

BlueDot智能汽车与充电应用UI/UX设计解析

丽洁 交互设计及用户体验

北京兰亭妙微 UI 设计公司,成立 16 年来,始终保持着对国内外优秀设计作品的学习与研究。我们持续追踪全球前沿的 UI/UX 设计趋势,从中提炼可落地的设计方法论,分享给同样热爱设计的你。

 

从车辆状态到充电网络,建立可执行的出行能源体验

图片1.png 面向产品经理与资深设计师的案例研究

 

导读|从车辆状态到充电网络,建立可执行的出行能源体验。本文不止评价画面风格,而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

一、产品定位:先回答系统替谁解决什么问题

BlueDot围绕智能汽车日常使用构建移动服务,覆盖车辆状态、续航、充电、地图、历史记录与账户。产品试图把车辆数据和充电基础设施连接起来,让用户在出发前、途中和充电后都能获得连续反馈。

图片2.png 1  项目界面与设计细节

二、信息架构:把功能转译为用户的工作顺序

首页优先显示车辆、续航、电量和环境状态,底部导航连接地图、扫描、记录与设置。充电场景中,站点、接口、费用和启动控制被组织在同一流程;历史记录与帮助中心则作为低频但重要的信任支撑。

三、关键交互:从浏览信息走向完成任务

充电流程应从发现站点、确认接口、扫码或连接、开始充电到支付结束形成闭环。圆形进度和实时功率表达过程状态,地图与站点卡片帮助用户比较距离和可用性。车辆首页采用模块化卡片,使重要状态可快速扫描。

图片3.png 2  项目界面与设计细节

四、视觉系统:品牌表达必须承担信息语义

黑色和深灰形成车机级科技感,电蓝色承担主交互与能量语义,局部绿色表示成功或可用。汽车3D图、能量光效和线缆场景图强化硬件连接感;圆角卡片与底部大按钮保证夜间和单手操作的清晰度。

图片4.png 3  项目界面与设计细节

五、面向产品与设计团队的可复用价值

汽车与充电产品最重要的是状态真实、失败可恢复。产品经理需要覆盖站点被占用、扫码失败、支付中断和网络离线等边界;设计师应持续显示当前阶段、预计时间和可联系支持,避免用户在物理设备旁陷入不确定。

六、专业审视:仍需补齐的体验边界

深色界面需要验证户外强光下的可读性。首页信息较多,可根据出行前、充电中等情境动态排序。地图和车辆数据涉及位置隐私,应提供明确授权与历史删除。关键操作应支持大触控区和无障碍语音反馈。

图片5.png 4  项目界面与设计细节

结语:设计的最终判断标准是业务与使用价值

BlueDot说明,出行能源体验不是一个漂亮的仪表盘,而是一套跨越数字界面与真实设备的服务流程。每一次状态反馈都必须可靠,每一次失败都要有明确出口。

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

兰亭妙微ui设计公司分享:创意拉满!10 个不落俗套的 LOGO 设计实战思路

清阳 平面设计

前言

兰亭妙微ui设计公司分享:当下品牌视觉赛道竞争白热化,一枚有巧思、有内核的 LOGO,既能瞬间抓住大众视线,更能完整承载品牌核心价值与精神底色。本文整理 10 套跳出固化思维的 LOGO 创意设计方法,搭配全球经典知名品牌案例,帮设计师快速打开创作思路,落地可复用的优质视觉方案。

一、极简主义:以简驭繁,少即是多

 

信息过载的当下,极简 LOGO 依靠利落线条、纯粹色块、无冗余轮廓,大幅降低识别与记忆成本,适配线上头像、门头、印刷物料全场景。 经典案例

  • Apple:剔除多余装饰,仅保留干净苹果轮廓,直观传递简约、先锋的科技创新调性;image.png
  • Nike:单根流畅 Swoosh 勾形,用极简线条诠释速度、活力,成为运动精神的符号代名词。

    image.png

二、双层隐喻:图形暗藏双重叙事

让标识表层形态传递直观印象,底层暗藏品牌故事、行业理念,用户发掘隐藏细节时,会加深对品牌的好感与记忆点。 经典案例

  • FedEx:字母 E 与 X 衔接处暗藏向前箭头,隐喻物流高效、极速配送;

    image.png

  • Amazon:从首字母 A 到尾字母 Z 的连贯箭头,寓意商品品类全覆盖,一站式全品类服务。

    image.png

三、巧用负空间:留白亦是设计语言

把图形空白区域转化为视觉载体,在正负形交织中藏入专属符号,赋予 LOGO 层次感与艺术巧思,避免设计单薄空洞。 经典案例

  • Toblerone:山峰轮廓的负空间里藏着小熊图案,呼应品牌瑞士起源与本土传说;

    image.png

  • WWF 世界自然基金会:依托黑白正负形勾勒熊猫轮廓,极简表达自然保护的核心主张。

    image.png

四、色彩策略:用色调唤醒情绪共鸣

色彩绝非单纯装饰,不同色系会唤醒大众潜意识情感,精准匹配品牌定位,快速建立专属视觉记忆点。 经典案例

  • Google:多元明亮四色组合,象征包容、多元、无限探索的互联网精神;

    image.png

  • Pepsi:红白蓝经典配色融合复古与潮流,兼顾老牌底蕴与年轻化时尚感。

    image.png

五、定制字体设计:文字自有品牌性格

摒弃通用免费字体,通过手写、笔画变形、字重调整、连笔改造打造专属字标,文字本身就能诉说品牌气质。 经典案例

  • Coca-Cola:复古手写连笔字体,自带百年品牌的温暖怀旧氛围感;

    image.png

  • Disney:弧度梦幻的定制字体,完美烘托童话、浪漫、奇幻的品牌内核。

    image.png

六、动态 LOGO:静帧有质感,动效有温度

不再局限静态平面,配套动态衍生版本,适配短视频、开屏、社交平台等新媒体,贴合年轻受众审美,强化品牌传播趣味。 经典案例

  • MTV:静态标识辨识度拉满,动态变体适配各类视频栏目,灵活多变;

    image.png

  • Google Doodles:节日、纪念日专属动态 LOGO,持续拉近品牌与用户距离。

    image.png

七、标识迭代设计:传承经典,适配时代

 

品牌 LOGO 升级需平衡传承与革新,保留大众熟知的核心符号,同步简化线条、优化比例,适配当代审美与多元媒介。 经典案例

  • Shell 壳牌:历经多轮改版,始终保留贝壳基础形态,全球识别度稳定;image.png
  • Starbucks 星巴克:从繁复复古美人鱼,迭代为简约线条人鱼图形,咖啡文化内核始终不变。

    image.png

八、绑定品牌故事:图形承载情感价值

每一枚优质 LOGO 都有专属故事支撑,视觉符号与品牌起源、创始人经历、品牌使命深度绑定,构建情感连接。 经典案例

  • Lacoste 鳄鱼标:源自创始人网球赛场的专属绰号,形象鲜活有故事;

    image.png

  • Puma 美洲豹标识:以敏捷猛兽为原型,传递运动、爆发力、自由的品牌内核。

    image.png

九、突破常规造型:打造差异化视觉符号

摆脱规整圆形、方形束缚,运用不对称构图、柔和曲线、抽象异形搭建标识,在海量同质化 LOGO 中脱颖而出。 经典案例

  • 奔驰三叉星:简洁几何星形,诠释出行、机械、高端精工的品牌追求;

    image.png

  • 奥迪四环:四圆环交错的独特组合,象征四大车企合并的历史渊源与协作精神。

    image.png

十、互动式 LOGO:设计不止于静态视觉

打破单一展示属性,设计可变形、可自定义、可场景适配的 LOGO 体系,让用户参与视觉体验,深化品牌社群归属感。 经典案例

  • Instagram:从初代写实相机图标,迭代渐变潮流扁平标识,紧跟社交视觉趋势;

    image.png

  • Airbnb 专属 Bélo 符号:图形寓意共享、信任、归属感,深度融入租房、旅行全场景,塑造独特社群文化。

    image.png

结语

LOGO 设计从来不止是美学创作,更是一套完整的品牌视觉战略。以上 10 套创意方法,覆盖图形、色彩、字体、动态、迭代、用户体验全维度创作逻辑。 所有经久不衰的品牌标识,都经过反复推敲,牢牢抓住品牌核心特质。大胆打破固有设计套路,深挖品牌内核,才能打造拥有长久生命力、自带传播力的优质 LOGO。

 

转载:优设

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计B端界面设计桌面端界面设计APP界面设计图标定制用户体验设计交互设计UI咨询高端网站设计平面设计,以及相关的软件开发服务,咨询电话:01063334945。

 

image.png

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档