联盟
-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找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
-
作品总是没细节怎么办？2个实操案例带你掌握高手的优化技巧！
往期案例： 拆解 2 大实战案例，教设计师用细节重塑 UI 质感。 一、B端页面优化 本次需要优化的案例是一个B端页面。 来看看优化前： 来让我们看看具体哪些板块进行了优化吧。 板块一 文字 第1步 文字层级 首先，我们可以通过字号、字重和灰度拉开主副标题的层级： 第2步 颜色 字体用色原本是纯黑，因为界面的整体走蓝色色调，所以文字颜色也可以有一点蓝色倾向。这样处理后更统一，更高级： 板块三 卡片…- 0
- 0
-
产品缺温度？6个情感化设计案例来救场！
往期案例： 一、Airbnb：动态低价提示条 Airbnb 是一家全球化的住宿预订平台，提供从民宿到特色房源的多样选择。通过详情页底部动态低价提示条，将“当前价格更划算”的信息嵌入用户的价格决策路径中，从感知强化与心智建立两个层面推动下单转化体验。 1. 动态提示，强化感知 低价提示条从底部总价位置弹出，使低价信息与用户最关注的核心决策点形成强绑定。同时，通过文字的绿色高亮动效吸引注意力，让用户在…- 0
- 0
-
新手扫盲文！交互/原型/动效/特效的本质区别是什么？
UI 设计中除了静态的界面设计外，还包含交互和动效部分的设计和输出。但对新人来说，尤其是最近社群里的讨论可以确定一点，就是无法分辨什么是交互与动效。 所以今天的分享就是聚焦这个主题，解释下面这几个要点： 交互设计 可交互原型 动效设计 特效设计 相关文章： 全文速览图 一、交互设计与可交互原型 从专业角度上讲，交互设计和界面设计虽然有交叉，但不是同一件事。界面设计指的是对我们可见元素的设计和排版，…- 0
- 0
-
7天时间，我用AI编程独自做出一个外勤小程序
一、全文速览图 嗨，我是范米花儿，换新头像了，大家别不认识我～ 最近我用AI 编程 ，独自为公司内部从0到1做了一个小程序 ，主要用来解决一件事：员工外勤填报 。 核心能力是「语音一句话」快速生成外勤记录，同时也支持手工填报、全员记录查看、客户与成员管理、考勤填报定时提醒推送等。 定义前台功能 ：先明确用户角色与最高频动作，写可迭代 PRD 方案先结构后细节 ：用 AI 产出多套方案，并用 ASC…- 0
- 0
-
别再凭感觉画图了！移动端设计参数全汇总
一、全文速览图 正在入门学习 UI 设计的同学应该都发现了，UI 设计和平面最大的差别之一就是需要手动输入和制定元素的参数。而这些参数的设置不能光凭“感觉”，而是要遵循一定的逻辑，也就是说需要我们先学习背后的知识才能做出正确的设置。 但这些参数设置的知识和信息非常分散和碎片化，所以今天我们来做一篇汇总，解释移动端的主要参数制定明细与逻辑。 二、移动端的画布定义 移动端设计面对的第一个参数就是画布的…- 0
- 0
-
设计师必备！UI设计文本参数大全
一、全文速览图 上一篇移动端设计参数大全 | 超详细版本我们分享了移动端基础元素、组件的尺寸定义参数，而这一篇我们就要聚焦到另一个同样重要的部分，即文本的参数定义。 而在文本参数定义中，我们要先明确一个概念，那就是中英文字形差异极大，所以使用的参数规格也不一样。下面我们就要根据语言类型来分开做解释。 二、移动端的英文参数定义 我们首先从英文参数入手，因为苹果、安卓官方给出的字体规范都是以英文为主构…- 0
- 0
-
为什么审美跟得上，但没参考就不会做设计？
一、全文速览图 看了很多内容/审美在线，但拿到需求没想法 设计技法VS设计原理 平面能力差 学习路径推荐 我想这是很多新手设计师都有过的感受，我也曾有过，明明懂了很多设计知识，但到真正设计的时候还是会出现迷茫或者没思路的情况。 二、原因分析 造成这种情况的主要原因是，虽然我们每天看了大量的设计文章或者技法，但没有第一时间应用到设计实践中。 换句话说就是，我们每天看的设计内容可能跟我们实际做的工作需…- 0
- 0
-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 3 步：优化排版 最后，我们可以微调顶部卡片的文字排版，使其疏密有度： 第 2 步：优化中部卡片的排版 优化前卡片的字号对比偏弱，行间距缺乏层…- 0
- 0
-
5分钟搞定产品初稿！谷歌神器Stitch快速上手指南
一、全文速览图 它最早解决的，是“你说一句话，我给你出一张界面图”。有用，但不多。因为现在AI出UI图麻烦的点，不是出图，而是后面怎么继续改、怎么串成原型、怎么别越做越散。 这次 Google 把 Stitch 往前推了一大步。 AI-Native Canvas （AI原生画布） Smarter Design Agent （设计Agent） Voice （语音） Instant Prototyp…- 0
- 0
-
AI还原页面设计怎么做？我实测后总结了这套「块状精修法」！
一、全文速览图 第一轮，它通常只能把页面骨架搭出来； 真正决定还原度高低的，是后面你怎么带着它，一轮一轮把页面调到接近设计稿。 二、 第一轮能出骨架，但离设计稿还差得较远 一开始我当然也想偷懒。 最理想的状态当然是： 我把设计稿链接一丢、本地参考图一放，它就直接给我还原出一个七七八八的页面。（AI 赋能直接朝九晚五，有没有） 实际跑下来我发现，它确实能出第一版，但这个第一版更像一个能继续修改的半成…- 0
- 0
-
掌握这套工业HMI通用三区布局法，彻底告别界面脏乱差！
一、全文速览图 在日常工作中我发现，很多刚接触工业 HMI 设计的新手和自动化工程师，在界面布局上很容易陷入误区：按钮、数据、导航随意堆砌，要么界面拥挤信息杂乱，要么元素摆放缺乏逻辑，不仅给一线工人带来操作负担，也难以满足工业场景下的规范性与实用性要求。 今天给大家分享一套工业从业者高频使用的实用布局技巧——三区布局法，一步步拆解每区的实操规范，搭配案例参考和可直接复用的模板，新手也能轻松上手，高…- 0
- 0
-
一篇讲清楚！设计师必看的交互基础术语扫盲大全
一、全文速览图 想要区分界面设计、体验设计、交互设计最简单的方法，就是认识设计的出发点。如果仅仅是基于产品需求把界面视觉做出来，那就是 UI 设计。如果目标是为了追求更好的用户体验，且把界面视觉作为提升体验的手段之一去完成，那就是体验设计。如果是为了制定产品界面或功能的操作方法，那就是交互设计。 虽然设计方式有区分，但它们并不是完全孤立的，而是相互之间都有很大的重叠与影响。首先体验设计同时包含视觉…- 0
- 0
-
别再手绘了！用这套AI工作流，一键搞定游戏全套界面！
一、全文速览图 hello，大家好，我是五月的枫叶，今天给大家分享游戏UI创作流程细节，在 AI 设计工具爆发的当下，游戏 UI 的生产方式正在被彻底重构。如果你还停留在「Figma + 手绘组件」的传统流程，那你很可能已经错过了效率提升 10 倍的机会。今天这篇文章，我用一套完整实操流程，带你搞清楚： 如何用 Lovart 一站式生成游戏 UI 从「风格 → 原型 → UI延展 → 组件 → 图…- 0
- 0
-
选B端还是C端？UI设计师的职业规划与避坑指南
一、全文速览图 C 端主要负责的是面向终端用户/消费者的产品界面设计，以移动端 APP、小程序为主导，还包括运营活动设计、C 端网页设计、消费型数码产品界面设计等。 面向场景、产品、用户类型不同，也就导致实际工作内容上存在差异，总结起来主要有以下三点： 设计规范、技巧、思路不同 交互形式和复杂度不同 设计流程和关注点不一致 差异点1：设计实操 第一个差异就体现在设计实操上，虽然 C 端和 B 端都…- 0
- 0
-
别再手绘了！用这套AI工作流，一键搞定游戏全套界面！
一、全文速览图 hello，大家好，我是五月的枫叶，今天给大家分享游戏UI创作流程细节，在 AI 设计工具爆发的当下，游戏 UI 的生产方式正在被彻底重构。如果你还停留在「Figma + 手绘组件」的传统流程，那你很可能已经错过了效率提升 10 倍的机会。今天这篇文章，我用一套完整实操流程，带你搞清楚： 如何用 Lovart 一站式生成游戏 UI 从「风格 → 原型 → UI延展 → 组件 → 图…- 0
- 0
-
产品接入AI的正确打开方式！4 种落地策略，照着做就行
一、全文速览图 「你们产品准备怎么接 AI？」 每次开会领导都会这么问，我的心里就一紧。 不是不想做，而是真的不知道从哪儿下手。 我试过一些「看起来很 AI」的方向：做个 IP 形象再配个 AI 问答（像噱头）、上个文生图（偏娱乐）、再不然就照着外面的「大厂玩法」抄一遍……但落到我负责的、以效率为重的 B 端产品里，总觉得哪里都不对。 更要命的是：网上的大 V 今天说「这个 AI 改变历史」，明天…- 0
- 0
-
作品集投了没回音？因为你的作品没目标！
一、全文速览图 而下面这组作品，我希望面试官看到的是我的吉祥物设计能力与3D化能力 所以会发现，虽然都是界面作品，但是却有不同的能力方向，如果是去面试或者晋级，每一组作品都应该有他不同的目标和规划。 但是在很多设计网站上或者一些求职者的作品集中，大部分们作品没有规划与目标，你根本不知道那些作品可以体现什么样的能力，比如下面这种作品（来自网络）： 那如果我们努力做成下面这种感觉，至少可以证明，你在颜…- 0
- 0
-
2026最新版！UI、交互、体验设计师的岗位有哪些工作区别？
UI 设计虽然理论上是个独立的设计行业，但在现实场景中，它却有不同的细分工种，以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景，且最近这类问题又多了起来，所以我们打算更新一篇新的扫盲，来系统解释 UI 设计的真实岗位要求与工作内容，别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计…- 15
- 0
-
最新一整套高端UI设计作品集PSD模板源文件素材
UI设计小伙伴们看过来！还在为制作作品集抓耳挠腮吗？今天给大家分享一套超厉害的最新高端 UI 设计作品集 PSD 模板源文件素材，助你轻松搞定作品集难题！ ✨ 高端设计风格 这套模板满满的高级感，简约大气的布局，搭配上精致的细节处理，像是细腻的线条勾勒、恰到好处的光影效果，尽显专业品质。整体采用低饱和度的高级色调，既不失稳重又极具现代感，不管是走简约风还是科技风，都能完美适配，让你的作品集在众多求…- 1
- 0
沐颜小栈-MUOOY.CN
资源爱好者严选平台
UI设计
资源爱好者严选平台
标签
UI设计-共
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个作品