专题：第4期
-
4亿人在用的小红书，为什么调整了作者主页的UI设计？
随着内容社区竞争愈发激烈，小红书对“关注转化率”与“关系链扩散”的重视正在从细节体现出来。近期，我发现个人主页悄然上线新版 UI，重新组织了信息层级，并引入社交推荐机制，对产品体验产生了重要影响。（但是目前部分账号有变化） 一、新旧主页对比 二、产品亮点解析 行为驱动的信息重组： 将“关注/粉丝/点赞”数据前置，强化用户对创作者影响力的快速判断，先感知权重，再做出是否互动的决策。 增强行动按钮的引… -
为什么国内的UI设计比国外复杂？高手总结了3个深层原因
在接触和学习 UI 设计的时候，我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618，相信大家没少被国产应用的广告“亲切的”问候。 一方面是寻找设计灵感时要做区分，另一方面则是我们学习 UI 时看的书籍，学习的理论、规范，都是由西方国家产出的，而国内设计的方向却和它们背道而驰，用一个词来形容现状，那就是 —— 割裂。 所以在初学阶段，理论学的越多，受到的冲击也就越大，疑问也就越多。… -
5亿人在用的美团外卖，为什么「更多」菜单设计非常混乱？
在日常生活中，我们频繁使用美团外卖订餐。而点击底部导航栏的「更多」按钮时，你是否也被那个一口气塞进 12 项功能的抽屉菜单弄得一头雾水？今天，就带你从一个体验设计师的角度，细细剖析这个「更多」入口的设计问题、背后的产品逻辑以及优化思路。 一、界面观察：点开「更多」后的困惑感 点击底部导航栏的「更多」图标后，界面弹出一个抽屉卡片，共显示 12 个菜单项： 红包、代金券、神抢手券、津贴、米粒、收藏 企… -
如何让用户体验良好的同时，提高产品转化率？
一、引言 还记得你第一次下载某个 App 的体验吗？界面清爽、按钮醒目，一个“开始美好旅程”让人忍不住点下去。接着，它弹出请求：“为了更好地服务您，我们需要访问您的联系人、位置、相册、……甚至呼吸频率。”你犹豫了一下，但发现“允许”按钮红得发光，而“拒绝”灰得快看不见。于是你心想：“算了，先点了再说。”恭喜，这正是用户引导设计的经典套路。 用户引导本意是帮用户上手、降低门槛，但在追求转化率的压力下… -
如何做好AI产品的体验设计？先掌握这7个原则！
设计师们正在探索未知领域。十多年来，我们首次在用户体验设计中面对一个未被开垦的全新领域。这里没有现成的剧本，也没有既定模式可供参考。即便是最前沿的 AI 实验室，也在通过实验不断学习，观察哪些新交互方式能引发用户共鸣。 这让我想起移动触控界面初现时，设计师们创造了如今我们习以为常的交互模式。正如早期 iOS 和 Android 的设计选择定义了移动计算时代，今天的突破正在塑造未来数十年我们与 AI… -
设计并未消亡，请停止过度思考
你确定设计一开始就活在你脑海里？ 每隔几周，就会有人写出同样令人厌烦的标题： “设计已死。”“用户体验已终结。”“人工智能扼杀了创造力。” 设计并没有消亡，只是你对它的理解消亡了。不过，说实话——它真的从一开始就活在你的脑海里吗？ 如果我们要讨论实际发生的事情，我们需要弄清楚三件事： 一、你从来不明白设计是什么 让我们从最响亮的声音开始吧——那些撰写以“设计已死”或“用户体验已结束”为题的评论文章… -
界面平淡无亮点？掌握这 3 招，轻松打造高级感界面
工作中，咱们每个人或多或少都会碰上极简风格的设计，但很多朋友都会有一个疑惑：为啥别人的界面舒服又高级，但我却做不出人家的感觉呢？ 其实，极简风格也有一定的套路，今天我会以一套手表 UI 为例，从造型、色彩、排版 3 个点与你分享。 一、造型 1. 造型简洁，以基础型为主 画面中的图形元素，不要选太复杂的造型，咱们优先挑选一些偏基础型的图形作为主视觉，这样能保证咱们的页面风格不会出现大的问… -
3个章节帮你掌握用户目标与交互目标
一、用户需要达成什么目标 在交互设计中，用户的目标可以理解为他们希望通过使用产品完成的事情。换句话说，就是用户打开你的产品时“心里想要达成的事”。这个目标可能是很直接的，比如在外卖 App 上订一份喜欢的午餐；也可能是抽象的，比如通过一款学习软件提升自己的外语水平。无论目标是什么，用户都期望在操作的过程中高效、顺畅且愉快地达成目标。 交互设计的核心，就是帮用户拆解这些目标并找到最优路径，让他们觉得… -
7个用户心理模型+6个行为模型
一、用户心理模型 1. 用户心理模型是什么？ 用户心理模型是用户对产品如何运作的一种假设或预期。它基于用户的过往经验、直觉、认知能力以及对类似系统的熟悉程度。这种模型决定了用户在面对新产品或界面时，会如何使用、理解和解决问题。用户心理模型影响着他们的操作习惯和期望。如果产品设计与用户的心理模型相匹配，用户会觉得操作“顺理成章”；如果不匹配，则可能导致迷惑、挫败感，甚至放弃使用。设计师的目标是尽量贴… -
配色有困难？看完这个文章马上解决~
今天要讨论的话题主要是关于图片色彩分析的，学会分析图片色彩后能够有效的提升设计与素材图的融合度，同时也能给我们很多的配色思路，好啦闲话不多说下面开始今天的内容。 首先我们先来说说什么是色调。我们看图片不能通过具体的颜色去判断这个图片的色彩情绪是什么，而是要通过色调去判断。打个比方，如果是植物当然好说绿色为主，你说他表现生命健康都可以，但如果是一个彩虹呢？那显然颜色就太多了对吧。 色调指的是图片整体… -
亿万人在用的58 APP，如何做视觉语言升级设计？
随着市场的不断变化和竞争的日益激烈，生活服务平台的更新迭代早已不再是单纯的“功能叠加”。对于 58 同城这样一个深耕国内市场多年的平台来说，每次改版都是一次“挑战与机遇并存”的自我更新。今年，正值 58 同城企业文化焕新之际，我们迎来了产品的全面升级。 此次改版的核心目标非常明确：我们不仅要进行改版，更要通过精准的设计提升用户体验，以吸引更多新用户。特别是在这个“流量见顶”的时代，如何借助改版吸引… -
移动端表格页如何设计？给你5个解决思路！
如何在移动端设计表格？这似乎是一个设计难题。 对于表格来说，它本身需要大量的空间，需要大范围地滑动查看详细的信息。但在手机这样狭小的空间当中，我们真的很难进行操作。 但产品提出各种需求就是“我要我要”，那今天给大家分享一下移动端表格的设计思路。 首先我们先说说移动端表格的痛点。 因为手机本身是以竖屏为主，而对于表格这类数据形态时是以横屏为主，所以在内容呈现上就会存在明显的差异，就像横屏长视频与竖屏… -
5个章节掌握标签 Tag 设计方法
一、标签是什么 在日常生活中，“标签”通常指的是贴在包装或产品上的贴纸，上面写有相关产品或物品的具体信息。而在界面上，标签则是指用于标识、分类或描述界面上各个元素或内容的简短文本或符号。 二、标签的发展 标签的起源可追溯到互联网的早期阶段，当时博客和新闻网站的开发者们借助标签来标记网页中的关键信息，以提升用户的搜索效率。 随着社交媒体的兴起，标签开始流行起来。Instagram、Pinterest… -
设计师必须要掌握的字体设计基础知识
我们常常会看到一些字体，存在着各种各样的问题，很大原因就是对一些汉字的基础知识不够了解所造成的。 万物皆有本源，字体也一样，今天我们看到的千变万化、形式各异的字体，都离不开文字本身的根基，脱离了这个根基去做字体，往往难以做出成功的作品，就像练武需要有基本功一样，文字的基础知识对于做好字体，有着不可或缺的作用。 一、骨骼与体饰 “骨骼”即字体的内在间架结构，是决定字体内在气质以及是否美观的基础性因素… -
5个产品细节剖析，看看高手是如何做设计的！
5个新鲜出炉的设计案例，来自得物、微信、天猫等大厂的产品设计细节，每一个都值得点赞！ 案例分享 1. 得物-七夕礼物季 得物 App 针对七夕场景，推出七夕礼物季，贴心解决用户需求。 命中用户需求：切入七夕前用户还未买礼物的场景，推出“七夕急救好礼”，打次日达的卖点解决用户需求，结合晚到必赔保障，让用户放心把买礼物的需求交给平台，很贴心。 吸引用户注意：活动头图展现国风花鸟动画，结合立体建模的创意… -
大厂资深设计师帮你掌握弹窗组件设计
引言 随着互联网应用的不断发展，弹窗组件已经成为了界面设计中不可或缺的一部分。弹窗组件可以帮助我们更好地展示信息，提供更多的交互方式，以及增强用户体验。但是，设计一个好的弹窗组件并不是一件容易的事情。需要考虑的因素很多，比如弹窗的类型、场景、功能、样式等等。同时，弹窗是一把双刃剑，用的好能使用户行为更加聚焦从而提效，如果使用的不恰当，可能会使用户产生负面情绪甚至击退潜在用户。因此，本文将为大家系统… -
优秀B端表格设计的8大技巧+50条细节
表格在 B 端设计中跟吃饭一样常见，哪哪都是它，只要 B 端产品还活着，就有它的身影，它必须依附表格而很好的活着，B 端产品就是为企业降本增效的，很多数据都需要依靠表格才能很好的进行可视化呈现，同时表格也被公认为是展示结构化数据最为清晰、高效的形式，很多 B 端用户都是数据控、性能控，他们非常的在意数据，所以聊 B 端，少不了聊表格，因为表格是数据收纳的最好容器，下面我们就来细细聊聊表格中有哪些颗… -
超多案例！常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分，随着设计趋势的不断变化，图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢？结合产品案例体验，今天黑马哥为大家简单梳理一下，列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格，设计时控制好图标规范即可。常见的多为单色（无彩色系、品牌色等），也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样，也是… -
15000字干货！如何从零到一完成作品集设计？
如果你不知道该如何制作一份优秀的作品集，或者不知道为什么投递效果不理想，这篇文章都值得你停下来仔细阅读一番，15000 字+分析总结学长自己做作品集的思路，希望对你有所帮助。 -
2D图快速变3D！比 AI 更可控的神级插件Vector to 3D
一、Figma 插件 介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比，它在 Figma 环境中直接运行，无需切换软件，极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说，上手更为迅速，减少了学习新软件的成本。而且，它能与 Figma 的二维设计流程紧密结合，实现二维到三维的无缝转换。 与 StableDiffusion 和 M…
