-
界面平淡无亮点?掌握这 3 招,轻松打造高级感界面
工作中,咱们每个人或多或少都会碰上极简风格的设计,但很多朋友都会有一个疑惑:为啥别人的界面舒服又高级,但我却做不出人家的感觉呢? 其实,极简风格也有一定的套路,今天我会以一套手表 UI 为例,从造型、色彩、排版 3 个点与你分享。 一、造型 1. 造型简洁,以基础型为主 画面中的图形元素,不要选太复杂的造型,咱们优先挑选一些偏基础型的图形作为主视觉,这样能保证咱们的页面风格不会出现大的问…- 11k
-
如何打造品质感的UI界面?
前段时间做了张黑金页面,整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」,整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果: 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面,主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢? 我有几个点可以跟大家分享一下: 黑金页面颜色选取…- 5k
-
作品总是没细节怎么办?实操案例带你掌握高手的优化技巧!
本次优化案例主打一个关注细节,一起来看看吧。 先来看看优化前: 再来看看优化后: 优化后是不是看上去顺眼很多?一起来看看都有什么干货吧! 方向一:优化顶部 第 1 步:区分顶部卡片和背景 优化前的顶部卡片和背景糊在一起了,我们要做的是通过给顶部卡片加底色把它们区分开来: 第 2 步:给人物视觉元素调色 优化前的人物元素色调过于苍白,我们需要调节饱和度,曝光等使其视觉效果饱满: 第 3 步:优化排版…- 2.7k
-
大厂实战!设计师如何让直播间数据翻倍?
一、市场环境 流量平台方面:2022 年 1 月 26 日,覆盖蓝领群体的短视频平台快手推出了蓝领招聘业务“快招工”,现升级为“快聘”,开始构建以信任为中心的蓝领招聘关系和直播带岗模式,为用工企业和蓝领用户搭建就业平台。2022 年下半年,抖音开设“直播招聘白名单”,允许直播代岗。招聘行业得到流量平台大力支持。 企业+服务商方面:目前有多家企业和服务商都开始加入直播招聘,如比亚迪、富士康、TCL、…- 4k
-
作品集平平无奇?4个方法帮你快速提高层次感!
设计本身做得很好,一到包装就卡脖子了? 很多人可能都会出现这个问题,自己的作品集做完总是看起来很土或者是做不出来细节,看起来很平没有层次感,甚至包装完之后还让自己的作品大打折扣。 那可能是因为你没注意这些基础细节! 基础做好,即使没有花里胡哨的炫技排版,也能让你的作品集看起来更专业更整洁。 一、文字加层次 先看优化前后对比: 优化前的展示比较平,整体都没有层次区分,包括文字信息层面也仅有标题一个层…- 3.7k
-
让作品集快速上档次的包装技巧
最近在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的需求分析,包装的就不太行: 有点太随意了,包括文字的排版,还有标题前面的两个圆圈: 如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉: 这时候我们可以想办法加点颜色区分,比如用产品的主色: 然后可以再给圆圈里面加点…- 3.8k
-
设计被说不够精致如何提升?4个实战案例带你进阶!
在上期有关设计“精度”的文章发布后,我们收到了大量设计师的积极反馈,很多读者表示通过简单的细节调整,确实提升了作品的视觉品质。 所以今天,我们带着精度优化指南 2.0 来啦,聚焦那些容易被忽略,但能提升视觉效果的设计细节,快快学起来吧! 老规矩,上干货! 一、按钮精度 当你的按钮做成这样被客户说“不行,这样也太普通,太随意了”,你是否没有头绪该如何优化? 不慌!我们带着精度提升小技巧来了,先看看局…- 5k
-
简单易学出效果!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.9k
-
做了1000多天的项目,终于把吉祥物设计流程搞清楚了!
我们做一组吉祥物,无非分为三个步骤:设定、延展、包装。 设定需要你的创意 延展需要你的张力 包装需要你的审美 那分别如何去实现呢,今天我来和大家分享一下。 一、设定-需要你的创意 其实在吉祥物设定阶段,有很多种创意方式,我们经常用的有三种:组合、行业、谐音 组合其实就是将两个不相干的事物组合到一起,比如像20世纪50年代“综合艺术”的代表作。艺术家将一只完整的安哥拉山羊标本穿过一个汽车轮胎,放置在…- 4.3k
-
想快速进阶?先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力,能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到,因为看到任何设计都会形成自己的个人感受,只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上,进一步用专业的思路去分析它,形成相对客观的结论。 不是说主观观点就没用,而是作为专业人士看到设计作品时不能只会情绪输出,还必须掌握专业的分析和辨识能力。 …- 5k
-
设计被说不够精致如何提升?实战案例来了!
“这个设计感觉不够精致啊...”——作为新人设计师,你是否也经常听到这样的反馈?明明熬夜改了几十稿,却总被说“差点意思”;照着大厂设计做,却显得生硬呆板。 其实,90%的“粗糙感”都来自容易被忽略的细节。今天我们拆解案例,教你用最小修改成本实现设计质感的飞跃。无需复杂技巧,看完立刻能用! 直接上干货 1. 图标精度 这是不是你画的图标?造型基本 OK,加了渐变,加了装饰元素,也加了描边;但是依然差…- 5.3k
-
如何专业的搭建色彩系统?6个步骤讲清楚
一、什么是色彩梯度? 一个色彩梯度,可以理解为一个色彩范围,指的是颜色如何以平滑和连续的方式从亮过渡到暗的视觉表现。 在设计系统中会用色彩梯度来创建颜色目录,然后用这些不同的色彩值应用到不同的设计元素,交互状态,插图以及其他一些品牌设计资产。 以单色紫色以及它的色彩梯度为例,500 标记的是它的品牌主紫色 1. 从品牌色开始 一旦你确定了你的品牌色板,就可以开始创建色彩梯度了。这个目标一般不会改变…- 5.5k
-
10个产品细节剖析,看看高手如何做好设计!
在产品设计中,有时候打动用户的就是一个小小的设计细节,就能带来亿点点惊喜。可能是一句情感化的文案,也有可能是差异化的操作体验,或者就是一个突出的视觉表达等,就能引起用户的共鸣。 本期就给大家筛选了十个带给用户惊喜的设计案例,希望可以激发大家的设计思维,我们共同进步。 一、趣味性的二层楼设计 利用下拉刷新进入二层楼的设计已经被广泛运用,无论是功能推广还是营销活动,都十分常见,创意方式也是层出不穷。 …- 2.9k
-
超多案例!常见的 10 大图标设计风格科普
图标是产品中不可或缺的部分,随着设计趋势的不断变化,图标设计风格也在不断丰富。在产品中会出现哪些常见的图标设计风格呢?结合产品案例体验,今天黑马哥为大家简单梳理一下,列举出常见的 10 个图标设计风格。 一、线性功能图标 线性功能图标是产品中最常见的风格,设计时控制好图标规范即可。常见的多为单色(无彩色系、品牌色等),也有用品牌色作为点缀色的案例。 二、面性功能图标 面性功能图标与线性风一样,也是…- 14.9k
-
为什么国内的UI设计比国外复杂?高手总结了3个深层原因
在接触和学习 UI 设计的时候,我们都必须面对国内外 UI 设计风格差异巨大的问题。比如最近 618,相信大家没少被国产应用的广告“亲切的”问候。 一方面是寻找设计灵感时要做区分,另一方面则是我们学习 UI 时看的书籍,学习的理论、规范,都是由西方国家产出的,而国内设计的方向却和它们背道而驰,用一个词来形容现状,那就是 —— 割裂。 所以在初学阶段,理论学的越多,受到的冲击也就越大,疑问也就越多。…- 6.8k
-
Figma 组件化设计入门!NO.05 发布共享组件库
一、关于教程 欢迎来到涛哥UI设计,这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。 本节课将教大家如何在 Figma 中使用、发布和管理组件。 二、教程简概 详细操作请看文章开头的视频教程演示。 #01 如何添加组件库 进入Figma社区,搜索需要的组件库,如iOS的UI组件库。 找到合适的组件库后,点击“Open in Figma”将其导入到Figma中。 将导入的组件库拖入…- 40.3k
-
AI 会取代画图标的UI设计师吗?看完这篇实测我放心了!
用过 AI 生图的设计师应该都有这样的体验:越抽象、越极简的描述,反而越难生成满足需求,例如图标。 尤其对于 UI 设计师来说,icon 是最基础、也最高频的视觉资产:导航栏、金刚区、工具栏等都离不开它,尤其在移动端项目里,简单轻爽、风格一致性是刚需。 最近我集中测试了几款 AI 生成工具,发现图标生成普遍存在 3 个痛点:风格偏 2.5D、写实、轻拟物等,这些图标风格更偏向 C 端,但是对于 B…- 4.1k
-
优秀B端表格设计的8大技巧+50条细节
表格在 B 端设计中跟吃饭一样常见,哪哪都是它,只要 B 端产品还活着,就有它的身影,它必须依附表格而很好的活着,B 端产品就是为企业降本增效的,很多数据都需要依靠表格才能很好的进行可视化呈现,同时表格也被公认为是展示结构化数据最为清晰、高效的形式,很多 B 端用户都是数据控、性能控,他们非常的在意数据,所以聊 B 端,少不了聊表格,因为表格是数据收纳的最好容器,下面我们就来细细聊聊表格中有哪些颗…- 10k
-
0分钟画完大厂图标!拆解京东外卖的轻拟物图标设计思路
在新的图标课程中,我们打算更贴合真实项目中的场景,以解决工作中的图标绘制需求为目标规划内容。所以文章中讲解的图标设计案例,都会选用已经上线的大家最感兴趣的真实案例。 而今天我们选择讲解的案例,就是近期的焦点应用京东外卖首页中的快速入口图标。 一、轻拟物图标的基本认识 既然要完成它的设计,首先就要先分析它们的设计风格和特征,这类图标属于 “轻拟物” 风格。 轻拟物是拟物风格的变体,而拟物风格是模拟真…- 7.8k
-
如何提升图标设计质感?两招教你搞定!
今天有同学的作业画了一个唱片机,有很多的问题,我们来看一下。修改前: 修改后: 给家分享一下修改的心得和注意事项。 一、结构比列 我们先从结构比例上来观察,唱片的大小不合适,超出了唱片机的范围。唱片也没有厚度,显得很单薄。最后是唱片机的高度很低,这样导致了最后的整体效果有些扁扁的,不够饱满的和立体: 所以我们需要把这些比例问题先调整出来。收回唱片的范围、增加唱片的厚度、增加唱片机的高度: 通过结构…- 5.5k













