首页

兰亭妙微|如何用心智模型提升用户体验

涛涛 交互设计及用户体验

我们常说设计要以用户为中心,可究竟怎样才算以用户为中心?在兰亭妙微的设计实践中,答案藏在对用户心智模型的深入理解里。只有真正搞懂用户心中对世界运作方式的预设,才能做出自然、直觉、零学习成本的好设计。

兰亭妙微|用户体验设计中的 7 个心理学现象

涛涛 交互设计及用户体验

为什么一个看起来精美的界面,实际用起来却不尽如人意?答案往往藏在用户体验的细节里。在兰亭妙微,我们始终相信:不懂人类心理学的设计师,不会比不懂物理学的建筑师更成功。用户体验设计与心理学有着根深蒂固的联系 —— 社会心理学、行为心理学、认知心理学,共同构成了理解用户行为的底层框架。本文将从 7 个经典心理学现象出发,探讨它们在体验设计中的应用之道。

兰亭妙微|设计师,为什么配色那么难

涛涛 设计思维

在 UI 设计和插画创作中,很多设计师会觉得自己 "天赋不够",对色彩的敏感度不如他人。但在兰亭妙微的设计实践中我们发现,配色难往往不是天赋问题,而是缺乏系统的方法总结 —— 大多数时候大家凭感觉和运气去配色,却忽略了色彩背后有一整套可以被掌握的规律。本文不重复 RGB、HSB、CMYK 等基础概念,而是从人如何感知色彩出发,探讨在产品设计中如何将配色运用得得心应手。

兰亭妙微|用户体验思维:以人为本的设计之道

涛涛 交互设计及用户体验

设计思维是一个庞大的体系,涵盖产品设计、体验设计、交互设计、视觉设计等多个维度。在兰亭妙微的设计方法论中,体验设计始终处于核心位置 —— 因为所有的设计最终都要回归到 "人" 本身,回归到用户在使用产品过程中的真实感受。本文作为设计思维系列的体验设计篇,将围绕 "以人为本" 这一核心理念,探讨用户体验思维的内涵与实践之道。

兰亭妙微|从用户体验到细节之美:移动端弹窗设计指南

涛涛 交互设计及用户体验

在移动应用设计中,弹窗是一种不可或缺的交互元素。它既能在关键节点向用户传递重要信息,也能引导用户完成特定操作,对提升用户体验和增强产品可用性具有举足轻重的作用。然而,弹窗设计绝非简单的信息堆砌 —— 它需要综合考量用户的使用习惯、心理预期以及操作流程等多个维度。兰亭妙微在长期的移动端设计实践中,沉淀了一套系统的弹窗设计方法论,本文将从类型划分、设计原则到关键要点,进行全面梳理。

兰亭妙微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。

 

image.png


兰亭妙微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。

 

image.png

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

涛涛 用户研究

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

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

涛涛 用户研究

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

兰亭妙微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。

 

image.png

日历

链接

个人资料

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

存档