亚洲中文字幕AⅤ无码,中文字幕久久久久人妻,一本大道东京热无码av http://www.lzhte.cn/blog/ zh-cn www.emlog.net 当设计遇见科技Q?024 站酷设计周的前沿探烦与行业启C?/title> <link>http://www.lzhte.cn/blog/post-14097.html</link> <description><![CDATA[<div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">2024 q?11 ?26 日至 27 日,?“当设计遇见科技” Z题的站酷设计周在北京圆满落幕。这场汇聚全球上千位设计师的行业盛会(x)Q通过两天高浓度的设计大会(x)、设计榜展示与科技演绎Q邀?35 位设计大牛分享前沿观点,共同探讨设计与科技融合的未来趋势,业注入了全新思考。其中,著名设计师韩家英关于《设计师的角色和实践》的演讲Q更是以深刻z察和鲜zL例,成ؓ(f)现场焦点?<p><a href="/blog/content/uploadfile/202511/d2b51763548914.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763548914.png" alt="image.png"></a></p> </div> <h2 class="header-iWP5WJ auto-hide-last-sibling-br">设计界的思想盛宴Q大咖云集共探行业新风尚</h2> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">作ؓ(f)设计领域的年度盛?x)?024 站酷设计周搭Z多元交流的^台。来自^面设计、工业品、UI {多个领域的从业者齐聚一堂,围绕 “设计与科技的碰?rdquo; 核心议题Q展开深度探讨。现Z仅有前沿设计作品的集中展C,更有U技与设计融合的创新实践分nQ让参会(x)者沉式感受行业发展的脉搏?/div> <div id="2mmmm0mmmm" class="container-Uxvbjy md-box-line-break wrapper-GYqxgQ undefined"> </div> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">图、大千媄业、MEUX {知名品牌的参与Q进一步丰富了zd的多元视角。从品牌设计案例到技术落地实践,从创意灵感迸发到底层逻辑拆解Q这场盛?x)打破了领域壁垒Q让不同背景的设计师在交中Ȁ发新思\Q在撞中探索新可能?/div> <h2 class="header-iWP5WJ auto-hide-last-sibling-br">韩家q设计哲思:(x)角色重塑与实践赋?/h2> <p><a href="/blog/content/uploadfile/202511/d2b51763548926.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763548926.png" alt="image.png"></a></p> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">中央术学院城市设计学院客教授韩家q演讲Qؓ(f)现场观众带来了极具h(hun)值的思想启_。作?DFA 亚洲最具媄响力设计大奖金奖、福布斯中国最具媄响力设计师称L(fng)行业标杆Q他的作品被英国 V&A 博物馆、d国汉堡工艺美术馆{国际艺术机构收藏,其设计实践与理论思考始l引领行业方向?/div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">设计师的自我_进Q在反思与交流中成?/h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">韩家英提出,设计师应持箋从多元角度分析和研究自己的作品与创作。在他看来,设计不是孤立的创作行为,而是需要通过展览、交等形式不断q代的过E。与同行的思想撞、与用户的反馈互动,都能计带来意想不到的收获Q这U持l反思与开放交的态度Q是设计师保持创造力的关键?/div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">设计的商业h(hun)|(x)让包装成Z品竞争力</h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">演讲中,韩家׃怡宝菊花茶ؓ(f)例,生动诠释了设计的商业赋能价倹{这ƾ品推两年便成p领域的顶单品,背后M开_և的设计助力。通过贴合产品定位与用户需求的包装设计Q不仅赋予了产品独特的视觉识别度Q更有效传递了品牌理念Q最l推动品实现销量突_让设计的商业价值得到充分嘪显?/div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">设计的社?x)意义?x)用细节改变城市视觉面?/h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">除了商业层面的赋能,韩家英更设计的社?x)h(hun)倹{他认ؓ(f)Q每个城市的视觉面貌都需要设计师的点滴努力,“好一点就比不好强”。设计师通过在公q间、品牌视觉、日品等斚w的持l优化,能够潜移默化地改善城市的视觉体验Q让生活变得更具感与温度,q是设计师肩负的重要C会(x)责Q?/div> <h2 class="header-iWP5WJ auto-hide-last-sibling-br">行业启示Q设计与U技融合的未来方?/h2> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">2024 站酷设计周的成功丑֊Q不仅是一ơ行业成果的集中展示Q更清晰勑֋计行业的未来势。当设计遇见U技Q不仅意味着技术ؓ(f)设计提供更高效的创作工具Q更代表着设计思维与科技逻辑的深度融?—— 用设计的温度软化U技的冰P用科技的力量拓展设计的边界?/div> <div id="2mmmm0mmmm" class="container-Uxvbjy md-box-line-break wrapper-GYqxgQ undefined"> </div> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">对于设计师而言Q这场盛?x)带来的不仅是灵感启发,更有角色认知的升U:(x)设计师既是商业h(hun)值的赋能者,也是C会(x)学的构,更是U技与用户之间的桥梁。未来,只有持箋_进专业能力、保持开放交的态度、兼֕业h(hun)gC会(x)意义Q才能在设计与科技深度融合的浪潮中Q实现自wh(hun)g行业发展的双赢?/div> <p><a href="/blog/content/uploadfile/202411/8ad61732265770.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202411/8ad61732265770.png" alt="" width="1200" height="155"></a><a href="/blog/content/uploadfile/202406/e5891719196478.jpg" target="_blank" rel="noopener">C妙微Q蓝蓝设计)</a><a href="/index.html" target="_blank" rel="noopener">www.lzhte.cn</a> 是一家专注而深入的界面设计公司Qؓ(f)期望卓越的国内外企业提供卓越?a href="/dp.html" target="_blank" rel="noopener">大数据可视化界面设计</a>?a href="/BS.html" target="_blank" rel="noopener">B端界面设?/a>?a href="/csjm.html" target="_blank" rel="noopener">桌面端界面设?/a>?a href="/scjm.html" target="_blank" rel="noopener">APP界面设计</a>?a href="/icon.html" target="_blank" rel="noopener">图标定制</a>?a href="/Design.html" target="_blank" rel="noopener">用户体验设计</a>?a href="/bz-bh.html" target="_blank" rel="noopener">交互设计</a>?a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询</a>?a href="/web.html" target="_blank" rel="noopener">高端|站设计</a>?a href="/xz.html" target="_blank" rel="noopener">q面设计</a>Q以及相关的软g开发服务,咨询?sh)话Q?1063334945?/p> <div id="2mmmm0mmmm" class="container-N52Q2C"> <div id="2mmmm0mmmm" class="item-xiWXhh"> <div id="2mmmm0mmmm" class="container-VwJ4V9 chrome70-container"> <div id="2mmmm0mmmm" class="inner-lM6ViN inner-item-A0sIAC" data-target-id="message-box-target-id" data-testid="union_message"> <div id="2mmmm0mmmm" class="message-block-container-tkzqSk" data-testid="message-block-container"> <div id="2mmmm0mmmm" class="message-box-p8ru6o" data-testid="receive_message" data-message-id="3786495991702018"> <div id="2mmmm0mmmm" class="message-box-content-wrapper-g6XZZQ"> <div id="2mmmm0mmmm" class="message-content message-box-content-WoA7L1 receive-message-box-content-Ba_z2R samantha-message-box-content-Y8MYFH" data-testid="message_content"> <div id="2mmmm0mmmm" class="container-p6WrVu flow-markdown-body theme-samantha-_RgbJJ" dir="ltr" data-testid="message_text_content" data-show-indicator="false"> <p><span style="font-size: 18px;">关键词:(x)<a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询</a>?a href="/index.html" target="_blank" rel="noopener">UI设计服务公司</a>?a href="/index.html" target="_blank" rel="noopener">软g界面设计公司、界面设计公司?/a><a href="/index.html" target="_blank" rel="noopener">UI设计公司</a>?a href="/index.html" target="_blank" rel="noopener">UI交互设计公司</a>?a href="/index.html" target="_blank" rel="noopener">数据可视化设计公?/a>?a href="/index.html" target="_blank" rel="noopener">用户体验公司</a>?a href="/index.html" target="_blank" rel="noopener">高端|站设计公司</a>?a href="/bank.html" target="_blank" rel="noopener">银行金融软g</a><a href="/bank.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/monitor.html" target="_blank" rel="noopener">能源及监控Y?/a><a href="/monitor.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/weather.html" target="_blank" rel="noopener">气象行业</a><a href="/weather.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/traffic.html" target="_blank" rel="noopener">轨道交通界面设?/a>?a href="/gis.html" target="_blank" rel="noopener">地理信息pȝ</a><a href="/gis.html" target="_blank" rel="noopener">GIS UI界面设计</a>?a href="/aerospace.html" target="_blank" rel="noopener">航天军工软g</a><a href="/aerospace.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/medicalyl.html" target="_blank" rel="noopener">ȝ行业软g</a><a href="/medicalyl.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/education.html" target="_blank" rel="noopener">教育行业软g</a><a href="/education.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/enterprise.html" target="_blank" rel="noopener">企业信息化UI界面设计?/a><a href="/Work.html" target="_blank" rel="noopener">软gqt开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gwpf开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gvue开?</a></span></p> <p><span style="font-size: 18px;">我们建立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学?fn)成长,咨询及进请加蓝助微信ben_lanlan?/span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="2mmmm0mmmm" class="container-N52Q2C"> <div id="2mmmm0mmmm" class="item-xiWXhh"> <div id="2mmmm0mmmm" class="container-VwJ4V9 chrome70-container"> <div id="2mmmm0mmmm" class="inner-lM6ViN inner-item-A0sIAC" data-target-id="message-box-target-id" data-testid="union_message"> <div id="2mmmm0mmmm" class="message-block-container-tkzqSk" data-testid="message-block-container"> <div id="2mmmm0mmmm" class="message-box-p8ru6o message-box__reverse-_SbCa_" data-testid="send_message" data-message-id="3788866250046978"> <div id="2mmmm0mmmm" class="message-box-content-wrapper-g6XZZQ send-message-rNQDpw"> <div id="2mmmm0mmmm" class="message-content message-box-content-WoA7L1 send-message-box-content-kJrEkE !p-0 !bg-transparent samantha-message-box-content-Y8MYFH" data-testid="message_content"> <div id="2mmmm0mmmm" class="flex flex-col items-end"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <p><span style="font-size: 18px;"><img src="/blog/content/uploadfile/202410/d2b51730368097.png" alt="image.png" width="144" height="123"></span></p>]]></description> <pubDate>Wed, 19 Nov 2025 10:42:25 +0000</pubDate> <dc:creator>涛涛</dc:creator> <guid>http://www.lzhte.cn/blog/post-14097.html</guid> </item> <item> <title>10 个高分个性化设计案例Q解锁品体验新可能 http://www.lzhte.cn/blog/post-14096.html  

image.png

在同质化产品扎堆的当下,千篇一律的设计早已难以打动用户。真正能脱颖而出的品,往往懂得用个性化设计贴合用户需求、传递情感温度。以?10 个兼具创意与实用性的设计案例Q或许能Z带来新的设计灉|?/div>

一、治愈系q度报告Q用风格传递温?/h2>
q度报告已成产品标配Q但惌让h印象深刻Q风格化表达是关键。携E旅?2024 q度旅行报告以毛茸茸的设计语aQ让图标、字体、按钮都透着柔Y质感Q在寒冬中给用户带来温暖体验。报告不仅呈现出行数据,更通过 "加冕你的每一? 的情感化文案Q让用户在回旅E时收获成就感,q种情感与风格的双重共鸣Q让分nƲ自然提升?/div>

二、趣呛_标设计:(x)让功能自带记忆点

图标不仅是功能入口,更是品牌个性的~媄。极兔速递小E序的图标设计蟩出常规,下单寄g、扫码寄件等核心功能图标融入味囑Ş创意Q既清晰传递功能属性,又通过zL的视觉表辑֐引用h意力。这U将实用性与味性结合的设计Q让高频使用的工L(fng)产品也变得生动v来?/div>

三、AI 对话式搜索:(x)重构交互逻辑

AI 技术的融入正在颠覆传统搜烦体验。腾讯视?App 推出?"AI ? 功能Q打破关键词搜烦的局限,通过腾讯元宝 AI 助手实现对话式找片。用户只需描述想看的内容类型,AI p_և推荐相关qQ还能根据偏好进一步细化筛选,让搜索过E更高效、更具互动感Q重新定义了视频q_的搜索体验?/div>

四、动态升U引|(x)降低用户决策成本

产品升引导需要^衡信息传递与用户体验。高德地N用动态轮播弹H展C新版本亮点Q将 "车道U领?" 实时推荐更优车道 " {核心升U点直观呈现。动态化的表达让用户快?get 新版本h(hun)|相比静态弹H更具吸引力Q同时给予用戯主选择I间Q有效提高升U{化率?/div>

五、动态优惠券展示Q提升营销吸引?/h2>
面对量营销信息Q用户容易生审疲功뀂高德地图打车栏目采用动态轮播Ş式展C打车券、打车金{福利,既解决了静态展C内Ҏ(gu)限的问题Q又通过动态效果吸引用L(fng)光。这U设计让营销信息更具IK力Q配?"q乡补脓(chung)天天? {场景化zdQ显著提升用户参与意ѝ?/div>

六、h性化温馨提示Q细节处拉满好感

好的设计懂得换位思考。洪恩识?App 在夜间用时Q会(x)弹出 "夜深了,该说晚安了呦" 的温馨提C,既体C对用P其是儿童用P的关怀Q也为家长管理孩子用时间提供了辅助。这U不强制、富有h情味的设计,虽不直接产生功能价|却能(zhn)?zhn)增加用户对品的好感度?/div>

七、自定义形象q度报告Q打造专属A式感

个性化的核心是让用h?"专属?。网易云音乐q度听歌报告允许用户自定义Ş象,可对w体上中下三部分q行造型搭配Q用专属形象开启年度音乐回。搭配脓(chung)合曲风的色彩排版?"你的音乐灵魂?18 ? {个性化标签Q让每一份报告都成ؓ(f)独一无二的纪念,极大Ȁ发了用户的分享热情?/div>

八、主界面个性化讄Q满_元审?/h2>
不同用户的审偏好千差万别,个性化讄成ؓ(f)刚需。体重小?App 提供了焕彩粉、清爽蓝{多ƾ主题皮肤,用户q能上传自定义图片作景。这U高度自q讄选项Q让用户可以Ҏ(gu)自己的喜好打造专属界面,满了不同h的感官体验需求,让工L(fng)产品更具亲和力?/div>

?ji)、情感化表情反馈Q让数据?"说话"

冰冷的数据需要情感化表达来传递温度。体重小?App 在展CZ重变化时Q用不同表情W号直观呈现减重、增重、无变化{状态,用户q能自定义表情样式。配?"哇!又轻了,l箋加a" {鼓励性文案,让体重记录不再枯燥,用情感化反馈Ȁ发用户坚持的动力?/div>

十、空间感 Banner 轮播Q增觉冲d

Banner 轮播是品首늚 "门面"Q创意Ş式能提升用户停留旉。芒?TV 首页 Banner 采用分层设计Q将人物与背景分,轮播旉过前后入场、羃攄动效Q营造出强烈的空间层ơ感。这U突破^面限制的设计Q让 Banner 不再是简单的囄展示Q而是成ؓ(f)吸引用户点击的视觉焦炏V?/div>

个性化设计的核心,是从 "以品ؓ(f)中心" 转向 "以用户ؓ(f)中心"。无论是传递温度的风格设计、提升效率的功能创新Q还是脓(chung)合需求的l节优化Q本质上都是在拉q品与用户的距R希望这些案例能计师们提供思\Q在未来的创作中Q打造出更多既懂用户又有温度的优U产品?/div>

image.png

C妙微Q蓝蓝设计)www.lzhte.cn 是一家专注而深入的界面设计公司Qؓ(f)期望卓越的国内外企业提供卓越?a href="/dp.html" target="_blank" rel="noopener">大数据可视化界面设计?a href="/BS.html" target="_blank" rel="noopener">B端界面设?/a>?a href="/csjm.html" target="_blank" rel="noopener">桌面端界面设?/a>?a href="/scjm.html" target="_blank" rel="noopener">APP界面设计?a href="/icon.html" target="_blank" rel="noopener">图标定制?a href="/Design.html" target="_blank" rel="noopener">用户体验设计?a href="/bz-bh.html" target="_blank" rel="noopener">交互设计?a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询?a href="/web.html" target="_blank" rel="noopener">高端|站设计?a href="/xz.html" target="_blank" rel="noopener">q面设计Q以及相关的软g开发服务,咨询?sh)话Q?1063334945?/p>

关键词:(x)UI咨询?a href="/index.html" target="_blank" rel="noopener">UI设计服务公司?a href="/index.html" target="_blank" rel="noopener">软g界面设计公司、界面设计公司?/a>UI设计公司?a href="/index.html" target="_blank" rel="noopener">UI交互设计公司?a href="/index.html" target="_blank" rel="noopener">数据可视化设计公?/a>?a href="/index.html" target="_blank" rel="noopener">用户体验公司?a href="/index.html" target="_blank" rel="noopener">高端|站设计公司?a href="/bank.html" target="_blank" rel="noopener">银行金融软gUI界面设计?a href="/monitor.html" target="_blank" rel="noopener">能源及监控Y?/a>UI界面设计?a href="/weather.html" target="_blank" rel="noopener">气象行业UI界面设计?a href="/traffic.html" target="_blank" rel="noopener">轨道交通界面设?/a>?a href="/gis.html" target="_blank" rel="noopener">地理信息pȝGIS UI界面设计?a href="/aerospace.html" target="_blank" rel="noopener">航天军工软gUI界面设计?a href="/medicalyl.html" target="_blank" rel="noopener">ȝ行业软gUI界面设计?a href="/education.html" target="_blank" rel="noopener">教育行业软gUI界面设计?a href="/enterprise.html" target="_blank" rel="noopener">企业信息化UI界面设计?/a>软gqt开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gwpf开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gvue开?

我们建立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学?fn)成长,咨询及进请加蓝助微信ben_lanlan?/span>

 

image.png

]]> Wed, 19 Nov 2025 10:40:37 +0000 涛涛 http://www.lzhte.cn/blog/post-14096.html 深度解析 | 暗色模式UI设计Q超美学的用户体验战略 http://www.lzhte.cn/blog/post-14095.html

摘要Q?/span> 暗色设计已从一U视觉偏好,演进为关乎用户体验的核心战略。本文通过深度剖析5个前沿设计案例,q结合兰亭妙?7q来在数字品设计领域的实战U淀(wn)Qؓ(f)(zhn)系l解构如何打造兼具高U美感、卓可用性与深沉人文x的暗色界面?/strong>

 

在数字界面设计的长河中,暗色模式Q?/span>Dark ThemeQ已不再是追求新奇或省电(sh)的短暂潮,而是成ؓ(f)衡量一个品是否成熟、是否具备深度用户体验思考的重要标尺。一个卓的暗色设计Q绝非简单的颜色反{Q它是一场对Ҏ(gu)度、空间层ơ、品牌基因与用户情境的综合考量?/strong>

 

今天Q兰亭妙微将透过5个各L(fng)色的界面设计Q与(zhn)分享我们沉淀(wn)17q的暗色设计哲学与实늻验?/strong>

 一?/span> 色彩{略Q功能至上与层U序

商品配送App.jpg

 

核心观点Q?/span> 在暗色界面中Q每一U色彩都必须承担明确的功能性角艌Ӏ?/span>

*   案例聚焦Q?预约理App & 商品配送App

*   设计解构Q?/strong>

    1.  d之黑Q?优秀的暗色设计摒弃了刺眼的纯黑(#000000Q,转而采用更深邃、更柔和的深灎ͼ?#121212 ?#1E1E1EQ作为基底。这能有效减视觉疲劻Iqؓ(f)内容呈现提供优质的背景舞台?/strong>

    2.  信息层pȝQ?我们建立了一套清晰的色彩功能体系Q?/strong>

        *   核心数据 & 一U文本:(x) 高纯度白Ԍ#FFFFFFQ,保最高可L?/strong>

        *   行动?& 关键指标Q?_ֿ挑选的品牌Ԍ如文中的青色、蓝ԌQ作觉焦点,引导用户操作?/strong>

        *   ơ信息 & 描述文本Q?中灰Ԍ#6C6C6CQ,用于“退?rdquo;的内容,强化信息层次?/strong>

        *   不可用状态:(x) 低饱和度的深灰色Q?3A3A3AQ,清晰传达状态差异?/strong>

 

*   C妙微l验融入Q?/strong>

    > 在我?7q的设计实践中,始终坚持“色彩功能?rdquo;原则。每一个色值的选择都不是随性的Q它直接对应着信息的重要层U与交互状态。这套系l化的用色逻辑Q是保证暗色界面清晰、易用的基石?/strong>

 二?/span> I间构徏Q微质感与沉感

健康数据App.jpg

核心观点Q?/span> 通过l腻的光׃透明度,在二l屏q上营造出三维I间感,引导用户的视觉流?/span>

 

*   案例聚焦Q?健康数据App & 日程理App

*   设计解构Q?/p>

    1.  (zhn)Q卡片与图层:(x) 界面元素Q如卡片、按钮)通过极细微的投媄QElevationQ?和背景模p(Backdrop BlurQ?技术,营造出漂Q于背景之上的视觉效果。这U?ldquo;(zhn)Q?rdquo;是构建空间层ơ的关键?/p>

    2.  深度与聚焦:(x) 不同的投影强度和透明度,定义了元素在Z轴上的不同高度。重要的模态窗口(如弹H)拥有更显著的投媄Q让用户自然地将注意力集中于当前d?/p>

 

*   C妙微l验融入Q?/p>

    > 我们从拟物化时代对光媄有着深刻的理解。在当今的扁q_时代Q我们将其精髓提gؓ(f)“微质?rdquo;。这U不l意的细节,赋予了极界面以温度和深度Q让数字界面不再是冰L(fng)q面Q而是一个有呼吸、有层次的沉式I间?/p>

 

 三?/span> 人文内核Q场景化与情感化设计

核心观点Q?/span> 暗色模式的h(hun)|q不止于“护眼”Q更在于“护心”——它在特定场景下提供情感慰藉与专注守护?/span>

 

*   案例聚焦Q?健康数据App & 日程理App

*   设计解构Q?/strong>

    1.  场景适配Q?在深夜查看睡眠报告、健w数据或规划日程Ӟ暗色界面能最大限度地减少蓝光刺激Q帮助用L(fng)持放松、专注的状态。图3中睡眠报告的温柔解读文案Q与暗色背景相得益嘪Q如同一位脓(chung)心的夜间守护者?/strong>

    2.  情感共鸣Q?暗色背景能更好地烘托内容本nQ例如图表的光泽、图片的色彩Q得数据可视化更具U技感与品质感,从而引发用L(fng)正向情感共鸣?/strong>

 

*   C妙微l验融入Q?/strong>

    > 我们坚信Q好的设计是无声的服务。它应该d适应人的生理节律和情感需求。暗色模式是我们实现场景化设计的重要手段Q它体现了设计者对用户不同使用情境Q深夜、高压力、需要专注)的深L察与x?/strong>

四?/span> 品牌表达Q在深邃中熾放个?/span>日程理App1.jpg

核心观点Q?/span> 暗色模式不是品牌的削弱,而是品牌基因在另一U媒介上的强化表达?/span>

 

*   案例聚焦Q?所有案?/strong>

*   设计解构Q?/strong>

    1.  舞台与主角:(x) l一的暗色背景如同一个沉E的舞台Q得品牌色在登场时更加凸显、更兯觉冲d?/strong>

    2.  一致性n份:(x) 无论是预UApp的青艌Ӏ健康App的蓝色还是配送App的Ԍ都在pd上保持了高度的品牌识别度。这保了品牌Ş象在不同模式下的l一与gl?/strong>

 

*   C妙微l验融入Q?/strong>

    > 在兰亭妙微的设计程中,我们从不Zq求某种风格而牺牲品牌独Ҏ(gu)。我们的哲学是:(x)用专业、理性的交互框架搭徏产品的骨|再用独特、感性的品牌视觉Z品注入灵。暗色模式,正是验品牌视觉系l是否健壮、灵zȝ试金矟?/strong>

 

 ȝ

 

一个成功的暗色模式UI设计Q是一个环环相扣的pȝ工程Q?/strong>

*   它以pȝ化的色彩{略为筋骨, 保信息的清C达?/strong>

*   以精妙的微质感ؓ(f)血肉, 营造舒适的视觉体验?/strong>

*   以深沉的人文x为灵, 触达用户的情感需求?/strong>

*   最后,以坚定的品牌表达为面貌, 在深邃中l放独特力?/strong>

 

在兰亭妙?/span>17q的征程中,我们见证了设计潮的变迁Q但始终不变的是对用户体验本质的探烦。我们相信,未来Q这U深思熟虑的暗色设计Q将l箋引领数字产品走向更成熟、更人性化的未来?/strong>

 

---

C妙微

专注于大数据可视化设计、Y件界面设计、网站与程序开?/span>

?/span>17q的专业l验Qؓ(f)(zhn)打造卓的数字产品体验

官网Q?/span>www.lzhte.cn

咨询微信Q?/span>ben_lanlan

?sh)话Q?/span>010-63334945

 

]]>
Wed, 19 Nov 2025 03:26:51 +0000 高劲 http://www.lzhte.cn/blog/post-14095.html
打破常规Q标{N设计的创意玩法与多场景解x?/title> <link>http://www.lzhte.cn/blog/post-14094.html</link> <description><![CDATA[<div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">标签| UI 设计中不可或~的核心lgQ无论是 C 端品的用户界面Q还?B 端的功能模块划分Q都能看到它的n影。常规标{N虽实用,但难免显得单调,而创意化设计能让标签|兼顾功能Q又充满设计感。以下这些差异化设计思\和解x案,帮你跛_传统框架?/div> <h2 class="header-iWP5WJ auto-hide-last-sibling-br">创意标签设计:(x)3 U差异化玩法</h2> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">1. 图标 + 文字l合Q强化视觉识?/h3> <p><a href="/blog/content/uploadfile/202511/d2b51763459043.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459043.png" alt="image.png"></a></p> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">图标与文字上下排版Q搭配圆角矩形背景标识选中状态,既能提升面丰富度,又能让用户快速识别功能。这U设计在工具cR办公类产品中尤为适用Q比如钉钉的功能标签,用简z图标搭?“钉钉文档”“企业?x)?rdquo; {文字,既清C辑֊能,又让界面更具设计感,降低用户认知成本?<p><a href="/blog/content/uploadfile/202511/d2b51763459062.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459062.png" alt="image.png"></a></p> </div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">2. 标题 + 副标题排版:(x)补充关键信息</h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">采用标题与副标题上下布局的Ş式,副标题精炼提炼核心信息或解释标题含义Q通过颜色变化区分选中与未选中状态。像中国Ud的红包卡刔R面,标签는 “?rdquo;“U包”“?rdquo; 作ؓ(f)标题Q搭配简z副标题补充说明Q用h需点击p快速了解各标签下的内容Q提升操作效率;基金产品?“一W投”“定投” 标签,也通过副标题点?“便捷”“E_” 的核心差异,帮助用户快速做选择?<p><a href="/blog/content/uploadfile/202511/d2b51763459076.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459076.png" alt="image.png"></a></p> </div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">3. 异Ş选中态:(x)打造独特视觉记?/h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">打破矩Ş选中框的常规Q将选中态背景设计ؓ(f)异ŞQ结合卡片式布局增强设计感。比如航班动态查询页面,“按航班号”“按v降地” 标签采用异Ş选中背景Q既H出当前选择Q又让界面更L(fng)感;外卖提交订单面?“外卖配?rdquo;“到店自取” 标签Q也用异形设计区分选项Q搭配配送时长等信息Q让选择q程更直观?<p><a href="/blog/content/uploadfile/202511/d2b51763459090.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459090.png" alt="image.png"></a></p> </div> <h2 class="header-iWP5WJ auto-hide-last-sibling-br">多标{֜景(≥5 个)Q分端解x?/h2> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">当标{N数量过 5 个时Q需兼顾实用性与界面整洁度,可根据端侧特性选择对应设计方式Q?/div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">1. |页端:(x)左右头拓展</h3> <p><a href="/blog/content/uploadfile/202511/d2b51763459108.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459108.png" alt="image.png"></a></p> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">在标{栏两侧d左右头Q点d可展C更多标{,适合功能模块较多?B 端品或|页。比如飞书的帮助中心面Q标{N늛 “助手”“云文?rdquo;“视频?x)?rdquo; {多个功能,通过左右头切换Q既保证界面整洁Q又能完整呈现所有选项Q不影响用户操作程?/div> <h3 class="header-iWP5WJ auto-hide-last-sibling-br">2. Ud端:(x)滑动或下拉菜?/h3> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">Ud端受屏幕寸限制Q可采用两种方式Q一是支持左x动手势,让标{栏横向滚动展示更多选项Q比如音?APP ?“00 后热?rdquo;“95 后热?rdquo; {多个榜单标{,滑动切换便捷高效Q二是将部分标签收纳q下拉菜单,比如资讯cM品的 “奥运?rdquo;“健康”“U技” {热Ҏ(gu){,通过下拉菜单展示更多分类Q避免标{栏q于拥挤?<p><a href="/blog/content/uploadfile/202511/d2b51763459124.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459124.png" alt="image.png"></a></p> </div> <div id="2mmmm0mmmm" class="container-Uxvbjy md-box-line-break wrapper-GYqxgQ undefined"> </div> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space">好的标签设计,是功能实用性与视觉感的^衡。无论是创意化的形式设计Q还是多标签场景的解x案,核心都是围绕用户体验Q让操作更便捗界面更吸睛?<p><a href="/blog/content/uploadfile/202511/d2b51763459139.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459139.png" alt="image.png"></a></p> <p><a href="/blog/content/uploadfile/202511/d2b51763459149.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202511/thum-d2b51763459149.png" alt="image.png"></a></p> </div> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space"> </div> <div id="2mmmm0mmmm" class="auto-hide-last-sibling-br paragraph-pP9ZLC paragraph-element br-paragraph-space"> <p><a href="/blog/content/uploadfile/202411/8ad61732265770.png" target="_blank" rel="noopener"><img src="/blog/content/uploadfile/202411/8ad61732265770.png" alt="" width="1200" height="155"></a><a href="/blog/content/uploadfile/202406/e5891719196478.jpg" target="_blank" rel="noopener">C妙微Q蓝蓝设计)</a><a href="/index.html" target="_blank" rel="noopener">www.lzhte.cn</a> 是一家专注而深入的界面设计公司Qؓ(f)期望卓越的国内外企业提供卓越?a href="/dp.html" target="_blank" rel="noopener">大数据可视化界面设计</a>?a href="/BS.html" target="_blank" rel="noopener">B端界面设?/a>?a href="/csjm.html" target="_blank" rel="noopener">桌面端界面设?/a>?a href="/scjm.html" target="_blank" rel="noopener">APP界面设计</a>?a href="/icon.html" target="_blank" rel="noopener">图标定制</a>?a href="/Design.html" target="_blank" rel="noopener">用户体验设计</a>?a href="/bz-bh.html" target="_blank" rel="noopener">交互设计</a>?a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询</a>?a href="/web.html" target="_blank" rel="noopener">高端|站设计</a>?a href="/xz.html" target="_blank" rel="noopener">q面设计</a>Q以及相关的软g开发服务,咨询?sh)话Q?1063334945?/p> <div id="2mmmm0mmmm" class="container-N52Q2C"> <div id="2mmmm0mmmm" class="item-xiWXhh"> <div id="2mmmm0mmmm" class="container-VwJ4V9 chrome70-container"> <div id="2mmmm0mmmm" class="inner-lM6ViN inner-item-A0sIAC" data-target-id="message-box-target-id" data-testid="union_message"> <div id="2mmmm0mmmm" class="message-block-container-tkzqSk" data-testid="message-block-container"> <div id="2mmmm0mmmm" class="message-box-p8ru6o" data-testid="receive_message" data-message-id="3786495991702018"> <div id="2mmmm0mmmm" class="message-box-content-wrapper-g6XZZQ"> <div id="2mmmm0mmmm" class="message-content message-box-content-WoA7L1 receive-message-box-content-Ba_z2R samantha-message-box-content-Y8MYFH" data-testid="message_content"> <div id="2mmmm0mmmm" class="container-p6WrVu flow-markdown-body theme-samantha-_RgbJJ" dir="ltr" data-testid="message_text_content" data-show-indicator="false"> <p><span style="font-size: 18px;">关键词:(x)<a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询</a>?a href="/index.html" target="_blank" rel="noopener">UI设计服务公司</a>?a href="/index.html" target="_blank" rel="noopener">软g界面设计公司、界面设计公司?/a><a href="/index.html" target="_blank" rel="noopener">UI设计公司</a>?a href="/index.html" target="_blank" rel="noopener">UI交互设计公司</a>?a href="/index.html" target="_blank" rel="noopener">数据可视化设计公?/a>?a href="/index.html" target="_blank" rel="noopener">用户体验公司</a>?a href="/index.html" target="_blank" rel="noopener">高端|站设计公司</a>?a href="/bank.html" target="_blank" rel="noopener">银行金融软g</a><a href="/bank.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/monitor.html" target="_blank" rel="noopener">能源及监控Y?/a><a href="/monitor.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/weather.html" target="_blank" rel="noopener">气象行业</a><a href="/weather.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/traffic.html" target="_blank" rel="noopener">轨道交通界面设?/a>?a href="/gis.html" target="_blank" rel="noopener">地理信息pȝ</a><a href="/gis.html" target="_blank" rel="noopener">GIS UI界面设计</a>?a href="/aerospace.html" target="_blank" rel="noopener">航天军工软g</a><a href="/aerospace.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/medicalyl.html" target="_blank" rel="noopener">ȝ行业软g</a><a href="/medicalyl.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/education.html" target="_blank" rel="noopener">教育行业软g</a><a href="/education.html" target="_blank" rel="noopener">UI界面设计</a>?a href="/enterprise.html" target="_blank" rel="noopener">企业信息化UI界面设计?/a><a href="/Work.html" target="_blank" rel="noopener">软gqt开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gwpf开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gvue开?</a></span></p> <p><span style="font-size: 18px;">我们建立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学?fn)成长,咨询及进请加蓝助微信ben_lanlan?/span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="2mmmm0mmmm" class="container-N52Q2C"> <div id="2mmmm0mmmm" class="item-xiWXhh"> <div id="2mmmm0mmmm" class="container-VwJ4V9 chrome70-container"> <div id="2mmmm0mmmm" class="inner-lM6ViN inner-item-A0sIAC" data-target-id="message-box-target-id" data-testid="union_message"> <div id="2mmmm0mmmm" class="message-block-container-tkzqSk" data-testid="message-block-container"> <div id="2mmmm0mmmm" class="message-box-p8ru6o message-box__reverse-_SbCa_" data-testid="send_message" data-message-id="3788866250046978"> <div id="2mmmm0mmmm" class="message-box-content-wrapper-g6XZZQ send-message-rNQDpw"> <div id="2mmmm0mmmm" class="message-content message-box-content-WoA7L1 send-message-box-content-kJrEkE !p-0 !bg-transparent samantha-message-box-content-Y8MYFH" data-testid="message_content"> <div id="2mmmm0mmmm" class="flex flex-col items-end"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <p><span style="font-size: 18px;"><img src="/blog/content/uploadfile/202410/d2b51730368097.png" alt="image.png" width="144" height="123"></span></p> </div>]]></description> <pubDate>Tue, 18 Nov 2025 09:47:05 +0000</pubDate> <dc:creator>涛涛</dc:creator> <guid>http://www.lzhte.cn/blog/post-14094.html</guid> </item> <item> <title>4 个创意Ş式感设计案例Q让界面更吸睛! http://www.lzhte.cn/blog/post-14093.html 设计的Ş式感不仅能提升视觉吸引力Q还能强化用户体验与功能表达。以下这些来自实际品的创意设计Q用巧思打破常规,l界面注入了独特zd?/div>

氛围感领券弹H:(x)_ևȀ发消Ҏ(gu)

image.png

大麦首页的自动弹出领券设计,?“Ȁ׃?rdquo; ?“氛围营?rdquo; 做到了兼。它贴合用户闲逛浏览的场景Q弹H不?x)让得突兀q扰Q反而能_ևM潜在消费需求?/div>
 
设计上采用异形轮廓,搭配右上角的破Ş元素Q直接暗CZ惠券的适用范围Q让领券氛围更浓厚。无门槛鲜券、新人叠加减{信息清晰呈玎ͼ再加?“一键领?rdquo; 的便h作,大大降低了用L(fng)决策成本Q有效提升{化效率?/div>

味?x)员卡?x)用细节增强真实感

image.png

?x)员卡设计通过拟物思\Q打造出了兼兯味与层次感的视觉效果。头部绿色背景与下方白色背景的交界处Q特意设计成卡槽样式Q模拟物理卡片插入的真实体验Q让虚拟?x)员w䆾有了触摸得到的质感?/div>
 
白色背景上的内凹三角是点睛之笔Q既自然分隔了上下模块,又能视觉指引用户x下方的会(x)员特权,让设计与功能形成呼应Q整体和谐又l一?/div>

个性化信息卡片Q用造型打造差异化

image.png

个h信息面的创意设计,靠独特的卡片造型跛_了同质化。有的在卡片剙做凸出造型Q与用户头像巧妙融合Q让头像成ؓ(f)视觉焦点Q既增强了设计感Q又让页面更有记忆点?/div>
 
q有的成员信息页面,在卡片底部做内凹~口Q同样与头像形成呼应Q同时支持头像左x动切换,让静态的信息展示变得更具互动性。这U设计既清晰呈现了个人数据、Q务进度等核心信息Q又通过l节巧思提升了面的独Ҏ(gu)?/div>

?x)员开通页面:(x)用视觉强化特权感?/h2>

image.png

开ap?VIP ?x)员开通页面,以简z有力的形式感突出核心h(hun)倹{页面聚?“q会(x)员限时立?rdquo; 的优惠信息,用醒目字体强调折扣力度和时效Q瞬间抓住用h意力?/div>
 
下方清晰列出 “量评、专属社、每日更新、丰富活?rdquo; 四大Ҏ(gu)Q搭配简z的图标与文字排版,让用戯快?get 核心权益。整体设计没有多余元素,用视觉层U突出重点,有效引导用户完成开通{化?/div>
 
好的形式感设计从来不是单U的 “炫技”Q而是让功能表达更畅、用户体验更愉?zhn)。这些案例的巧思的在于Q把设计l节与实际需求紧密结合,既好看又好用?/div>
 
 

C妙微Q蓝蓝设计)www.lzhte.cn 是一家专注而深入的界面设计公司Qؓ(f)期望卓越的国内外企业提供卓越?a href="/dp.html" target="_blank" rel="noopener">大数据可视化界面设计?a href="/BS.html" target="_blank" rel="noopener">B端界面设?/a>?a href="/csjm.html" target="_blank" rel="noopener">桌面端界面设?/a>?a href="/scjm.html" target="_blank" rel="noopener">APP界面设计?a href="/icon.html" target="_blank" rel="noopener">图标定制?a href="/Design.html" target="_blank" rel="noopener">用户体验设计?a href="/bz-bh.html" target="_blank" rel="noopener">交互设计?a href="/bz-yt.html" target="_blank" rel="noopener">UI咨询?a href="/web.html" target="_blank" rel="noopener">高端|站设计?a href="/xz.html" target="_blank" rel="noopener">q面设计Q以及相关的软g开发服务,咨询?sh)话Q?1063334945?/p>

关键词:(x)UI咨询?a href="/index.html" target="_blank" rel="noopener">UI设计服务公司?a href="/index.html" target="_blank" rel="noopener">软g界面设计公司、界面设计公司?/a>UI设计公司?a href="/index.html" target="_blank" rel="noopener">UI交互设计公司?a href="/index.html" target="_blank" rel="noopener">数据可视化设计公?/a>?a href="/index.html" target="_blank" rel="noopener">用户体验公司?a href="/index.html" target="_blank" rel="noopener">高端|站设计公司?a href="/bank.html" target="_blank" rel="noopener">银行金融软gUI界面设计?a href="/monitor.html" target="_blank" rel="noopener">能源及监控Y?/a>UI界面设计?a href="/weather.html" target="_blank" rel="noopener">气象行业UI界面设计?a href="/traffic.html" target="_blank" rel="noopener">轨道交通界面设?/a>?a href="/gis.html" target="_blank" rel="noopener">地理信息pȝGIS UI界面设计?a href="/aerospace.html" target="_blank" rel="noopener">航天军工软gUI界面设计?a href="/medicalyl.html" target="_blank" rel="noopener">ȝ行业软gUI界面设计?a href="/education.html" target="_blank" rel="noopener">教育行业软gUI界面设计?a href="/enterprise.html" target="_blank" rel="noopener">企业信息化UI界面设计?/a>软gqt开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gwpf开?/a>?a href="/Work.html" target="_blank" rel="noopener">软gvue开?

我们建立了一个微信群Q每天分享国内外优秀的设计,有兴请加入一起学?fn)成长,咨询及进请加蓝助微信ben_lanlan?/span>

 

image.png

]]> Tue, 18 Nov 2025 09:41:32 +0000 涛涛 http://www.lzhte.cn/blog/post-14093.html
վ֩ģ壺 ŷxxxxbbbb| ޹˾þۺҰ| Ƶվѹۿ| 91ᆱƷԲ߹ۿ| ŷbbbbxxxxŷ| ѹ˿ˮƵ| 㽶߾ƷƵ75| ˿Ƶ| Ʒһ| ԻȫƵ߹ۿ | þþƷAV鶹| 鲨Ĺۿ| ŷŮƵ| ÿ| ҹ߹ۿ| ƷDVD߹ۿ| ۺɫƵWWW| õɫŷպѹۿ| ԰ھƷƵ߲| Ļۺպ| ѾƷ| ŷպߵӰ| պŷһ| avþ| ɫɫ| Ļһþ | һdvdۿ| ƷǮƵҰս| þù˿Ƶ| cd߿վ| RE99þþƷ66| ӰԺav| ҹƷһ| ŷձһƵ| þþƷAV벻| ŷպĻ| ˱ĻٺˮƵ| ƷAһ| Ļ뾫Ʒa߹ۿ| þþƷþһ| Ʒһ|