联盟
-
作品总是没细节怎么办？7个步骤带你掌握高手的优化技巧！
往期教程： 这次我们要优化的界面，是带有运营属性的打卡获奖页面。 先来看看优化前的界面吧： 这是优化后的界面： 今天的知识点有点多，一起来看看吧。 一、标题设计 1. 页面主标题 我们可以给页面的主标题“打卡赢签名”换一个有点个性的字体，并通过颜色区分信息的主次，再加上手写体的英文作为修饰： 2. 主体的标题 同样，我们可以给“球星签名纪念币”增加 Award 样式的图形装饰，再加一个小标签： 二…- 0
- 0
-
灵感枯竭退退退！这5个设计巧思，拯救你的创作瓶颈
Hi大家好，智行的轻分享专栏来啦～ 我们将在这里分享近期一些值得学习的线上案例，快来和我们一起发现隐藏在身边的动人设计，get新灵感！ 往期回顾： 一、懂车帝-AI 图片识车便捷查 懂车帝图片 AI 识车功能接入 AI，只需拍摄或上传车辆图片，就能快速识别车型并给出品牌、型号、配置等详细信息，极大帮助用户轻松获取汽车信息 1. 零门槛识别，降低信息查询成本 解决汽车爱好者、购车用户 “认车难、查配…- 0
- 0
-
UI设计基础知识！深度拆解组件设计的6种状态类型
更多UI设计干货： 哈喽，这里是Clip设计夹，今天分享的是「组件状态解析」。 状态类型，是组件或元素当前所处情况的直观体现。虽说状态在界面上往往不会直接显示出来，却是用户理解产品的关键要素。按钮能不能点、现在焦点在哪个元素上、刚完成的操作是什么，这些信息全靠状态来传递。 这里归纳了6种常用的状态类型，以及不同状态的使用方法，一起来看看~ 一、状态类型 在谷歌的Material 3里，状态被明确划…- 0
- 0
-
从一个球开始，手把手教你用Figma画拟物图标
UI 设计中依旧有很多装饰图标要使用偏拟物的设计风格，虽然很多人以为可以通过 AI 来生成，但实际上真正符合页面需要的设计很难通过 AI 来获得，所以我们依旧要自己来绘制。 更多图标教程： 这类轻画起来并不难，只需要掌握一定的规律以及几个基本操作技巧即可。而最好的入门方式，就是从“画圆”开始，就像学素描时最开始画的圆形石膏，用它来认识光影的效果。 一、拟物图标的基本构成 设计中对拟物效果的实现，就…- 1
- 0
-
UI设计缺乏形式感和氛围感？教你一招快速提升！
往期干货： 这次我们要优化的界面，是康复人员在户外做康复训练时，需要维持设定速度以下走路的特殊场景。 先来看看优化前的模样： 难怪老板说没有设计感，只有扁平化的数据展示，普通的，这根本就是张交互稿嘛！ 我们再来看看优化后的模样： 相较而言，是不是优化后立刻变得有设计感了？接下来我们一一拆解怎样为页面增加和氛围感。 一、轻拟物 刚开始提到的使用场景，有一个重点，即“维持设定速度以下”。想想我们生活中…- 1
- 0
-
作品集包装越用力反而越减分？问题出在这里！
一、全文速览图 在作品集项目中出现的“”应该不少同学都有看过，它通过图片和名词对项目设计风格进行一种抽象的解读，让观看者更好理解自己的设计思路（虽然多数没什么说服力）。 情绪板的构建会对项目产生至关重要的影响，但我们今天主要讨论的主题却不是项目的情绪板，而是项目包装中的情绪板。 今天就用参考和学员作品集实例来讲清这个知识点。 二、作品集项目包装中的情绪 项目设计完以后我们要通过项目包装来呈现它们，…- 0
- 0
-
作品集救星！166 套 iPhone 17 全系列样机首发，设计感拉满！
更多素材： iPhone17 发布了也有一阵子了，销量非常可观，证明它的普及率已经不算低了。所以我们在做新和项目展示时，也确实该跟上时代用上新的样机素材了。 所以我们准备了新的 iPhone17 系列的 Mockup 素材，总共有166个，包含以下机型： iPhone17 iPhone17 Air iPhone17 pro 17 promax 当然基础款17和 Air 系列不太会作为主要的应用对象…- 0
- 0
-
用AI生成的图标不高级？试试这10个大厂设计师私藏图标库！
一、全文速览图 前两天有人问我，有没有好用的图标库推荐。 我翻了一下自己平时收藏的，发现还真不少。 所以这篇就顺手推荐一些质量还不错，也比较适合AI调用的图标库以及调用方法。 有时候设计页面或vibe coding时，图标会直接影响页面质感。 如果不指定图标库，AI 很容易自己乱猜：这个是细线描边，那个像实心块，导航和按钮看起来像从不同网站拼来的。 所以今天这个小妙招很简单：在 prompt 里直…- 1
- 0
-
为什么你画的图大厂看不上？聊聊UI设计审美的真相
前阵子方法的首页设计分析里有个很有意思的回复，认为我发的大多数线上首页截图都是反面案例，只有中间的某个电商应用是有设计感的。 之所以有意思，是因为这组电商应用图是我们自己做的“飞机稿”，是对某个学员作业的优化演示，可以回顾之前的这篇分享。 这个演示只是给大家提供视觉层面优化的一些入门的知识和实操逻辑，虽然肯定能比原图好，但不代表它在专业性、完整度上能比肩这些线上案例。以我的经验来下结论的话，面向大…- 0
- 0
-
保姆级教程+指令！教你从零到一创建AI组件库！
一、全文速览图 我在之前的文章中介绍过 shadcn/ui 组件库是相对于现有的传统组件库（比如 AntD、TDesign）来说更加符合 AI 应用需求的组件库。那么作为代码小白的设计师或者产品人，该如何用 shadcn/ui 组件库来生成自己的个性化组件库呢？本文就来教你从 0 到 1 搭一套既能自己维护、又方便 AI 协作生成页面的 AI Friendly ，主要有两种方式：一是手动调节参数；…- 1
- 0
-
这届设计师太会了！6个让用户爱上的设计细节
大家好！我是 C.K 菜壳儿，今天给大家分享6个优秀的用户体验案例，一起来看看吧！ 更多设计细节： 一、我要做计划-截图体验 「我要做计划」的上是非常有趣独特的风格，产品内大量IP形象的应用场景，为用户不断提供情绪价值，打造了很强的氛围感。 趣味性的截图：手机截图触发端内截图功能，通过设计去模拟相机拍照出胶卷的场景进行出图，创意和细节都把控得很到位，提高了产品整体的趣味性，增加用户与产品的连接。 …- 0
- 0
-
即学即用！14个设计技巧快速提升输入表单体验
编者按：表单设计是个经典的问题，相比于 10 年前的表单设计，你会注意到现在的表单设计在整体的规则感、体验感上有极为显著的提升，这很大程度得益于设计规则的进化和提升。深入梳理了当前表单设计提升体验的 14 个实用技巧。 更多表单相关干货： 以下是正文： 表单能帮助用户更轻松地与产品互动。优秀的表单设计能有效提升用户参与度。在 UI 中，表单随处可见。当你登录网站、回复邮件或提交订单时，都在使用表单…- 0
- 0
-
2025最新版！3个关键的B端设计规范样式详解
今天主要的分享内容，会直接针对具体规范中的部分样式规范说明，包括色彩、字体、图标三个关键对象。 往期B端干货： 一、色彩规范定义 色彩规范，即定义项目中使用的色彩类型和色号。色彩规范的定义需要完成以下工作内容： 品牌色定义 功能色定义 中性色定义 色彩变体定义 特殊色彩定义 1. 品牌色定义 品牌色是一个品牌或产品的色彩身份标识，用于输出和强化品牌认识，也是项目中最重要的颜色类型，要应用在项目全权…- 0
- 0
-
在腾讯磨练4年，掌握了这一套运动感UI设计方法！
很多师在提炼设计语言的时候，联想的关键词都是非常“泛”的，比如年轻、简洁、高级....... 这种词都被用烂了！ 今天分享一个最近做的体育相关的UI项目，因为和体育相关，所以我所有的设计语言全部围绕“运动感”来打造。 往期教程： 运动感怎么实现呢？ 可以围绕两个方向：碰撞与动势。 我们先来说碰撞，在我们搜索碰撞这两个字的时候，输入法会直接关联出一个碰撞的图形，类似于爆炸、撞击后的效果，如下图： 基…- 0
- 0
-
AI 对 UI 行业发展到底有什么影响？来看总监的深度分析！
一、全文速览图 去年开始 AI 行业迎来了爆发式增长，越来越多的行业和产品引入 AI 功能，比如 Figma Make 的上线，主流大模型的进步也突飞猛进，如年底 Google Gemini3 上线后横扫社交媒体。 在 UI 设计领域，我们可以陆续看到越来越多的博主上传用 AI 生成界面的案例，或者干脆用 AI 直接生成从界面到代码的全链路案例。行业每天都处于药丸，要被 AI 取代的论调中。 所以…- 0
- 0
-
保姆级教程！移动端表格界面的视觉设计拆解
一、列表页的顶部设计 开始列表页的设计要先完成顶部栏的设计，主要包括搜索、筛选、排序等标准内容。简单的列表页可能顶部只是个标题栏或是只有搜索，这种最基本的模式就不用多加解释。 更进一步，就是添加了基本筛选或排序的功能，通常它们会在标题栏外独占一行。 在这类设计中，额外增加的筛选或排序栏通常和顶栏是连接在一起的，且它的高度通常也小于顶栏。然后下方的选项可以是等分的，也可以是左右滚动的。 移动端的空间…- 1
- 0
-
谷歌这套图标设计标准，零基础也能快速掌握！
一、全文速览图 哈喽，这里是Clip设计夹，今天分享的是「准则」。 图标是界面设计里的 “刚需元素”，一个小图标能快速传递很多信息。好的图标需要兼顾简洁、现代、友好。但图标的尺寸很小，设计时既要严格遵守设计规则，又得清晰表达信息，这样才能保证整套图标的风格统一、辨识度高。 今天就来聊聊大厂在用的图标和设计规范，配合案例进行设计分析~ 二、图标设计的3个核心原则 1. 形式够简洁 给大家举个例子，就…- 0
- 0
-
UI 改版总是不如原图？这套组件重构思维你需要掌握！
周练的改版很多同学都没什么思路，只是在原有基础上做了一些小修小改，调整并不大。所以今天我们自己做个演示，分享适合你们这个阶段的设计方法。 一、改版的方式分享 改版是前期训练中除了临摹外最好的训练方式，可以快速提升UI水平。且不管你们有没有工作经验在作品集准备中都要做改版，因为真实项目往往会有非常多缺陷和瑕疵（比如广告放太多根本不适合展示），需要我们重新改版完才放进去。 而改版最基础的方式，就是围绕…- 0
- 0
-
教你快速看懂Agent、Skill 和Vibe Coding 三个常用AI概念！
一、全文速览图 前面分享了 AI 应用的底层逻辑，以及在 UI 行业中使用的主要工具有哪些，今天则要解释 AI 应用中更进阶的概念，AI 工具 与 和 Harness。 二、AI 工具中的 Agent 认识 AI 工具就肯定离不开 Agent 智能体这个概念，虽然前面我们简单把它也作为 AI 工具的一种，但并不是所有 AI 工具都是 Agent。 简单解释，Agent 就是 —— 面向大模型被封装…- 0
- 0
-
UI 交付的终极形态？深度测评最新AI设计神器Pencil
一、全文速览图 I have a pencil，I have a VScode，a ....梦寐以求的双向 MCP 矢量无限画布工具。 最近试用了一下刚刚出现在我们眼前的 ，附带简单实现全过程。 更多测评： 传统流程中，设计师在 Figma 疯狂梵高，开发者在疯狂 Vibe Coding，中间的交付充满了赛博折磨，最后设计师一走查还要再次相看两厌～ Pencil.dev（ ）出现，就是为了拯救我们…- 0
- 0
-
超多案例！揭秘3个新手容易踩坑的错误认知
一、全文速览图 为什么说基础很重要，因为基础不稳，做出来的创意和想法都是不成熟的，而基础中最重要的，首先就是对设计的理解。 就拿来说，我分享以下三个错误认知。 二、错误认知一：把一个元素强行贯穿图标设计 我们看下面这组作品，强行将网球加入到图标设计中 我们要明白一个道理，如果做设计只是把一个元素随意的强行加在画面里，那是不是显得设计这件事情太简单了，谁都可以做设计了！ 当然，不是说不能把统一的元素…- 0
- 0
-
AI生成的图标太油腻？学会这3招，质感瞬间翻倍！
一、全文速览图 同样是用AI制作图标元素，有一些同学做成这样： 而有一些同学做成这样： 为什么？ 菜心老师今天分享几个技巧吧： 二、技巧一：光影质感不要太多细节 很多同学在生成图标的时候，喜欢让AI把质感细节加很多，这样就导致过于油腻繁琐 ，比如这种效果： 在经过老师的点拨之后，现在这位同学已经开窍了，做的效果质感都是这样的，高级很多： 还有下面这位同学，非常复杂的质感，一看就AI生的： 减少一些…- 0
- 0
-
用GPT Image 2做完一个真实UI项目后，我发现AI最难的不是出图
一、全文速览图 用 GPT Image2 做完一个真实 UI 项目后，我发现 AI 最难的不是出图，而是如何成为可控、稳定、能被设计师调度的工具。 大家好，我是风筝 KK。 24 年初，我曾经和大家分享过AI 如何融入敏捷开发，为。 那时候，我关注更多的是“效率”。 因为在真实工作里，团队采用敏捷开发，两周一个迭代，留给设计师做需求分析和方案设计的时间，往往只有三四天。 时间一紧，设计师最先牺牲掉…- 1
- 0
-
大厂如何做好会员升级设计？来看淘宝的实战案例！
一、全文速览图 二、引言 初入职场，在淘宝里重新理解“视觉”。 学生阶段，在视觉传达专业的学习中我逐步建立起运用视觉语言构建信息秩序、引导认知、传递价值的能力。加入团队后，我逐渐意识到：当视觉语言进入亿级用户的商业场景，它的使命不止于“传达”，更承载着信息组织与行为引导的多重职能。 正是在这样的转变中，我参与了淘宝大会员升级礼项目设计，并以该项目为切口，分享我们的探索与思考。 为什么“升级”需要被…- 0
- 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
个作品 今日上传 0个作品
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 0个作品