首页

兰亭妙微ui设计公司分享Logo 设计用好加法思维，解决 80% 的设计难题

清阳 平面设计

兰亭妙微ui设计公司分享资深设计师大多清楚，加法是 Logo 设计中最高频的创意手法：将两个及以上不同图形元素重构融合，生成全新的视觉符号，几乎每一位做过 Logo 的设计师都接触过这套思路。
此前有朋友把自家教育品牌「达志文化」的 Logo 发给我征询意见。单纯评价作品好坏在此不作展开，但我想点明一个误区：Logo 的加法设计，绝非简单把多个图形粗暴拼接叠加，其中藏着不少设计细节与门道。下面结合实战案例，分享我的经验心得。

一、Logo 加法设计的 6 种主流形式

加法设计的核心，是找准元素之间的关联点，根据品牌属性，选择合适的组合逻辑，市面上主流分为 6 类。

1. 品牌名首字母相加

 

可选用大写或小写字母，优先挑选形态适配、便于融合的字母。常见组合手法分为叠加、共用笔画、负形融合、创意组合四类。
  • 叠加：代表案例 LV、YSL 圣罗兰，字母互相交叠，形成辨识度极高的标识。image.png
  • 共用笔画：代表案例 UR 服饰，两个字母共享同一笔，精简图形同时强化整体感；陈幼坚为香港都会大学设计的 Logo，同样运用该手法。

    image.png

  • 负形融合：交通银行 Logo，把字母 C 藏进字母 B 的负空间；李宁旧 Logo 将 L、N 两个首字母融合成迎风舒展、类似红旗飘扬的动态造型。

    image.png

  • 创意组合：LG 把 L 与 G 重构为一张笑脸，传递品牌服务理念；大众汽车将 V、W 字母收束进圆形轮廓，暗含胜利的寓意。

    image.png

2. 品牌简称汉字相加

适合两字为主的中文简称，组合逻辑和字母加法相通。

image.png

北京大学校徽，便是把 “北大” 二字巧妙整合为一体；我曾经为北部湾艺术研究院设计标识，将 “北”“艺” 两个汉字进行图形化融合，后续再加入传统回纹纹样强化艺术气质。

3. 品牌首字母 + 行业属性符号

这是商业 Logo 非常常用的思路，用字母锚定品牌名称，附加图形点明赛道。
 
抖音 Logo，小写 d 与音符图形融为一体，呼应短视频音乐属性；饿了么 Logo，小写 e 结合吃豆人形象，传递餐饮外卖的业务特征。

image.png

4. 品牌关键字（汉字） + 行业属性符号

提取品牌核心汉字，和行业典型意象结合，中式品牌尤为偏爱。

image.png

 
中国银行 Logo，“中” 字嵌套古铜钱纹样；工商银行 Logo，“工” 字结合铜钱造型，铜钱直接传递金融属性；中国南方电网 Logo，把 “电” 字图形化，融合电线、电线杆意象。

5. 品牌名称自带意象 + 行业属性符号

image.png

品牌名字本身带有具象事物，直接提取该事物，叠加行业符号。
 
西瓜视频 Logo，西瓜外形结合视频播放三角符号；贝壳找房 Logo，贝壳轮廓和房屋屋檐图形相互融合。

6. 多个行业属性符号相加

image.png

不直接使用品牌文字 / 字母，选取 2 个代表行业的物象进行融合。
 
网易云音乐 Logo，音符和唱片螺旋形态合二为一；我给饰品品牌 Dongstar 做的标识，将四叶草与星光图形结合，寓意幸运与闪耀。

二、用好加法 Logo，必须守住 3 大原则

加法只是创意工具，不等于堆砌元素。很多新手容易陷入 “元素越多，寓意越深刻” 的误区。想要做出合格、好用的 Logo，需要兼顾美观、行业属性、识别度三大底层要求。

1. 美观：视觉协调是基础底线

image.png

Logo 是品牌的核心视觉符号，会应用在名片、包装、官网、线下物料等无数场景，图形本身的美感直接决定整套品牌视觉的上限。
提升审美需要长期积累，日常多看优秀 Logo、图案作品。这里分享一个快速自测小技巧：把你的初稿和一批成熟优秀 Logo 放在同一页面对比，如果你的作品视觉上明显 “格格不入”，说明造型、线条、配色、比例仍有优化空间，需要重新尝试组合方案，打磨细节。
举个实战案例：我在设计服装品牌「音眸」Logo 时，选定高音符号 + 眼睛的加法思路。第一版直接把音符硬塞进眼睛轮廓，图形拥挤生硬；第二版调整形态，让音符顺着眼型曲线摆放，造型变得舒展，但线条粗细、比例仍有瑕疵；继续反复迭代线条弧度、粗细、图形占比，才得到最终定稿方案。

2. 贴合行业气质，拒绝无意义拼接

 

回到开篇达志文化的案例：仅简单拼接 D、Z 两个字母，会出现致命问题 —— 这套图形可以适配任何 DZ 开头的品牌，完全看不出它属于教育行业。
做好加法，要么让融合后的图形自带行业气质，要么依靠字体、额外行业符号补足属性。
  • 李宁 Logo，L+N 融合出充满动感飘逸的形态，天然契合运动品牌；image.png
  • LV 虽只是字母叠加，但优雅古典的罗马字体，完美匹配奢侈品牌的调性；

    image.png

  • LG 把 L、G 做成笑脸，赋予家电品牌热情服务的内涵；

    image.png

  • 北部湾艺术研究院初稿只完成 “北”“艺” 字拼接，缺少艺术氛围感，加入回纹传统纹样之后，才匹配研究院定位。

    image.png

小提示：如果图形本身无法体现行业，那么配套标准字的字体气质，一定要贴合赛道。

3. 保证识别度，拒绝过度复杂化

image.png

切忌为了堆砌寓意，强行塞入五六个元素，最后变成 “四不像”。很多时候只有设计师自己看得懂暗藏的含义，普通受众完全解读不出，再多隐喻都毫无价值。
Logo 不需要承载过多含义，1‑2 个清晰可感知的创意点就足够。中国银行 “中字 + 铜钱”，大众一眼读懂金融属性；耐克仅一个简约对勾符号，记忆成本极低。
实战项目「奇妙动物直播间」Logo，我最初把掌印完整封存在圆形轮廓中，为了迁就外框，视频播放三角符号偏移中心，播放符号辨识度大打折扣。后续调整方案，让掌印局部突破圆形边界，播放符号居中，既保留圆型外轮廓，又强化核心符号识别，整体视觉也更有张力。

写在最后

加法手法之所以广受设计师、客户欢迎，是因为它让 Logo 创意有据可依，逻辑清晰。但切记：加法只是实现手段，不是设计最终目的。使用这套方法时，依然要恪守 Logo 的底层准则：美观简约、和品牌强相关、具备原创性、高识别度。
 

转载：优设

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

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(61)

兰亭妙微ui设计公司分享：学会这 4 个表情设计要点，规避 AIGC 图标常见问题

清阳 图标设计文章及欣赏

兰亭妙微ui设计公司分享：不少设计师在引入 AIGC 辅助创作后，做出来的表情却充满浓重的 “AI 感”，效果大打折扣。今天就分享 4 个实用的表情设计小技巧，帮你避开常见坑点。

一、克制五官，拒绝元素堆砌

image.png

优秀的表情设计，往往做减法。很多出彩的案例，仅保留单一眼睛或者单张嘴巴，寥寥几笔就氛围感十足。
反观不少新手作品，眼睛、眉毛、鼻子、嘴巴、牙齿全部堆砌上去，追求五官完整写实，反而丢失设计感。
细节越多，越偏向写实，图标本身的简约气质就会被削弱。少即是多，保留核心识别元素，远比堆满五官效果更好。

二、五官排布，记住紧凑原则

image.png

如果设计需要同时保留眼睛与嘴巴，一定要把控五官间距，做到排布紧凑。
五官聚拢在一起，整体会显得软萌讨喜，生动可爱；一旦眼睛、嘴巴间距拉得过大，人物神态就会变得呆板、违和，观感大打折扣。
同样一套五官元素，拉开距离会显得神态木讷，适当收拢间距，整体气质立刻变得灵动精致。紧凑的排布，是塑造可爱感的关键细节。

三、AI 只做辅助，优先完成平面原型

image.png

很多人直接丢给 AI 指令，让它一次性生成完整表情，得到的成品往往风格混乱，AI 痕迹很重。
更合理的工作流是：先手动完成平面版本的表情设计，再交给 AI 做 3D 化渲染。
举个例子，给奖杯图标增加表情，可以先在平面稿上只绘制简单的眼睛，舍弃眉毛、嘴巴等多余元素。确认平面表情的造型、比例、情绪都满意之后，再借助 AI 把平面素材转化成 3D 效果。
AI 是渲染工具，而不是全权代劳的设计师。把创意与基础造型把控握在自己手里，再交由 AI 完成效果加工，二者结合才能产出高质量作品，切忌全部工作依赖 AI 生成。

四、善用基础几何形体，保障画面精致度

image.png

做表情尽量优先选用圆形、椭圆、半圆、矩形这类标准基础图形，不要盲目使用大量夸张、无规则异形。
观察我的作品，超过 95% 的表情，都是依靠规则基础形搭建而成。
基础几何图形自带规整的秩序感，能够保障表情的精致度；如果大量使用随意的异形碎片，画面很容易显得粗糙杂乱，最终创意也很难落地实现。

转载：优设

 

 

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

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(75)

兰亭妙微｜认知偏差在用户体验设计中的应用思考

涛涛 用户研究

在产品设计中，用户的决策往往并非完全理性。认知偏差作为人类思维的固有特征，深刻影响着用户对产品的感知、判断与行为。兰亭妙微在长期的体验设计实践中发现，理解并合理运用认知偏差，能够有效提升产品的转化效率与用户满意度。本文选取五种典型认知偏差，探讨其在设计场景中的应用逻辑。

评论(0) 浏览(79)

兰亭妙微｜用户体验中的认知与行为心理学

涛涛 用户研究

在兰亭妙微，我们始终相信，优秀的体验设计始于对用户心理与使用场景的共情与理解。尤其是在人机交互层面，每一个按钮、每一次跳转，都承载着用户的操作预期 —— 按下之后会发生什么？会得到怎样的反馈？这些看似细微的交互决策，背后都有心理学规律在起作用。

评论(0) 浏览(67)

兰亭妙微ui设计公司分享：用 AI 提速！赛事颁奖奖杯海报实战全流程

清阳 平面设计

前言

兰亭妙微ui设计公司分享：如今 AI 设计工具越来越成熟，日常接单遇到赶时间、预算有限的需求时，AI 能大幅降低创作成本。前段时间我接到一则赛事奖杯海报需求，甲方要求画面高级精致、控低成本，还指定可以用 AI 辅助创作。看似矛盾的要求，结合 AI 生成 + 后期精修的工作流就能完美落地，下面完整拆解我的实操全过程。

image.png

一、AI 生成奖杯主体，二次重构优化造型

先借助 Midjourney Niji6 产出基础奖杯素材，垫图参考搭配完整中英双语关键词，快速得到奖杯雏形：

完整提示词

image.png

中文：刻有星形纹路的金色奖杯，纯色深海蓝背景，奖杯顶部中心镶嵌星形徽章，整体修长大气，高写实渲染，金属细腻纹理，预留可编辑文字区域，画面充满庆祝、荣耀氛围感，超清 8K 细节
 
英文：golden trophy engraved with stars, with a solid deep blue background, star emblem embedded in the top center of the trophy, tall and elegant shape, hyper-realistic rendering, delicate metal texture, editable text fields reserved, atmosphere of celebration and honor, ultra HD 8K details --niji 6
AI 原生出图存在明显缺陷：五角星位置偏上、奖杯中部大面积留白、底座缺少细节，质感廉价。我通过后期软件二次调整重构：
  1. 抠取顶部星形徽章，移动放置到奖杯杯身居中位置，平衡画面视觉重心；
  2. 在奖杯底座增加雕刻纹理，预留获奖者姓名刻字区域，丰富实体细节，摆脱空泛感。

二、规范画布构图，搭建画面基础层次

image.png

  1. 新建项目标准尺寸画布，在奖杯底部铺设渐变色块模拟地面基底，区分主体与背景；
  2. 置入赛事主标题、副标题等核心文案，敲定图文基础排布框架；
  3. 填充背景层次：在奖杯后方叠加纤细英文装饰文字，填补空白区域，让画面纵深感更强，避免单薄。

配色逻辑（对比色提升高级感）

主体奖杯为暖金色，背景选用高对比深海蓝，冷暖对冲能最大化突出奖杯视觉核心；所有正文、装饰字体统一采用金色，既能和蓝色背景形成清晰区分，又能与奖杯金属色调相互呼应，整套配色统一协调。

三、多层细节叠加，营造精致氛围感

image.png

仅有奖杯主体画面会显得单调，通过色彩融合、装饰元素、双层光效三步提升完整度：
  1. 色彩统一，弱化违和感
     
    使用色彩平衡工具微调奖杯色调，叠加轻微蓝紫色环境色，让金色奖杯融入蓝色背景，消除素材拼接的割裂感。
  2. 增加互动装饰元素
     
    在奖杯杯口填充金币，画面四周散落漂浮金币元素，烘托赛事颁奖、荣誉嘉奖的热闹氛围。
  3. 双层光效分层处理

    image.png

  • 背景光效：叠加高清柔光、渐变光晕素材，丰富纯色背景层次，避免平板乏味；
  • 主体光效：给奖杯叠加十字星光、柔化光晕组合光效，打造金属 blingbling 的通透光泽，强化奖杯贵重质感。
完成全部元素叠加后对比前后画面，整体构图不变，但金属质感、画面层次、氛围感全面升级，高级感直接拉满，完美契合甲方赛事宣传的高端需求。

四、方案拓展，适配多元场景

image.png

不少同学会提问：这套流程只能用蓝色背景吗？答案是否定的。
 
这套 AI 生成 + 后期精修的素材融合逻辑通用，替换红、黑、银灰等任意背景色，只需同步微调奖杯环境色、光效色调，就能快速产出不同风格海报；同时工作流可灵活延展尺寸，适配官网头部 Banner、活动长图、线下展架等多类宣传物料，复用性极强。

结语

善用 AI 不是替代设计师，而是把重复性素材生成工作交给工具，设计师把精力放在构图、色彩、细节氛围感把控上。掌握这套标准化工作流，各类赛事、颁奖类视觉需求都能高效落地，接单、做方案事半功倍。
 

转载：优设

 

 

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

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(94)

兰亭妙微ui设计公司分享：从一个球开始，手把手教你用 Figma 绘制拟物图标

清阳 图标设计文章及欣赏

兰亭妙微ui设计公司分享：在当下的 UI 设计中，拟物风格依旧大量运用于装饰类图标。很多设计师会直接寄希望于 AI 生成，但想要产出适配项目页面、符合业务需求的拟物图标，AI 往往很难一步到位，依旧需要我们手动绘制打磨。
轻拟物图标上手门槛并不高，只要吃透底层规律，掌握软件基础操作，就可以做出精致质感。和素描练习从石膏球体入门一样，绘制拟物图标，最好的练习起点就是画圆，借助球体理解光影逻辑。

一、拟物图标的三大核心构成

image.png

拟物质感的实现，本质是对形体、光影、材质三大要素的综合塑造。
形体即物体的轮廓与外形，根据设计目标，可以走向高度写实，也可以做简约化处理。在形体当中，透视关系是不可忽略的关键点。

image.png

透视遵循现实世界 “近大远小” 的成像规律。以正方体举例，带透视效果时，物体侧面向远端会逐步收缩变小；无透视的平行构图，各个侧面不会产生收缩，上下边线保持平行等高。
设计师作图时，可以选择做透视，也可以选择平行视角，但切忌两种透视逻辑混用，这代表空间逻辑没有梳理清楚。
 
同时图形的摆放角度，会直接决定后续光影的呈现效果。这也是素描练习优先练习球体的原因 —— 球体不存在角度变化，光影逻辑更简单，适合入门。
光影，是物体受光后形成高光、反射光，以及被遮挡光源产生投影的整套体系。同一个圆形，在单一光源照射下，会形成完整的明暗体系。

image.png

 
物体只有受到光照，表面才会脱离纯色填充，以此还原物体本身的曲面弧度。因此绘制任何拟物图形，第一步就要确定光源方向，以此定好受光面、投影的位置。

image.png

材质，代表物体表面的物理属性。它既决定表面纹理肌理，也决定物体对光线的反馈方式：镜面材质光滑、反光强烈；磨砂玻璃则反光微弱，自带通透模糊的特质。
形体、光影、材质，是拟物设计的底层美术原理。今天我们练习的并非极致写实的复古拟物，而是经过简化的轻拟物风格。不必把所有美术知识点全部吃透再动手，可以在实操过程中边做边理解，学习效率更高。

image.png

二、实操：绘制玻璃拟物质感球体

本次实操以 Figma 为例，全程仅用到矢量图形、填充、描边、图层效果等基础功能，Sketch、即时设计、MasterGo 等同类工具，都可以复刻这套流程。
Step1：绘制基础圆形

image.png

新建画布，绘制一个 100‑200px 的正圆，为圆形填充基础底色。
Step2：径向渐变搭建球体明暗基调

image.png

设定球体为镜面玻璃材质，光源来自画面正上方。球体上半部分受光更亮，下半部分偏暗，因此给圆形添加径向渐变，依靠渐变确立球体整体明暗关系。
Step3：添加柔和高光

image.png

在球体顶部绘制不规则椭圆作为高光，设置垂直方向透明度渐变，让高光向下自然衰减消失。
 
⚠️注意：高光来自光线折射，会受物体固有色影响，不要直接使用纯白色，选用和球体相同色相的高明度颜色，质感会更加真实。
Step4：手动绘制真实投影
 
投影是体现空间感的关键。
 
软件自带的图层投影效果，光源默认来自观察者视角，适合背景与视线垂直的场景；而本次光源来自顶部，球体悬浮在基底之上，自带投影无法还原这种物理关系。
正确做法：手动绘制投影。新建一个尺寸略小于球体的深色椭圆，放在球体底层，添加图层模糊，模拟物体投射在底部的阴影。
做到这里，球体已经具备基础光影，但整体效果偏生硬粗糙，想要通透的玻璃质感，还需要补充多层细节，所有细节都要有物理逻辑作为支撑。
Step5：叠加有色透射投影

image.png

玻璃球体具备透光属性，光线穿过球体后，会把球体本身的色彩投射到底部。在原有投影之上，叠加一层带有球体固有色的模糊投影，还原光线透射效果。
Step6：制作底部折射反光

 

image.png

光线穿透玻璃球体之后会向内折射，光线会在球体底部聚集提亮。这不属于明暗交界线，是透明材质独有的光学特征。
 
单独绘制图形，搭配渐变 + 图层模糊，做出球体底部聚集的反光效果。
Step7：表层叠加受光高光

image.png

 
观察现实中的玻璃珠可以发现：一部分高光会产生在表层之下，同时物体表面也存在直接受光面。
 
再绘制一层椭圆模糊图形叠加在球体上方，丰富高光层次，弱化生硬感。
Step8：渐变描边表现球体厚度

image.png

给圆形添加描边，使用线性渐变，模拟球体边缘的厚度效果。球体顶部远离反光，描边颜色更深；底部接收环境反光，描边呈现高亮。

image.png

完成以上步骤，一颗通透的玻璃拟物球体就制作完成。我们还可以在球体上叠加图标图形，直接得到一枚玻璃质感的拟物按钮。
拟物设计的核心感悟：
 
拟物没有强制标准，你可以做复杂写实，也可以做极简轻量化，二者没有优劣之分。每一处添加的细节，都要能够对应现实世界的物理特性，画面才会真实可信。
学习拟物设计，本质是理解基础美术原理，再结合软件实现视觉效果。工具只是手段，对光影、材质、空间的理解，才是设计的内核。
 

转载：优设

 

 

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

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(59)

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。

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(55)

兰亭妙微项目交付标准：用户体验设计可交付成果全解析

涛涛 交互设计及用户体验

作为用户体验的实践者，兰亭妙微在项目中经常被客户问到这样的问题：
"项目结束时你们会交付什么？"

"这些成果对开发团队来说是否足够落地？"

"我们的设计团队能否接手维护？"

"未来添加新功能的成本有多高？"
为了系统性地回答这些问题，也为了让设计过程更加透明可控，这里简要梳理兰亭妙微在每一个标准 UX 项目中的交付清单及其目的。

评论(0) 浏览(87)

兰亭妙微设计方法论：交互设计原则的实践之道

涛涛 交互设计及用户体验

在兰亭妙微，我们始终相信：好的设计不是灵感的偶然迸发，而是系统方法论的必然产物。交互设计原则之于设计师，如同笔法之于书家 —— 唯有深谙基本法则，方能在方寸之间游刃有余。所谓 "站在巨人的肩膀上，让我们看得更远"，全面系统地掌握交互设计原则，帮助我们在每一个项目中精准提升体验、规避常见陷阱，从源头体现专业度。以下是兰亭妙微在多年实战中沉淀的交互设计原则精简版。

评论(0) 浏览(72)

Terenzo公路货运智能调度平台UI/UX设计解析

丽洁 系统UI设计文章及欣赏

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

用地图、时间轴和收益提示支持实时路线优化决策

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

 

导读｜用地图、时间轴和收益提示支持实时路线优化决策。本文不止评价画面风格，而是从产品目标、信息组织、行为路径、视觉语义和落地风险五个层面拆解这套方案。

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

Terenzo面向公路货运调度与车队运营，通过地图、车辆状态、订单和优化建议帮助团队提升准时率与单车收益。产品核心不是简单追踪车辆，而是在约束条件下持续给出可解释的路线与装载决策。

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

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

主工作台以地图为中心，车辆、订单和路线作为可叠加对象；下方时间轴表达行程进度与预计到达，侧边卡片则展示优化收益、异常和订单明细。这样的结构符合调度员从全局态势进入具体车辆或任务的工作方式。

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

地图节点、路线和车辆卡片之间应保持双向联动：选中车辆后突出相关订单与时间线，接受优化建议前展示里程、时间、成本和风险变化。亮黄色建议卡把机会直接量化为额外收益，有助于快速判断，但仍应允许比较与撤销。

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

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

界面采用大面积白色和极浅地图，降低地理底图对业务信息的干扰；荧光黄色突出优化机会，蓝色表示关键位置和主状态。真实公路与车辆摄影强化行业语境，使抽象数据与实体运输建立联系。

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

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

物流产品设计需要理解“时间、空间、资源、约束”四种变量。产品经理必须定义算法建议的输入与边界，设计师则将多变量结果压缩为可比较的行动信息。对调度员而言，可解释性和撤销机制往往比算法的炫技更重要。

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

低对比地图在强光和大屏环境中可能难以识别，建议提供运营模式与告警模式。收益提示应同时显示潜在代价，如司机工时、风险或服务等级影响。移动端要聚焦司机可执行动作，避免暴露调度端的全部复杂性。

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

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

Terenzo的设计价值在于把优化算法放进真实调度节奏：发现机会、比较影响、确认调整、持续追踪。只有当算法结果以业务语言被解释，智能调度才会真正被一线团队采用。

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

关键词：UI咨询、UI设计服务公司、软件界面设计公司、界面设计公司、UI设计公司、UI交互设计公司、数据可视化设计公司、用户体验公司、高端网站设计公司、银行金融软件UI界面设计、能源及监控软件UI界面设计、气象行业UI界面设计、轨道交通界面设计、地理信息系统GIS UI界面设计、航天军工软件UI界面设计、医疗行业软件UI界面设计、教育行业软件UI界面设计、企业信息化UI界面设计、软件qt开发、软件wpf开发、软件vue开发.

我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

 

image.png

评论(0) 浏览(80)

分类

日历

链接

个人资料

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

存档