-
10个产品细节剖析，看看高手如何做好设计！
在产品设计中，有时候打动用户的就是一个小小的设计细节，就能带来亿点点惊喜。可能是一句情感化的文案，也有可能是差异化的操作体验，或者就是一个突出的视觉表达等，就能引起用户的共鸣。 本期就给大家筛选了十个带给用户惊喜的设计案例，希望可以激发大家的设计思维，我们共同进步。 一、趣味性的二层楼设计 利用下拉刷新进入二层楼的设计已经被广泛运用，无论是功能推广还是营销活动，都十分常见，创意方式也是层出不穷。 …- 2k
-
面试官说UI界面没亮点？试试这3个方法！
UI 设计界面不像运营视觉的页面，它没有那么多强视觉、花里胡哨的东西，我们大多时候需要在排版上发力，整合组织信息，只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节，那怎么去丰富这些特别的设计细节呢？这里就跟大家分享三个方法，分别是异形、破界、分割。 一、异形 将常见的图形做一些变换，让它的形状不常规，是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法： …- 2k
-
如何专业的搭建色彩系统？6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录，然后用这些不同的色彩值应用到不同的设计元素，交互状态，插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例，500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板，就可以开始创建色彩梯度了。这个目标一般不会改变…- 4.8k
-
为什么高手的设计更有质感？4个方法教你优化UI设计！
为什么高手的设计总是看起来那么高级？如果分析你和高手之间的差距，往往拉开设计师水准的，不是什么奇技淫巧，而是细节。 来看看这次优化前的设计： 这是心愿卡页面的视觉重心——头部，我们看优化后的设计： 被惊艳到了吗？在这次的优化思路拆解中，我将向你分析优化的每一个设计细节，和背后的底层逻辑。 一、凸显主体 即使是优化前，作为图片的孔明灯，也是最吸睛的主体，那么，我们就一不做二不休，更加凸显主体。调色使…- 3.4k
-
优秀B端表格设计的8大技巧+50条细节
表格在 B 端设计中跟吃饭一样常见，哪哪都是它，只要 B 端产品还活着，就有它的身影，它必须依附表格而很好的活着，B 端产品就是为企业降本增效的，很多数据都需要依靠表格才能很好的进行可视化呈现，同时表格也被公认为是展示结构化数据最为清晰、高效的形式，很多 B 端用户都是数据控、性能控，他们非常的在意数据，所以聊 B 端，少不了聊表格，因为表格是数据收纳的最好容器，下面我们就来细细聊聊表格中有哪些颗…- 8.6k
-
全面解析！移动端「个人中心」界面设计趋势和思路解析
一、我的页面的基本分析 我的页面就是大多数应用底部导航中的最后一个选项，是个人中心的板块，用于管理你的账号信息、数据、服务，以及实现对应用本身的相关设置。 我的页面通常在具有账户系统的应用中才会使用，如果没有账户系统的基础应用（如天气、日历工具）就没有使用它的必要。 而还有两个类似的页面类型很容易和我的页面搞混，一个是用户个人主页，一个是系统设置页面，在这里我们做个简单的区分。 用户个人主页是用户…- 7.1k
-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 再来看看优化后： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 2 步：给人物视觉元素调色 优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满： 第 3 步：优化排版…- 1.6k
-
如何专业的搭建色彩系统？6个步骤讲清楚
今天和大家聊聊颜色系统，在做一套新产品的色彩体系时，大家常常需要解决一个问题，那就是颜色梯度，也就是色卡制作。如何从品牌色开始建立一套科学的调色板？这篇文章尝试解决这个问题。 无论你是一位需要从 0-1 制定色彩系统的品牌设计师，还是在一个已有设计系统的产品设计师，都需要掌握如何更加专业的创建设计系统中的颜色梯度。 一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和…- 8.7k
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（GenUI），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为交互设计发展的新趋势。 全文速览图 一、什么是 GenUI？ GenUI 官方定义是： 由 AI 模…- 3.2k
-
大厂实战！设计师如何让直播间数据翻倍？
一、市场环境 流量平台方面：2022 年 1 月 26 日，覆盖蓝领群体的短视频平台快手推出了蓝领招聘业务“快招工”，现升级为“快聘”，开始构建以信任为中心的蓝领招聘关系和直播带岗模式，为用工企业和蓝领用户搭建就业平台。2022 年下半年，抖音开设“直播招聘白名单”，允许直播代岗。招聘行业得到流量平台大力支持。 企业+服务商方面：目前有多家企业和服务商都开始加入直播招聘，如比亚迪、富士康、TCL、…- 3.4k
-
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在…- 3.2k
-
提升作品集最快的方式：5个要点帮你选好配图
APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面这些要求： 比例正确：置入进画布比例是正常的没有被拉伸 内容相关：画面内容和应用场景是关联的，不是宠物照片用了双鞋子特写 画面完整：内容能展示全，而不是主体残缺，比如证件照人脸鼻子上方被截断 画质清晰：画质能达到展示要求，而不是网上被 “盘包浆” 的低质图片 前后关联：指向同一个对象的图片就应该统一，而不是一个用…- 9k
-
2026最新版！UI、交互、体验设计师的岗位有哪些工作区别？
UI 设计虽然理论上是个独立的设计行业，但在现实场景中，它却有不同的细分工种，以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景，且最近这类问题又多了起来，所以我们打算更新一篇新的扫盲，来系统解释 UI 设计的真实岗位要求与工作内容，别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计…- 5.1k
-
动效设计不够流畅？收下这份超全面的实战宝典！
「关于动效节奏的问题，有什么好的方法可以提供吗？」 这算一个常见疑问，我总结收到的问题反馈，基本都是「动画节奏应该怎么做呀」「做完的动效一卡一卡的感觉不流畅怎么整」，索性借着今天的契机，我整理了这样一篇主题文章，分享我对于动效节奏的一点经验与思考，仅代表个人观点，欢迎交流探讨～ 在当今数字时代，动效设计已然成为了产品和服务中不可或缺的一部分。 无论是手机 APP、网页界面还是智能设备，动效设计或是…- 3.5k
-
超多案例！常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分，随着设计趋势的不断变化，图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢？结合产品案例体验，今天黑马哥为大家简单梳理一下，列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格，设计时控制好图标规范即可。常见的多为单色（无彩色系、品牌色等），也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样，也是…- 14k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…- 3.3k
-
提升作品集最快的方式：5个要点帮你选好配图
C 端项目中，配图应用会对项目的效果产生关键性的影响，直接让界面效果得到质的飞跃。但它考验设计师的审美和日常积累，而很多同学的配图水平只能用一言难尽来形容，硬生生拉低输出的效果和档次。 所以这次的分享就集中在配图的选择和应用技巧上，如何在项目包装上实现四两拨千斤的效果，让自己的作品集在激烈的市场竞争中不落下风。 APP 配图的选择逻辑 APP 的配图首先要遵循一些基本原则，保证其可看性，主要有下面…- 3.9k
-
设计被说不够精致如何提升？实战案例来了！
“这个设计感觉不够精致啊...”——作为新人设计师，你是否也经常听到这样的反馈？明明熬夜改了几十稿，却总被说“差点意思”；照着大厂设计做，却显得生硬呆板。 其实，90%的“粗糙感”都来自容易被忽略的细节。今天我们拆解案例，教你用最小修改成本实现设计质感的飞跃。无需复杂技巧，看完立刻能用！ 直接上干货 1. 图标精度 这是不是你画的图标？造型基本 OK，加了渐变，加了装饰元素，也加了描边；但是依然差…- 4.5k
-
设计被说不够精致如何提升？4个实战案例带你进阶！
在上期有关设计“精度”的文章发布后，我们收到了大量设计师的积极反馈，很多读者表示通过简单的细节调整，确实提升了作品的视觉品质。 所以今天，我们带着精度优化指南 2.0 来啦，聚焦那些容易被忽略，但能提升视觉效果的设计细节，快快学起来吧！ 老规矩，上干货！ 一、按钮精度 当你的按钮做成这样被客户说“不行，这样也太普通，太随意了”，你是否没有头绪该如何优化？ 不慌！我们带着精度提升小技巧来了，先看看局…- 4.2k
-
AI 会取代画图标的UI设计师吗？看完这篇实测我放心了！
用过 AI 生图的设计师应该都有这样的体验：越抽象、越极简的描述，反而越难生成满足需求，例如图标。 尤其对于 UI 设计师来说，icon 是最基础、也最高频的视觉资产：导航栏、金刚区、工具栏等都离不开它，尤其在移动端项目里，简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具，发现图标生成普遍存在 3 个痛点：风格偏 2.5D、写实、轻拟物等，这些图标风格更偏向 C 端，但是对于 B…- 2.7k
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
