-
3个章节帮你掌握用户目标与交互目标
一、用户需要达成什么目标 在交互设计中，用户的目标可以理解为他们希望通过使用产品完成的事情。换句话说，就是用户打开你的产品时“心里想要达成的事”。这个目标可能是很直接的，比如在外卖 App 上订一份喜欢的午餐；也可能是抽象的，比如通过一款学习软件提升自己的外语水平。无论目标是什么，用户都期望在操作的过程中高效、顺畅且愉快地达成目标。 交互设计的核心，就是帮用户拆解这些目标并找到最优路径，让他们觉得…- 5.2k
-
揭秘卡通 logo 背后的趣味与幽默！
关于教程 大家好，我是言言荷。本期内容将分享我在设计卡通LOGO时的思路和如何增添趣味性。卡通LOGO在品牌标识中非常受欢迎，不仅可以用于IP或插画延展，还能为品牌增添独特的风格和记忆点。我在探索卡通风格时，对如何增加趣味性有了一小点点点点点点心得，现在就和大家分享一下我的想法。 技法一：夸张 通过夸张处理常规的肢体动作或者通过改变五官比例，留出眼白增加眼神变化从而达到不同情绪的表达。例如，可以放…- 41.7k
-
为什么高手的设计更有质感？4个方法教你优化UI设计！
为什么高手的设计总是看起来那么高级？如果分析你和高手之间的差距，往往拉开设计师水准的，不是什么奇技淫巧，而是细节。 来看看这次优化前的设计： 这是心愿卡页面的视觉重心——头部，我们看优化后的设计： 被惊艳到了吗？在这次的优化思路拆解中，我将向你分析优化的每一个设计细节，和背后的底层逻辑。 一、凸显主体 即使是优化前，作为图片的孔明灯，也是最吸睛的主体，那么，我们就一不做二不休，更加凸显主体。调色使…- 5k
-
南京特色小吃原创贴纸插画
一、准备工作 南京的小吃真的很好吃！现在想着都会流口水的程度……先画点贴纸解解馋！结合南京方言，是非常有趣的效果～ 首先找一些食物图片作为情绪版，决定配色后就开始画草稿啦，后续通过ai的细化也都是在草稿的基础上进行的，所以一定要构思好才开始画哦 新建画板，这一步可以按照个人习惯和希望最终呈现的效果来定尺寸～ 想要让讲师如如手把手教你绘制更多贴纸插画？点击这里立刻开始学习： 二、教程步骤 #01 梅…- 8.3k
-
千万不要直接用AI，真正帮你提高效率的是工作流！
引言 在这个信息爆炸的时代，AI 工具正以飞快的速度涌入我们的工作和生活。许多人期待这些工具能够显著提升我们的工作效率。然而，单一的 AI 工具所能带来的提升效果往往有限。实际上，真正能够帮助我们提升效率的是一个集成了多个 AI 工具协作的 AI 工作流。一个有效的工作流不仅能够简化操作，还能最大化利用 AI 的能力，实现真正的效率提升。 例如，在公司的素材池的扩充过程中，从素材生成到审核，再到入…- 7.1k
-
为什么AI产品都爱用蓝紫色？揭秘背后的配色心理学！
打开手机里的AI应用，你大概率会被一种蓝紫色“包围”：像通义APP的logo、百度的问AI按钮、钉钉的AI表格图标、讯飞星火的官网banner… 可用的颜色那么多，为什么AI偏偏对蓝紫色“情有独钟”呢？其实这种颜色不是设计师随便定的，背后藏着贴合咱们认知习惯的心理学逻辑和行业巧思。 一、色彩设计心理学 颜色从来不止是视觉效果，更藏着默认的心理联想，蓝紫色恰好踩中了AI产品最需要的两种认知点： “稳…- 8.6k
-
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统…- 10.1k
-
新版微信改了5个不起眼的细节，但设计水平很高！
最近发布的 iOS 微信 8.0.62 被很多人发帖公告，然而评论区却有些冷场。 随便一翻，一部分在抱怨服务号折叠等其它问题： 剩下一部分在抱怨这些改动没多大意义： 从用户角度来看，确实都是些小修小补，没啥值得一提的。 但是从用户体验设计的专业角度来讲，这些小细节，还真就能看出不错的设计思路。 我总结了一句话概括：信息结构更合理了。 用大白话解释一下就是：把重要的东西强化了，把不重要的东西弱化了。…- 4.9k
-
保姆级教程！揭秘微信和飞书都在用的「顺序效应」心理学
一、 卡片定义（Definition） 顺序效应指的是人们在回忆信息时，对位于序列开头（首因效应）与结尾（近因效应）的信息记忆效果更佳，而中间位置的信息更容易被忽略。该效应由心理学家赫尔曼·艾宾浩斯（Hermann Ebbinghaus）等在实验记忆研究中提出，并被广泛验证。 在 UX 设计 场景中，这一效应揭示了： 列表、菜单、表单、选项卡等内容的首尾位置，用户更易关注并记住； 信息流中的首屏和…- 6.8k
-
如何用AE制作游戏角色动态壁纸？
一、关于教程 本期视频教大家在 AE 中创建点赞动效。 人物角色：守望先锋2——雾子 分层软件：Photoshop 动效制作软件：AfterEffects 最后的效果我也不是很满意，因为到后面太卡了，整体精度并不高，大家主要参考下制作思路吧，希望有帮助。（Spine肯定可以做） 再补充一下，希望对尝试去做的同学有帮助： 【1、眨眼动画】 用我的方法，眼皮需要单独画一层，然后只给眼皮上液化效果器 【…- 16.4k
-
如何专业的搭建色彩系统？6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录，然后用这些不同的色彩值应用到不同的设计元素，交互状态，插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例，500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板，就可以开始创建色彩梯度了。这个目标一般不会改变…- 5.9k
-
拒绝沦为AI操作员！B端设计师破局的5个关键策略
一、全文速览图 在当今这个快速变化的时代，B端UI设计师的角色正经历着重大变革，AI既是个热门词，也是我们设计工作的一股重要助力，今天我想和大家聊聊为什么我们必须拥抱AI，以及如何有效地将其融入到我们的工作中。 注：文中所有内容（包括文案及AI辅助生成的图片）均为本人原创，未经许可不得转载或使用。 二、AI的崛起 设计的“稀缺性”正在被改写 曾经，我们创造的价值体现在优秀的视觉表现上，诸如 Ske…- 3.1k
-
动力学制作沙漏动态效果
一、关于教程 今天要和大家分享一下制作沙漏的动态效果。这个动效是参考了国外作者的作品，原作链接 之前做了一个“喷钱枪”纸币飞舞的效果，但是已经忘了怎么搞了......所以这次的练习也赶紧记录下来。 二、教程简概 详细教程内容请观看文章顶部完整的视频教程。 #01 建模 首先，我们通过画路径加旋转生成器的方法进行建模。在正视图中选择画笔工具，开启捕捉功能，然后画出路径。调整路径的中心轴，添加旋转生成…- 5.5k
-
保姆级教程！总结AI产品的5种界面布局设计
哈喽，这里是设计夹，今天分享的是「AI 产品界面布局分析」。 当下，AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务，所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式，将 AI 助手界面总结为五类 UI 布局，并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行： “输入内容”和“微交互（视觉反馈）”。虽然每…- 11.9k
-
AI时代下，大厂设计师的工作模式有哪些变化？
最近一段时间一直在思考目前设计师的作业模式是否已然被 AI 改变？ 设计工具经历了从传统的 Photoshop 到各种 AI 工具的转变，AI 逐步覆盖设计领域的各个方面，从图像 GC、文本 GC、音频拟合到视频生成，AI 的应用覆盖了媒体的所有模态。现在，设计师可以通过简单的文字描述生成高质量的矢量图标和 3D 插画，甚至几分钟内生成虚拟人物图像，且不用担心版权问题。通过 SD 不仅能…- 9.2k
-
动效设计不够流畅？收下这份超全面的实战宝典！
「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…- 5.3k
-
5分钟搞定效果超棒的草地案例（附工程文件及插件下载）
关于教程 哈喽大家好～今天分享的教程来源于上周我分享到朋友圈的一张图，很多小伙伴就来问这个草是怎么做的呀？这个模型哪里搞的呀？马姐操作怎么这么骚啊～？等等等等问题。 所以疼爱你们的马姐，今天就来好好教教你，路两旁这片绿油油的草地该怎么做，同时，也会把图片中的这些模型插件分享给大家！！话不多说，一起来学习吧～ 教程简概 最终效果图 工程及插件下载 百度网盘http…- 5.2k
-
设计被说不够精致如何提升？实战案例来了！
“这个设计感觉不够精致啊...”——作为新人设计师，你是否也经常听到这样的反馈？明明熬夜改了几十稿，却总被说“差点意思”；照着大厂设计做，却显得生硬呆板。 其实，90%的“粗糙感”都来自容易被忽略的细节。今天我们拆解案例，教你用最小修改成本实现设计质感的飞跃。无需复杂技巧，看完立刻能用！ 直接上干货 1. 图标精度 这是不是你画的图标？造型基本 OK，加了渐变，加了装饰元素，也加了描边；但是依然差…- 6.2k
-
如何快速提高版式设计能力？
一、版式的组成 首先，找出以下示例图中的版式组成元素，大而全的有几种？ 大体上图中有以下四个主要组成元素：主体、文案、点缀元素、背景。 按照电视剧的角色安排，主体相当于主角，视觉焦点自带主角光环；文案相当于配角，配角的作用是和主角搭戏的，有时候主角的台词需要从配角的口中说出；点缀元素则相当于群演，可有可无，可多可少，根据具体需要自由发挥，不过要注意群演的站位不能挡住 C 位；背景则相当于场景道具，…- 4.5k
-
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一…- 3.9k
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
