-
界面平淡无亮点?掌握这 3 招,轻松打造高级感界面
工作中,咱们每个人或多或少都会碰上极简风格的设计,但很多朋友都会有一个疑惑:为啥别人的界面舒服又高级,但我却做不出人家的感觉呢? 其实,极简风格也有一定的套路,今天我会以一套手表 UI 为例,从造型、色彩、排版 3 个点与你分享。 一、造型 1. 造型简洁,以基础型为主 画面中的图形元素,不要选太复杂的造型,咱们优先挑选一些偏基础型的图形作为主视觉,这样能保证咱们的页面风格不会出现大的问… -
顶尖大厂的资深设计师是如何成长的?收下这5条加速法则!
当我们的工程副总裁询问如何提升工程师的设计技能时,我以「每日五小时冥想与禁食」作为开场回应。其实,这当中毫无疑问是有很多其他秘诀的。 以下的内容,我将完整呈现五大核心原因,这些方法曾帮助我在苹果与 Meta 培养出超越同行的设计精英团队。也许,这也是你一直在好奇的事情。 原因1:完整产品周期的实战锻炼 当前设计教育体系存在结构性缺陷,训练营与大学课程过度聚焦工具教学而忽视真实的实践场景。课程内容虽… -
设计师必须要掌握的字体设计基础知识
我们常常会看到一些字体,存在着各种各样的问题,很大原因就是对一些汉字的基础知识不够了解所造成的。 万物皆有本源,字体也一样,今天我们看到的千变万化、形式各异的字体,都离不开文字本身的根基,脱离了这个根基去做字体,往往难以做出成功的作品,就像练武需要有基本功一样,文字的基础知识对于做好字体,有着不可或缺的作用。 一、骨骼与体饰 “骨骼”即字体的内在间架结构,是决定字体内在气质以及是否美观的基础性因素… -
亿万人在用的58 APP,如何做视觉语言升级设计?
随着市场的不断变化和竞争的日益激烈,生活服务平台的更新迭代早已不再是单纯的“功能叠加”。对于 58 同城这样一个深耕国内市场多年的平台来说,每次改版都是一次“挑战与机遇并存”的自我更新。今年,正值 58 同城企业文化焕新之际,我们迎来了产品的全面升级。 此次改版的核心目标非常明确:我们不仅要进行改版,更要通过精准的设计提升用户体验,以吸引更多新用户。特别是在这个“流量见顶”的时代,如何借助改版吸引… -
6个产品细节剖析,看看高手是如何做设计的!
1. 大众点评-榜单入口的巧妙设计 大众点评首页榜单入口巧妙运用动画,在有限的区域内强化了用户对必吃榜的品牌认知。 动效吸引:首页榜单入口使用翻页动画,吸引用户注意。翻页效果及标签出现的动画一气呵成,翻页的过程能够激发用户的期待感,提升他们对榜单内容的兴趣。 品牌感知强化:通过动效效果,在有限的区域内展示大众点评必吃榜品牌,有效强化了用户对必吃榜的品牌认知。 2. 腾讯地图-美观与实用兼得的动效设… -
面试官说UI界面没亮点?试试这3个方法!
UI 设计界面不像运营视觉的页面,它没有那么多强视觉、花里胡哨的东西,我们大多时候需要在排版上发力,整合组织信息,只为了能更好地服务用户使用页面中的功能。 当然在页面上还可以增加更多的设计细节,那怎么去丰富这些特别的设计细节呢?这里就跟大家分享三个方法,分别是异形、破界、分割。 一、异形 将常见的图形做一些变换,让它的形状不常规,是丰富页面设计细节快速又有效的方式。 这里分享四种异形卡片的做法: … -
配色有困难?看完这个文章马上解决~
今天要讨论的话题主要是关于图片色彩分析的,学会分析图片色彩后能够有效的提升设计与素材图的融合度,同时也能给我们很多的配色思路,好啦闲话不多说下面开始今天的内容。 首先我们先来说说什么是色调。我们看图片不能通过具体的颜色去判断这个图片的色彩情绪是什么,而是要通过色调去判断。打个比方,如果是植物当然好说绿色为主,你说他表现生命健康都可以,但如果是一个彩虹呢?那显然颜色就太多了对吧。 色调指的是图片整体… -
保姆级教程帮你掌握「用户体验要素」
一、什么是<用户体验要素> Jesse James Garrett 在 2007 年出版了《用户体验要素》一书,提出了从 5 个要素自下而上的建设用户体验。五要素分别为:战略、范围、结构、框架、表现。 战略层关注的问题是为什么做?—— “我们为什么要开发这个产品?” 范围层关注的问题是做什么?——“我们要开发的是什么?” 结构、框架、表现层则需要解决怎么做?——“我们如何达到上述抽象层… -
用多个实战案例,帮你掌握配色的三个要点!
你是否常常为如何配色而烦恼?今天通过几个视觉课同学的作业来给大家分享一些色彩知识,单从色彩来说,我们先来看看修改的前后效果: 怎么样?是不是感觉仅仅通过对同学配色的调整,我们画面的不仅变得更好看统一,并且画面也都高级了许多? 这里面其实蕴含了很多知识点,其中比较关键的有三个的知识点分享给大家。 一、色相呼应 我们一个画面里面如果有了一个颜色,那这个颜色就不能只有一个,而是要在画面里有第二个,或者第… -
7个用户心理模型+6个行为模型
一、用户心理模型 1. 用户心理模型是什么? 用户心理模型是用户对产品如何运作的一种假设或预期。它基于用户的过往经验、直觉、认知能力以及对类似系统的熟悉程度。这种模型决定了用户在面对新产品或界面时,会如何使用、理解和解决问题。用户心理模型影响着他们的操作习惯和期望。如果产品设计与用户的心理模型相匹配,用户会觉得操作“顺理成章”;如果不匹配,则可能导致迷惑、挫败感,甚至放弃使用。设计师的目标是尽量贴… -
如何打造品质感的UI界面?
前段时间做了张黑金页面,整个过程可概括为起起落落落落落起。 从「纠结颜色如何选取」 到「画面没有精致感」再到「觉得没有品质感」,整个过程中都在不断地自我审视以求达到最佳。现在就请大家来看看最后产出的效果: 黑金风格的页面往往用在 VIP、榜单、颁奖类的页面,主打一个尊贵、精致、高端、荣誉…… 怎么在页面中打造这种尊贵、精致、高端、荣誉……的感觉呢? 我有几个点可以跟大家分享一下: 黑金页面颜色选取… -
如何专业的搭建色彩系统?6个步骤讲清楚
今天和大家聊聊颜色系统,在做一套新产品的色彩体系时,大家常常需要解决一个问题,那就是颜色梯度,也就是色卡制作。如何从品牌色开始建立一套科学的调色板?这篇文章尝试解决这个问题。 无论你是一位需要从 0-1 制定色彩系统的品牌设计师,还是在一个已有设计系统的产品设计师,都需要掌握如何更加专业的创建设计系统中的颜色梯度。 一、什么是色彩梯度? 一个色彩梯度,可以理解为一个色彩范围,指的是颜色如何以平滑和… -
3个章节帮你掌握用户目标与交互目标
一、用户需要达成什么目标 在交互设计中,用户的目标可以理解为他们希望通过使用产品完成的事情。换句话说,就是用户打开你的产品时“心里想要达成的事”。这个目标可能是很直接的,比如在外卖 App 上订一份喜欢的午餐;也可能是抽象的,比如通过一款学习软件提升自己的外语水平。无论目标是什么,用户都期望在操作的过程中高效、顺畅且愉快地达成目标。 交互设计的核心,就是帮用户拆解这些目标并找到最优路径,让他们觉得… -
让作品集快速上档次的包装技巧
最近在给大家批作业的时候,发现很多同学对于包装审美还是差一些,课上给大家实操了很多案例,今天给大家分享几个,比如一组的需求分析,包装的就不太行: 有点太随意了,包括文字的排版,还有标题前面的两个圆圈: 如果我来包装的话,一定要加点修饰,不能只是文字,比如加点图标或者加点卡片,我可以先把卡片加上,这样会更加有聚焦的感觉: 这时候我们可以想办法加点颜色区分,比如用产品的主色: 然后可以再给圆圈里面加点… -
5个产品细节剖析,看看高手是如何做设计的!
5个新鲜出炉的设计案例,来自得物、微信、天猫等大厂的产品设计细节,每一个都值得点赞! 案例分享 1. 得物-七夕礼物季 得物 App 针对七夕场景,推出七夕礼物季,贴心解决用户需求。 命中用户需求:切入七夕前用户还未买礼物的场景,推出“七夕急救好礼”,打次日达的卖点解决用户需求,结合晚到必赔保障,让用户放心把买礼物的需求交给平台,很贴心。 吸引用户注意:活动头图展现国风花鸟动画,结合立体建模的创意… -
10个别出心裁的LOGO设计妙招
在当今品牌竞争激烈的时代,一个独具匠心的标志不仅能在瞬间抓住消费者眼球,更能传递品牌的核心价值与文化内涵。 今天分享 10 个不按套路出牌的“logo 设计妙招”,另附两个经典案例,助你在创意迸发的同时也能找到实际应用的灵感! 一、极简主义设计:少即是多 在纷繁复杂的信息时代,一个极简的 logo 能快速传达品牌理念,通过精简的图形、干净的线条和简约的色块设计,使标志更易于识别与记忆。 案例参考 … -
想快速进阶?先学会有理有据分析UI界面
一、界面的问题分析能力 首先做 UI 我们肯定需要具备一定的界面分析能力,能对界面的好坏形成客观和主观的不同理解。 主观分析任何人都可以做到,因为看到任何设计都会形成自己的个人感受,只要把这些感受总结出来就行。而专业的设计师懂得如何在主观基础上,进一步用专业的思路去分析它,形成相对客观的结论。 不是说主观观点就没用,而是作为专业人士看到设计作品时不能只会情绪输出,还必须掌握专业的分析和辨识能力。 … -
用户体验设计面临生存危机?
其实,这并非第一家大型外企撤离中国,也不会是最后一家,那些被誉为“职场打工人的天堂”的外企,纷纷解散中国地区业务和团队,拿到丰厚的大礼包的打工人是悲还是喜呢? 字节大裁员,再无 UXUI 设计师,这只是开始! 持续不断的裁员(国内外知名企业纷纷关停不盈利业务部门),先进技术的出现(人工智能席卷各个行业领域),全国设计师的激增(大量国内外设计专业毕业生流入市场),万万没有想到,随之而来的竟然是,用户… -
新手设计师想快速成长,先深入研究这4个高质量的 B 端产品!
查看高质量的 B 端产品,是我认为对于新手设计师成长最快的方式。 就像你做 C 端产品一样,会让你首先去使用大量的行业产品,在 B 端产品当中我们也同样需要去做。但不同的是竞品很多,门槛很高,而且很多设计师的分享水平不一,导致很多真正优质的产品被各种信息流给淹没。 今天要给大家推荐 4 款我认为非常优质的 B 端产品,它们无论是视觉还是交互,我都认为是非常不错的学习对象,并且会保证这些产品大家都可… -
2D图快速变3D!比 AI 更可控的神级插件Vector to 3D
一、Figma 插件 介绍一款 Figma 插件 Vector to 3D。与 C4D 和 Blender 这类专业的三维软件相比,它在 Figma 环境中直接运行,无需切换软件,极大地提高了工作效率。对于熟悉 Figma 操作的设计师来说,上手更为迅速,减少了学习新软件的成本。而且,它能与 Figma 的二维设计流程紧密结合,实现二维到三维的无缝转换。 与 StableDiffusion 和 M…