-
界面平淡无亮点？掌握这 3 招，轻松打造高级感界面
工作中，咱们每个人或多或少都会碰上极简风格的设计，但很多朋友都会有一个疑惑：为啥别人的界面舒服又高级，但我却做不出人家的感觉呢？ 其实，极简风格也有一定的套路，今天我会以一套手表 UI 为例，从造型、色彩、排版 3 个点与你分享。 一、造型 1. 造型简洁，以基础型为主 画面中的图形元素，不要选太复杂的造型，咱们优先挑选一些偏基础型的图形作为主视觉，这样能保证咱们的页面风格不会出现大的问…- 8.6k
-
保姆级教程！总结AI产品的5种界面布局设计
哈喽，这里是设计夹，今天分享的是「AI 产品界面布局分析」。 当下，AI 已经融入到我们生活的方方面面。每个人都在使用 AI 服务，所有的公司都在尝试将自家产品与 AI 相结合。 本次通过整理分析各家 AI 产品的交互方式和展现形式，将 AI 助手界面总结为五类 UI 布局，并总结每种类型的特点、适用领域。 生成式 AI 界面通常围绕两个核心要素运行： “输入内容”和“微交互（视觉反馈）”。虽然每…- 8.7k
-
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书，提出了从 5 个要素自下而上的建设用户体验。五要素分别为：战略、范围、结构、框架、表现。 战略层关注的问题是为什么做？—— “我们为什么要开发这个产品？” 范围层关注的问题是做什么？——“我们要开发的是什么？” 结构、框架、表现层则需要解决怎么做？——“我们如何达到上述抽象层…- 3.3k
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（GenUI），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为交互设计发展的新趋势。 全文速览图 一、什么是 GenUI？ GenUI 官方定义是： 由 AI 模…- 3.2k
-
如何正确使用设计规范，提升界面设计水平？
在前面的 C 端行业分析说过，当前的 C 端 APP 界面为了抢夺用户的注意力，设计越做越花哨，运营、国潮化的风格越来越浓烈。 所以，现在的作品集项目设计和准备都无可避免的要有所涉猎。对于初级设计师来讲，“模仿（致敬）”一两个成熟案例没什么问题，但要做出一整套，就驾驭不住了。 而关键的问题，就出在平面四要素的 —— 重复性上。 一、学员案例分析 “重复”是四要素中最简单的一个原则，即在画面中对设计…- 3.5k
-
3分钟快速搞懂！导航栏/标签栏/应用栏的区别和设计规范
例如在谷歌的Material Design 3设计指南（MD3）中，①为导航栏，用于切换应用内3-5个核心功能版块；②为顶部应用栏，③为底部应用栏，聚焦当前页面的导航控制（如返回）、功能操作（如搜索）与信息展示（如标题）。 但在苹果Human Interface Guidelines设计指南（HIG）中，将①定义为标签栏，将②定义为导航栏。 为什么HIG中对导航栏的定义不同呢？ 我认为iOS中的②…- 3.1k
-
如何打造品质感的UI界面？
前段时间做了张黑金页面，整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」，整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果： 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面，主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢？ 我有几个点可以跟大家分享一下： 黑金页面颜色选取…- 4.5k
-
作品总是没细节怎么办？实操案例带你掌握高手的优化技巧！
本次优化案例主打一个关注细节，一起来看看吧。 先来看看优化前： 再来看看优化后： 优化后是不是看上去顺眼很多？一起来看看都有什么干货吧！ 方向一：优化顶部 第 1 步：区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了，我们要做的是通过给顶部卡片加底色把它们区分开来： 第 2 步：给人物视觉元素调色 优化前的人物元素色调过于苍白，我们需要调节饱和度，曝光等使其视觉效果饱满： 第 3 步：优化排版…- 1.6k
-
大厂实战！设计师如何让直播间数据翻倍？
一、市场环境 流量平台方面：2022 年 1 月 26 日，覆盖蓝领群体的短视频平台快手推出了蓝领招聘业务“快招工”，现升级为“快聘”，开始构建以信任为中心的蓝领招聘关系和直播带岗模式，为用工企业和蓝领用户搭建就业平台。2022 年下半年，抖音开设“直播招聘白名单”，允许直播代岗。招聘行业得到流量平台大力支持。 企业+服务商方面：目前有多家企业和服务商都开始加入直播招聘，如比亚迪、富士康、TCL、…- 3.4k
-
作品集平平无奇？4个方法帮你快速提高层次感！
设计本身做得很好，一到包装就卡脖子了？ 很多人可能都会出现这个问题，自己的作品集做完总是看起来很土或者是做不出来细节，看起来很平没有层次感，甚至包装完之后还让自己的作品大打折扣。 那可能是因为你没注意这些基础细节！ 基础做好，即使没有花里胡哨的炫技排版，也能让你的作品集看起来更专业更整洁。 一、文字加层次 先看优化前后对比： 优化前的展示比较平，整体都没有层次区分，包括文字信息层面也仅有标题一个层…- 2.6k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候，发现很多同学对于包装审美还是差一些，课上给大家实操了很多案例，今天给大家分享几个，比如一组的需求分析，包装的就不太行： 有点太随意了，包括文字的排版，还有标题前面的两个圆圈： 如果我来包装的话，一定要加点修饰，不能只是文字，比如加点图标或者加点卡片，我可以先把卡片加上，这样会更加有聚焦的感觉： 这时候我们可以想办法加点颜色区分，比如用产品的主色： 然后可以再给圆圈里面加点…- 3.3k
-
设计被说不够精致如何提升？4个实战案例带你进阶！
在上期有关设计“精度”的文章发布后，我们收到了大量设计师的积极反馈，很多读者表示通过简单的细节调整，确实提升了作品的视觉品质。 所以今天，我们带着精度优化指南 2.0 来啦，聚焦那些容易被忽略，但能提升视觉效果的设计细节，快快学起来吧！ 老规矩，上干货！ 一、按钮精度 当你的按钮做成这样被客户说“不行，这样也太普通，太随意了”，你是否没有头绪该如何优化？ 不慌！我们带着精度提升小技巧来了，先看看局…- 4.2k
-
简单易学出效果！11个工作常用的AE小技巧
一、APP 中常见动效技巧 1. 数字递增/递减表达式 我们在做进度百分比、红包中金额增长、放款金额时，经常能用到一类“数字递增/递减效果；比如如下： 此类情况可使用表达式： ①数字递增表达式 n=Math.floor(linear(time,0,5,0,2000)) 时间从 0S～5S 数字从 0～2000 递增 ②数字递减表达式 n=Math.floor(linear(time,0,5,100…- 3.2k
-
做了1000多天的项目，终于把吉祥物设计流程搞清楚了！
我们做一组吉祥物，无非分为三个步骤：设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢，今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段，有很多种创意方式，我们经常用的有三种：组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起，比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎，放置在…- 3.2k
-
想快速进阶？先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力，能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到，因为看到任何设计都会形成自己的个人感受，只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上，进一步用专业的思路去分析它，形成相对客观的结论。 不是说主观观点就没用，而是作为专业人士看到设计作品时不能只会情绪输出，还必须掌握专业的分析和辨识能力。 …- 4.5k
-
设计被说不够精致如何提升？实战案例来了！
“这个设计感觉不够精致啊...”——作为新人设计师，你是否也经常听到这样的反馈？明明熬夜改了几十稿，却总被说“差点意思”；照着大厂设计做，却显得生硬呆板。 其实，90%的“粗糙感”都来自容易被忽略的细节。今天我们拆解案例，教你用最小修改成本实现设计质感的飞跃。无需复杂技巧，看完立刻能用！ 直接上干货 1. 图标精度 这是不是你画的图标？造型基本 OK，加了渐变，加了装饰元素，也加了描边；但是依然差…- 4.5k
-
如何专业的搭建色彩系统？6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度，可以理解为一个色彩范围，指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录，然后用这些不同的色彩值应用到不同的设计元素，交互状态，插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例，500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板，就可以开始创建色彩梯度了。这个目标一般不会改变…- 4.8k
-
10个产品细节剖析，看看高手如何做好设计！
在产品设计中，有时候打动用户的就是一个小小的设计细节，就能带来亿点点惊喜。可能是一句情感化的文案，也有可能是差异化的操作体验，或者就是一个突出的视觉表达等，就能引起用户的共鸣。 本期就给大家筛选了十个带给用户惊喜的设计案例，希望可以激发大家的设计思维，我们共同进步。 一、趣味性的二层楼设计 利用下拉刷新进入二层楼的设计已经被广泛运用，无论是功能推广还是营销活动，都十分常见，创意方式也是层出不穷。 …- 2k
-
超多案例！常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分，随着设计趋势的不断变化，图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢？结合产品案例体验，今天黑马哥为大家简单梳理一下，列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格，设计时控制好图标规范即可。常见的多为单色（无彩色系、品牌色等），也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样，也是…- 14k
-
为什么国内的UI设计比国外复杂？高手总结了3个深层原因
在接触和学习 UI 设计的时候，我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618，相信大家没少被国产应用的广告“亲切的”问候。 一方面是寻找设计灵感时要做区分，另一方面则是我们学习 UI 时看的书籍，学习的理论、规范，都是由西方国家产出的，而国内设计的方向却和它们背道而驰，用一个词来形容现状，那就是 —— 割裂。 所以在初学阶段，理论学的越多，受到的冲击也就越大，疑问也就越多。…- 6k
扫码打开当前页
微信小程序
关注关注号
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×
