-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 再来看看优化后： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 2 步：给人物视觉元素调色 优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满： 第 3 步：优化排版… -
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（GenUI），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为交互设计发展的新趋势。 全文速览图 一、什么是 GenUI？ GenUI 官方定义是： 由 AI 模… -
UI设计缺乏细节？一个实战案例教你提升界面吸引力！
这次需要优化的案例是打卡页。打卡页的设计需要给用户提供满满的情绪价值，所以丰富的视觉元素必不可少。 来看看优化前的页面： 再来看看优化后的页面： 来看看，具体怎么实操的吧。 一、给头部增加视觉亮点 第1步 加入IP 本次的案例是运动赛的打卡页，所以我们可以加上符合运动主题的IP形象，形成差异化的设计： 第2步 设计标题 首先，主标题的字体当然要选用运营类的字体啦，如果没有复用的需求就去找AI生成一… -
为什么你画的图大厂看不上？聊聊UI设计审美的真相
前阵子方法的首页设计分析里有个很有意思的回复，认为我发的大多数线上首页截图都是反面案例，只有中间的某个电商应用是有设计感的。 之所以有意思，是因为这组电商应用图是我们自己做的“飞机稿”，是对某个学员作业的优化演示，可以回顾之前的这篇分享。 这个演示只是给大家提供视觉层面优化的一些入门的知识和实操逻辑，虽然肯定能比原图好，但不代表它在专业性、完整度上能比肩这些线上案例。以我的经验来下结论的话，面向大… -
全面解析！移动端「个人中心」界面设计趋势和思路解析
一、我的页面的基本分析 我的页面就是大多数应用底部导航中的最后一个选项，是个人中心的板块，用于管理你的账号信息、数据、服务，以及实现对应用本身的相关设置。 我的页面通常在具有账户系统的应用中才会使用，如果没有账户系统的基础应用（如天气、日历工具）就没有使用它的必要。 而还有两个类似的页面类型很容易和我的页面搞混，一个是用户个人主页，一个是系统设置页面，在这里我们做个简单的区分。 用户个人主页是用户… -
2026最新版！UI、交互、体验设计师的岗位有哪些工作区别？
UI 设计虽然理论上是个独立的设计行业，但在现实场景中，它却有不同的细分工种，以及每个工种在实际工作环境下还有不同的工作要求和倾向。 作为新人自然很难全面且深入的接触不同领域的具体工作场景，且最近这类问题又多了起来，所以我们打算更新一篇新的扫盲，来系统解释 UI 设计的真实岗位要求与工作内容，别让大家2025年还在迷惑设计师的定义问题。 一、UI 设计的主要细分岗位 UI 设计在今天衍生出不少设计… -
为什么高手的设计更有质感？4个方法教你优化UI设计！
为什么高手的设计总是看起来那么高级？如果分析你和高手之间的差距，往往拉开设计师水准的，不是什么奇技淫巧，而是细节。 来看看这次优化前的设计： 这是心愿卡页面的视觉重心——头部，我们看优化后的设计： 被惊艳到了吗？在这次的优化思路拆解中，我将向你分析优化的每一个设计细节，和背后的底层逻辑。 一、凸显主体 即使是优化前，作为图片的孔明灯，也是最吸睛的主体，那么，我们就一不做二不休，更加凸显主体。调色使… -
AI 会取代画图标的UI设计师吗？看完这篇实测我放心了！
用过 AI 生图的设计师应该都有这样的体验：越抽象、越极简的描述，反而越难生成满足需求，例如图标。 尤其对于 UI 设计师来说，icon 是最基础、也最高频的视觉资产：导航栏、金刚区、工具栏等都离不开它，尤其在移动端项目里，简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具，发现图标生成普遍存在 3 个痛点：风格偏 2.5D、写实、轻拟物等，这些图标风格更偏向 C 端，但是对于 B… -
10个产品细节剖析，看看高手如何做好设计！
在产品设计中，有时候打动用户的就是一个小小的设计细节，就能带来亿点点惊喜。可能是一句情感化的文案，也有可能是差异化的操作体验，或者就是一个突出的视觉表达等，就能引起用户的共鸣。 本期就给大家筛选了十个带给用户惊喜的设计案例，希望可以激发大家的设计思维，我们共同进步。 一、趣味性的二层楼设计 利用下拉刷新进入二层楼的设计已经被广泛运用，无论是功能推广还是营销活动，都十分常见，创意方式也是层出不穷。 … -
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在… -
作品集平平无奇？4个方法帮你快速提高层次感！
设计本身做得很好，一到包装就卡脖子了？ 很多人可能都会出现这个问题，自己的作品集做完总是看起来很土或者是做不出来细节，看起来很平没有层次感，甚至包装完之后还让自己的作品大打折扣。 那可能是因为你没注意这些基础细节！ 基础做好，即使没有花里胡哨的炫技排版，也能让你的作品集看起来更专业更整洁。 一、文字加层次 先看优化前后对比： 优化前的展示比较平，整体都没有层次区分，包括文字信息层面也仅有标题一个层… -
3分钟快速搞懂！导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南（MD3）中，①为导航栏，用于切换应用内3-5个核心功能版块；②为顶部应用栏，③为底部应用栏，聚焦当前页面的导航控制（如返回）、功能操作（如搜索）与信息展示（如标题）。 但在苹果Human Interface Guidelines设计指南（HIG）中，将①定义为标签栏，将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢？ 我认为iOS中的②… -
保姆级教程！总结AI产品的5种界面布局设计
哈喽，这里是设计夹，今天分享的是「AI 产品界面布局分析」。 当下，AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务，所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式，将 AI 助手界面总结为五类 UI 布局，并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行： “输入内容”和“微交互（视觉反馈）”。虽然每… -
除了选择蓝白配色，健康和医疗类APP你还可以怎么深入设计？
编者按：如果你是医疗和健康相关的 APP 的设计者，你要怎么来设计？除了可以立刻想到的蓝白配色，你会怎样去构建整个产品的视觉、感官和体验？今天这篇来自 Mary Borysova 的文章，会详细分析不同医疗、健康类的 APP 的设计细节，完整地总结你还可以怎样去构建体验和感知。 2020 年 3 月美国热门健康与健身 APP 下载量排行榜 对于经常使用移动端健康类 APP 的人来说，64% 的人用… -
UI设计师必看！5个章节教你系统掌握Toast设计
在数字化产品的交互体系中，Toast 作为一种轻量级反馈组件，如同用户操作旅程中的“耳语提醒”——它不打断主线任务，却能在恰当的时机传递必要信息。Toast的设计绝非简单的“弹出提示”，而是需要融合场景逻辑、认知心理学与交互美学的系统工程。以下将从定义、核心设计原则、场景应用到未来发展方向几个方面，全面解析这个“小而美”的组件如何撬动用户体验的大价值。 一、Toast 的定义 一位前谷歌微软员工被… -
设计被说不够精致如何提升？实战案例第二弹！
关于精度优化的小技巧，今天又来啦！ 咱们继续这个硬核又实用的系列。 直接开整！优化狠活来了！ 一、数据卡片 数字卡片1 当你的数据展示做成这样被老板说没有设计感，该如何优化呢？ 先看看优化前后对比图吧 步骤如下 ⬇️ ① 分析问题： 我们首先要搞清楚老板说的没有设计感，是形式感不够？还是信息排版出了问题？ 这里不难发现卡片是一个纯白色的矩形，过于普通；而信息排版的大方向 OK，但是数据这块儿，因为… -
为什么你的图标不够专业？大厂高手用实战案例教会你！
2024 年 58 同城迎来了意义深远的企业文化焕新，借此东风，我们顺势完成了产品视觉的全面升级。并确定了简单有效，美好安乐，多元融合和自然生长作为主要原则的设计理念。这一理念，不仅是对产品视觉升级的指引，更是我们与用户建立深度连接的精神纽带。 在着手 icon 设计之初，老子《道德经》中“大方无隅”一词在我脑海闪现，而其体现出的开放，包容，和谐，自然等哲学观，与我们的设计原则不谋而合。为此次 i… -
0分钟画完大厂图标！拆解京东外卖的轻拟物图标设计思路
在新的图标课程中，我们打算更贴合真实项目中的场景，以解决工作中的图标绘制需求为目标规划内容。所以文章中讲解的图标设计案例，都会选用已经上线的大家最感兴趣的真实案例。 而今天我们选择讲解的案例，就是近期的焦点应用京东外卖首页中的快速入口图标。 一、轻拟物图标的基本认识 既然要完成它的设计，首先就要先分析它们的设计风格和特征，这类图标属于 “轻拟物” 风格。 轻拟物是拟物风格的变体，而拟物风格是模拟真… -
为什么国内的UI设计比国外复杂？高手总结了3个深层原因
在接触和学习 UI 设计的时候，我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618，相信大家没少被国产应用的广告“亲切的”问候。 一方面是寻找设计灵感时要做区分，另一方面则是我们学习 UI 时看的书籍，学习的理论、规范，都是由西方国家产出的，而国内设计的方向却和它们背道而驰，用一个词来形容现状，那就是 —— 割裂。 所以在初学阶段，理论学的越多，受到的冲击也就越大，疑问也就越多。… -
设计被说不够精致如何提升？4个实战案例带你进阶！
在上期有关设计“精度”的文章发布后，我们收到了大量设计师的积极反馈，很多读者表示通过简单的细节调整，确实提升了作品的视觉品质。 所以今天，我们带着精度优化指南 2.0 来啦，聚焦那些容易被忽略，但能提升视觉效果的设计细节，快快学起来吧！ 老规矩，上干货！ 一、按钮精度 当你的按钮做成这样被客户说“不行，这样也太普通，太随意了”，你是否没有头绪该如何优化？ 不慌！我们带着精度提升小技巧来了，先看看局…
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
