联盟
-
告别枯燥模板！B端侧边导航栏设计思路拆解
一、全文速览图 前面分享了 B 端全局框架差异化设计的思路B端界面的起手式 —— 全局框架搭建，今天就进一步分享其中最核心的组件 —— 侧边导航栏的差异化设计思路。 二、B 端导航中的产品分析 B 端导航设计离不开对产品需求的分析，因为不同的导航产品规划就会应用到完全不同的设计思路和布局形式。 分析导航主要分析的点有两个，“导航的层级” 和 “节点类型”。 导航层级比较好理解，因为从产品层面出发，…- 0
- 0
-
全网鼓吹的“AI 工作流”，为什么在大厂很难落地？
一、全文速览图 最近“AI 工作流”被越来越多的同行提起，行业里铺天盖地鼓吹 “重构 AI 设计工作流”，似乎不推翻原有流程，就不算跟上 AI 设计浪潮。 AI 到底该怎么融入设计工作？如何打造全新的 AI 设计工作流？本文将结合我在大厂的实际工作经验，聊聊我对 AI 工作流的看法，以及我们团队如何使用 AI 的几个工作案例和方法。 二、AI 工作流到底靠不靠谱 说实话，作为一支专业的…- 0
- 0
-
教你从面试官角度审视作品集，求职成功率提高5倍！（上）
一、全文速览图 做作品集最大的问题不在于怎么做，而在于怎么 “说服” 作品集的观众。如果不能围绕这个目标去执行，我们就只能朝着错误的方向推进，事倍功半。 所以在分享作品集制作思路之前，我们首先要讨论的，就是作品集是怎么被 “查看” 的。先确定最终的目标和规律，再开始学习怎么实践。 二、作品集筛选的基本步骤 项目包装/展示，本质上就是用图文结合的模式，更生动、直观、“优雅”地展示你的工作成果以及设计…- 0
- 0
-
175款国潮插画笔刷，PS与iPad都能使用，全打包好了！
熟悉我的人都知道我大部分的插画作品都是通过鼠绘完成，不过最近我貌似有点移情别恋了，迷恋上了手绘。 手绘与鼠绘不同，可以画出更多的技法，对于喜欢尝试各种插画风格的我来说，肯定都要玩一玩儿。再加上我的文章以后可能用小漫画风格为大家呈现，以便文章能达到生动、有趣、互动性高、适应更多的人群，同时还能够给大家学习到更多的知识。（当然不管是用什么风格写文章，最后肯定也都会给大家带来白嫖资源的，毕竟我的初心是不…- 0
- 0
-
拒绝沦为AI操作员！B端设计师破局的5个关键策略
一、全文速览图 在当今这个快速变化的时代，B端UI设计师的角色正经历着重大变革，AI既是个热门词，也是我们设计工作的一股重要助力，今天我想和大家聊聊为什么我们必须拥抱AI，以及如何有效地将其融入到我们的工作中。 注：文中所有内容（包括文案及AI辅助生成的图片）均为本人原创，未经许可不得转载或使用。 更多作者干货： 二、AI的崛起 设计的“稀缺性”正在被改写 曾经，我们创造的价值体现在优秀的视觉表现…- 0
- 0
-
搞定B端响应式布局，只看这一篇干货就够了！
一、全文速览图 今天我们要紧接之前B端参数和框架的分享，来对B端响应式设计的方式进行快速的扫盲和上手应用的介绍。 二、响应式的应用场景认识 网页响应式布局的应用，是为了让网页跟随显示空间的大小自动做出自动调整，实现完整、合理的展示效果。 在网页设计中，显示空间的大小主要指的是浏览器窗口大小而不是桌面分辨率，因为显示器窗口是可以自由调节的，用户不是非得浏览器全屏，也可以把它缩放后使用。 所以网页设计…- 0
- 0
-
拒绝温水煮青蛙！B端设计师的2026职业突围指南
大学那会儿，《大学生职业发展规划》这门课往往会被大家认为枯燥、无聊的课程；然而真正步入职场后，课本中的迷茫却变成了真正的生存危机。 在过去一个月辅导 20 多位同学的过程中，我听过最多的话就是：“我不清楚该如何处理手头的工作，更不知道什么时候该跳槽或晋升。”很多人在一家公司稀里糊涂地度过了 3-5 年，直到行业红利消退、业务剧烈调整，才发现外面的需求早就已经改变。 自己求职困难，本质上是缺乏清晰职…- 0
- 0
-
超多案例！教科书级的数据可视化系列基础指南
数据可视化的核心在于点、线、面的艺术组合。本文将深入解析三大构成要素在图表设计中的关键作用，从散点图的分布规律到柱状图的斐波那契宽度设计，揭秘几何形态如何影响数据传达效率与视觉美感。 在讲数据可视化的几何图形设计前，我们先来聊聊设计基本功——三大构成中平面构成的点、线、面。我们人眼所看到的万事万物都能抽象成点、线、面，这三个基本要素。点是所有图形的基础，是一切设计的起点。线是由多个点彼此相邻连接而…- 0
- 0
-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一…- 0
- 0
-
像聊天一样学外语！深度拆解5000万用户的HelloTalk产品设计
新年好，各位朋友，我是廖尔摩斯，欢迎来到设计大侦探——一个专注分享深度产品体验的设计媒体，目标是拆解全球 1000 个优秀产品！ 今天想和大家分享我去年创建的《全球多语言学习 APP 竞品分析》中的一篇产品分析——HelloTalk。这份报告共 5,117 字，预计阅读 15 分钟。希望你能从中有所收获。如果觉得文章有价值，欢迎分享给你的朋友！ 一、HelloTalk 是谁？ 1. 产品简介 He…- 1
- 0
-
大厂实战案例！QQ浏览器PC版的AI进化设计复盘
30年过去了，浏览器类产品在AI技术的狂飙突进下，终迎来新生。已诞生15年的QQ浏览器PC版，在今年也迎来了它的AI升级，在「浏览器+AI插件」和「AI原生浏览器」并行的当下，也探索了让AI“智感”在用户体验旅程中全方位的融入。 往期改版： 一、框架：简洁有序的AI“智感”基座 当视频在手机上无法加载，可前往PC查看。 AI的能力在不断演化着，浏览框架作为体验的基座，需要根据技术发展的大趋势，尽可…- 0
- 0
-
超简单！教你一个提升UI设计审美的实用小技巧
UI 配图一直是项目输出效果的中流砥柱之一，但掌握配图的应用是需要对应审美积累的，这不是一个纯技术性的难题，所以很多新人一直不得要领。 所以今天我们分享一个最简单的提升配图审美的方式，节省你们的时间，也能指导你们往市面的真实需求靠拢。 配图的灵感来源 想要学习怎么配图，光看网上的案例是绝对不够的。一方面是优质案例确实是不多，另一方面就是配图的飞机稿问题还是比较突出，你们很多时候是会掉进这种完全不落…- 0
- 0
-
大厂常用的幽灵按钮，设计起来有点头疼
你知道什么是幽灵按钮（Ghost Buttons）吗？ 就是表面看起来像是简单的文字或图标，但鼠标悬停或触屏按下时，按钮轮廓才会显现出来。 这个词其实十年前就在外网出现了，谷歌在2018年发布的 Material Design 2 里，也包含了这种按钮样式。 Figma里更是大面积的使用这种按钮： 2. 扩大文字/图标操作的热区 如果只有图标和文字的可见区域能点击，那就很容易点错了。尤其对于触摸屏…- 0
- 0
-
改版设计被人喷？来看看有效的改版设计思路！
往期干货： 又到了分享界面改版优化的时候了，这次是近期C端学员做的体育场馆预约平台，主要用于在线预约羽毛球、网球、篮球等场馆。 下面是目前的设计图例： 有问题的部分截图 在色彩层面，蓝色虽然是主色，但是使用过于频繁，且其它色彩的应用数量也过多，画面充斥了让人眼花缭乱的色彩，尤其色彩多的情况下图片色彩也丰富，外加一系列渐变色块，让场面变得更“错综复杂”。 二、组件样式分析 接着分析组件样式，因为这次…- 0
- 0
-
超全面！写给UI设计师的滑块组件设计指南
哈喽，这里是Clip设计夹，今天分享的是「滑块组件设计解析」。 往期干货： 滑块 (Slider/滑动选择器) 这种随处可见的输入控件，其实藏着很多设计细节。滑块靠拖动游标就能实现调节数值，实时给出视觉反馈，不管是调音量、改亮度，还是设置参数范围，都少不了它的身影。 这几部分各司其职，组合在一起才能让用户用得顺手。 二、滑块类型 在Material Design的设计规范中，定义了四种常用的水平滑…- 0
- 0
-
掌握这4个设计法则，让你的 AI 网页更高级！
前言 如果你读过了这个系列的前两篇文章，相信你已经解决了 AI Coding 中「用什么写」和「怎么描述设计」这两大基础问题。但随着 Shadcn/ui 等组件库在 AI 代码生成产品中的广泛使用，Vibe Coding 的作品往往容易陷入同质化，缺乏独特的品牌感。 要让你的产品从Demo升级为具有独立灵魂的产品，我们需要了解更具体的设计规则，在此基础上根据目标人群与品牌调性，做出更明确的设计决策…- 0
- 0
-
作品总是没细节怎么办？2个实操案例带你掌握高手的优化技巧！
往期案例： 拆解 2 大实战案例，教设计师用细节重塑 UI 质感。 一、B端页面优化 本次需要优化的案例是一个B端页面。 来看看优化前： 来让我们看看具体哪些板块进行了优化吧。 板块一 文字 第1步 文字层级 首先，我们可以通过字号、字重和灰度拉开主副标题的层级： 第2步 颜色 字体用色原本是纯黑，因为界面的整体走蓝色色调，所以文字颜色也可以有一点蓝色倾向。这样处理后更统一，更高级： 板块三 卡片…- 0
- 0
-
万字创作心得！火爆全网的《卢浮宫小猫》AI视频是如何做出来的？
往期专访： 昨晚，超级超级开心的邀请了我的两位好朋友、也是我的两位偶像海辛和阿文，来我的视频号做了一场直播。 来分享他们关于他们的AI视频作品，《卢浮宫小猫》的全流程创作分享。 今天想把我们最近为浦东美术馆制作的一组官方宣传片，从创意到分镜到AI工具执行的全过程，做一次尽可能毫无保留的分享。 我们之前做过两部比较有名的短片。第一部是在去年年初，北京日报邀请我们为北京制作的城市文明宣传片，片名是“故…- 0
- 0
-
教你用Lovart+Nano Banana Pro搞定这8个设计场景
Hello，大家好，我是五月的枫叶，今天给大家介绍 lovart 超全实战用法。作为全球首个设计类 AI Agent，Lovart 凭借多模型协同能力和全流程设计工作台，彻底降低了设计门槛。针对设计师在工作中的一些高频需求，整理了 Lovart 在游戏 UI、UI 设计规范、漫画、PPT、广告视频、表情包、电商设计、可视化图表等七大场景的核心用法，附实操步骤和精准提示词，帮你快速解锁全功能。快来学…- 0
- 0
-
-
200个国家+5亿用户学语言首选！万字深度拆解多邻国产品设计
各位朋友，我是廖尔摩斯，欢迎来到设计大侦探——一个专注分享深度产品体验的设计媒体，目标是拆解全球 1000 个优秀产品！ 今天想和大家分享的是全球最受欢迎、最有趣的语言学习工具—— Duolingo（多邻国）。这份报告共 14,520 字，预计阅读 30 分钟。希望你能从中有所收获。如果觉得文章有价值，欢迎分享给你的朋友！ 全文速览图 一、多邻国是谁？ 1. 产品简介 "我们是全球最受欢…- 0
- 0
-
产品缺温度？6个情感化设计案例来救场！
往期案例： 一、Airbnb：动态低价提示条 Airbnb 是一家全球化的住宿预订平台，提供从民宿到特色房源的多样选择。通过详情页底部动态低价提示条，将“当前价格更划算”的信息嵌入用户的价格决策路径中，从感知强化与心智建立两个层面推动下单转化体验。 1. 动态提示，强化感知 低价提示条从底部总价位置弹出，使低价信息与用户最关注的核心决策点形成强绑定。同时，通过文字的绿色高亮动效吸引注意力，让用户在…- 0
- 0
-
新手扫盲文！交互/原型/动效/特效的本质区别是什么？
UI 设计中除了静态的界面设计外，还包含交互和动效部分的设计和输出。但对新人来说，尤其是最近社群里的讨论可以确定一点，就是无法分辨什么是交互与动效。 所以今天的分享就是聚焦这个主题，解释下面这几个要点： 交互设计 可交互原型 动效设计 特效设计 相关文章： 全文速览图 一、交互设计与可交互原型 从专业角度上讲，交互设计和界面设计虽然有交叉，但不是同一件事。界面设计指的是对我们可见元素的设计和排版，…- 0
- 0
-
保姆级教程！如何用AI制作无毛边的动态透明表情包？
一、全文速览图 大家在做AI动态表情时，最头疼的就是“抠图不干净”。今天分享一套我自用的“绿幕中转法”，完美解决边缘残留问题，不仅能做表情包，还能做动态闪屏，动态效果素材完美应用在业务中。 核心流程大纲分为：AI出角色定型图 → Photoshop抠图处理绿幕背景 → Kling动态生成MP4 → 剪映绿幕抠图导出MOV（带透明通道） → Photoshop抽帧压缩导出gif表情 专业贴士： 为什…- 0
- 0
沐颜小栈-MUOOY.CN
资源爱好者严选平台
设计文章
资源爱好者严选平台
标签
设计文章-共
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 9个作品
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 9个作品