首页

UI设计如何帮助企业提升产品的高级感

涛涛

完美,不是因为没有什么可以增加,而是没有什么可以减少。

创建美观、可用和高效的UI界面需要花费时间进行设计细节的打磨,本文从视觉和情感化设计两个方面来说说如何提升UI设计的高级感。 

如何找到适合自己公司产品的颜色搭配?

涛涛

这篇教程希望能解决大家在选色上的疑问,更好的引导大家对颜色的理解。

开始阅读前写一个简单注解,文中的互联网安全案例使用的12种基准颜色,不是我搭配出来的,而是在网上找到的传统颜色,案例以最差的颜色为标准,这样可以更好的区分哪些颜色在最不好的情况下可以使用。撞色的搭配不是告诉你哪些案例更好,而是用不同颜色搭配出来的感觉不同。

解锁设计生产力!2025超好用的15个Figma插件

鹤鹤

 
Figma作为一款很受欢迎的设计工具,不仅因为自身强大的功能,还在于其开放的插件生态。本文为你精心挑选了15个超好用的Figma插件,从简化工作流程到激发设计灵感,它们都能助你轻松解锁涉及生产力,让你2025效率加倍!
 
1、
摹客
摹客Figma插件专为提高设计交付效率而生,可以将Figma设计稿一键导入摹客,轻松分享演示,实现在线评审、获取切图标注、版本任务管理等功能,是全面提高设计团队生产力必备的利器!
核心功能:
1)实时预览:设计修改实时同步,团队成员可以实时查看设计成果,快速发现问题并优化。
2)自动切图:自动生成高清切图,支持一键下载不同平台倍率文件,大幅减少重复工作。
3)智能标注:各种标注数据清晰呈现,多种样式代码即取即用,助力前端开发高效还原设计稿。
4)团队协作与版本管理:支持团队协作编辑,记录设计稿的修改历史,让团队协作更丝滑。
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
2、Unsplash
Unsplash插件是Figma社区中备受欢迎的免费图片资源工具,它集成了Unsplash庞大的高质量图片库,用户可以直接在Figma中搜索并插入需要的图片素材,大幅减少查找和下载图片的时间。无论是概念设计还是商业项目,这款插件都能为设计师提供高效的图片支持。
核心功能:
1)一键搜索与插入:通过关键词即可快速查找适配的图片,并直接插入设计稿中,无需切换到浏览器。
2)海量高质量图片:提供来自全球摄影师的免费、高清图片,涵盖自然风光、人物肖像、科技等多个领域。
3)灵活的图片管理:可以根据需求调整图片的大小、裁剪方式以及布局风格,为设计增添更多创意可能性。
获取链接:
https://unsplash.com/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
3、Iconify
Iconify 插件是设计师不可或缺的图标资源库工具,集成了 100 多个流行的图标集,包括 Material Design、FontAwesome 和自定义 SVG 图标。通过这款插件,用户可以快速在设计中添加图标元素,减少制作或寻找图标的时间成本。
核心功能:
1)庞大的图标库:支持超过 10 万个开源图标,涵盖了各种设计风格和应用场景,几乎可以满足所有图标需求。
2)支持 SVG 图标编辑:用户可以在插入图标后直接在 Figma 中调整颜色、大小和其他细节,灵活度极高。
3)高效的搜索与过滤:通过关键词快速定位需要的图标,还可以根据项目需求自定义筛选条件,提升工作效率。
获取链接:
https://iconify.design/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
4、Content Reel
Content Reel是一款专为优化占位内容设计的插件,设计师可以通过它快速添加真实感更强的文本、头像、图标等占位内容,从而提升设计稿的可用性和展示效果。它的灵活性和简洁界面使其成为许多设计师的必备工具之一。
核心功能:
1)多样化占位内容:插件提供丰富的占位选项,包括姓名、邮箱地址、电话号码、头像等,满足各类设计场景需求。
2)自定义数据创建:支持用户上传自定义内容,例如特定的词组或数据集,以更贴合项目需求。
3)一键批量填充:可以选择多个图层,并通过一次点击为它们快速填充相关内容,大幅提升操作效率。
获取链接:
https://contentreel.design/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
5、Stark
Stark 是一款专注于无障碍设计的工具,帮助设计师在项目中轻松检测色彩对比、检查无障碍性,并模拟色盲视角。这款插件对于想要打造更具包容性设计的团队来说,无疑是一个必备利器。
核心功能:
1)色彩对比检查:根据 WCAG 标准,检测设计中的文本与背景的对比度,确保符合无障碍性要求。
2)色盲模拟器:支持模拟不同类型的色盲视角,例如红绿色盲、蓝黄色盲,帮助设计师调整设计以适应更多用户群体。
3)无障碍建议:提供优化建议,例如调整字体大小或颜色搭配,确保设计在可访问性上达到最佳效果。
获取链接:
https://www.getstark.co/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
6、Figmotion
Figmotion 是一款功能强大的动画工具,专为设计师在 Figma 中创建微动画和交互动效而设计。它内置直观的时间轴和动画控制功能,让用户无需切换到其他软件就能完成动效设计,是一款提高生产力的绝佳插件。
核心功能
1)时间轴动画编辑:提供类似于 After Effects 的时间轴界面,方便设计师添加关键帧并调整动画曲线。
2)支持属性动画:可以对图层的位置、透明度、大小等属性进行动画设置,轻松创建流畅的动效。
3)导出与分享:支持导出为 JSON 格式或直接嵌入到开发流程中,方便与开发团队协作。
获取链接:
https://figmotion.app/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
7、Autoflow
Autoflow 是一款专注于优化用户流程设计的插件,通过快速添加连线功能,帮助设计师清晰地展示页面之间的交互关系和用户路径。这款插件极大简化了线框图和流程图的制作流程,是用户体验设计师的必备工具之一。
核心功能
1)快速添加连线:只需选中两个画板,插件即可自动生成清晰美观的连线,节省了手动绘制的时间。
2)高定制性:支持调整线条的样式、粗细和颜色,以更好地适应不同的设计需求。
3)增强团队沟通:通过清晰的交互路径展示,让开发人员和其他团队成员更直观地理解设计逻辑。
获取链接:
https://www.figma.com/community/plugin/733902567457592893/autoflow
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
8、LottieFiles
LottieFiles 插件是一款专为插入和编辑动态矢量动画而设计的工具,允许设计师在 Figma 中轻松浏览、导入并使用 Lottie 动画。它能帮助设计稿更生动直观,同时与开发团队无缝衔接,是动效设计师的理想选择。
核心功能
1)海量动画资源库:插件内置大量免费的 Lottie 动画资源,可以直接搜索并应用于设计稿中。
2)动画预览与编辑:支持在 Figma 内实时预览动画效果,并对动画进行简单的编辑和调整。
3)与开发对接方便:支持将动画直接导出为 JSON 格式,方便与开发团队进行协作和对接。
获取链接:
https://lottiefiles.com/
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
9、Table Creator
这款插件可以创建自定义样式的表格,可以轻松调整大小、编辑并自动调整内容,再也不用手动去绘制表格啦!这款插件同时可以生成表格组件,并且自带自动布局,可以随意添加文本,不用手动调整表格行间距,对于手残党来说方便极了!
1)便捷制表:通过直观界面,用户只需简单输入数据,即可快速创建各类表格,轻松自定义行列数量。
2)样式编辑:提供丰富字体、颜色、边框等样式选项,满足个性化需求,让表格美观专业,适配多种场景。
3)数据处理:支持数据排序、筛选、公式计算,高效分析处理信息,助力用户精准提取关键数据。
获取链接:
https://www.figma.com/community/plugin/885838970710285271/table-creator
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
10、Image Palette
Image Palette 是一款智能提取颜色的插件,能够从任意图像中快速生成调色板。这款插件非常适合需要以图片为灵感创建配色方案的设计师,让配色更加高效和准确。
核心功能
1)快速提取配色:只需导入图片,插件即可自动分析并生成图像的主要颜色调色板。
2)调色板定制:支持对提取的颜色进行手动调整或添加注释,以更符合项目需求。
3)直接应用颜色:提取的颜色可以一键应用到设计稿的元素中,无需中间操作步骤。
获取链接:
https://www.figma.com/community/plugin/731841207668879837/image-palette
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
11、Remove BG
Remove BG是一款专业的背景移除插件,能够帮助设计师一键去除图像背景,生成高质量的透明背景图片。它无需切换到其他图像编辑软件,是快速处理素材图片的利器,尤其适合电商、品牌和营销设计项目。
核心功能
1)一键去除背景:通过 AI 技术快速识别并去除图像背景,无需复杂的操作。
2)高分辨率支持:保留去背景后图像的细节和分辨率,确保在设计中呈现最佳效果。
3)节省时间与精力:直接在 Figma 内操作,无需切换到 Photoshop 等外部工具,大幅提高工作效率。
获取链接:
https://www.remove.bg/zh
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
12、Chart
Chart 是专为设计数据可视化而打造的工具,能够帮助设计师在 Figma 中快速创建各种类型的图表,如柱状图、折线图、饼图等。它的简洁界面和强大功能让设计师无需依赖外部软件,就能轻松完成数据展示设计。
核心功能:
1)多种图表类型:支持条形图、散点图、饼图、折线图等常见图表类型,满足不同场景需求。
2)数据导入支持:可直接从 CSV 文件或手动输入数据生成图表,无需繁琐的数据处理步骤。
3)灵活的样式调整:支持自定义颜色、字体和布局,让图表更符合设计风格和品牌要求。
获取链接:
https://www.figma.com/community/plugin/734590934750866002/chart
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
13、Spelll
Spelll 是一款专注于文本校对的插件,设计师可以直接在 Figma 中检测设计稿中的拼写错误和语法问题,确保文案的准确性。它是一款小而精致的工具,特别适合那些需要频繁处理多语言或复杂文案的项目。
核心功能
1)实时拼写检查:快速扫描设计稿中的所有文本内容,标记拼写错误,避免遗漏问题。
2)支持多语言校对:涵盖多种语言的语法规则,是国际化项目的得力助手。
3)一键修正错误:提供拼写建议,用户可直接选择修正,无需额外手动调整。
获取链接:
https://www.figma.com/community/plugin/754026612866636376/spelll-spelling-grammar-checking-for-figma-figjam
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
14、Blobs
Blobs 插件是一款生成不规则形状的创意工具,帮助设计师快速创建独特的矢量形状,为设计增添趣味性和视觉吸引力。无论是用于背景设计、按钮装饰还是其他 UI 元素,这款插件都能让你的作品脱颖而出。
核心功能
1)一键生成不规则形状:随机生成自然感强的不规则图形,完全无需手动绘制。
2)高度可定制化:支持调整形状的复杂度、对称性和边角弧度,满足多样化设计需求。
3)矢量图形支持:生成的形状为完全可编辑的矢量图层,方便后续修改与优化。
获取链接:
https://www.figma.com/community/plugin/739208439270091369/blobs
解锁设计生产力!2025超好用的15个Figma插件
 
 
 
15、Isometric
Isometric 插件是一款帮助设计师快速创建等距图形的工具。无论是为项目增添独特的三维视觉效果,还是设计流程图或数据可视化场景,这款插件都能让等距设计变得简单高效,是提升作品表现力的好帮手。
核心功能
1)一键生成等距图形:通过选择图层或形状,快速转换为等距视角,省去手动调整的繁琐过程。
2)多样化的视图选项:支持自定义透视角度和深度,满足各种设计场景需求。
3)完美兼容矢量图形:生成的等距图形可以进一步调整,灵活应用于不同项目中。
获取链接:
https://www.figma.com/community/plugin/741184519069077841/isometric
解锁设计生产力!2025超好用的15个Figma插件
 
 
这15款超好用的Figma插件 不仅能帮助你提高工作效率,还能激发更多创意,为你的设计带来全新体验。
如果你还没有尝试这些插件,不妨从今天开始,让它们成为你的得力助手,加速你的设计生产力吧!
作者:摹客设计云
链接:https://www.zcool.com.cn/article/ZMTY0OTgzMg==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

企业为什么需要UI设计?与产品经理的工作差异在哪?

涛涛

本次跟大家分享一下如何避免自己的稿子和原型图过于相似,尤其在原型图已经做的比较好的情况下如何进一步的视觉化。

企业需要怎样的B端设计?

涛涛

B端设计岗位方向的选择占到了70%,C端业务的同质化、行业的萎缩等,导致如今更看重内容为王的时代......
B端设计更加看重设计师对业务本身的理解深度和用户体验维度。为此,通过年前参加起点学院的B端业务设计课程(当前进行中),以此提高自身对B端产品设计的认知和深入理解......
结合历年工作当中接触到的B端产品设计经历和思考,
针对过往项目中某甲方CRM平台进行分析与复盘
产出本篇文章,如有遗漏,请大胆指正。

好的设计原则让您的产品更加统一、协调、高效、专业

涛涛

尼尔森十大设计原则是由著名的用户体验专家、网站设计师雅各布·尼尔森(Jakob Nielsen)提出的。这些原则旨在帮助设计师创建更具用户友好性和易用性的数字产品和网站。
这些原则的来源可以追溯到尼尔森在其著作《使用者体验的十大原则》("10 Usability Heuristics for User Interface Design")中提出的。

大企业喜欢用的配色~

涛涛

你是否不常常为如何配色而烦恼?今天通过几个视觉课同学的作业来给大家分享一些色彩知识,单从色彩来说,我们先来看看修改的前后效果:

图标设计九大统一性

涛涛

最初我总结了5到6个要统一的要素,在最近观察大家的练习之后,扩增到了9个,今天就以线形图标为例,看看我们需要统一哪9个要素!

ui设计公司分享:享受设计的过程而非结果

鹤鹤

廖尔摩斯:享受设计的过程,而非结果!
 
林童:
廖尔摩斯您好,很荣幸可以向您提问,先向大家介绍一下自己吧!
廖尔摩斯:
大家好,我是廖尔摩斯丨设计大侦探,很荣幸能参与到站酷龙门阵的访谈栏目和大家互动。我从大一开始就接触设计了,然后从威客、自由设计师到创办公司运营,再到今天的一人企业,算起来设计职业生涯已经有12年了。
目前的我的职业状态是一人企业,没有员工,就我自己一个人负责企业所有的售前、提案、设计以及运维。另外我还和几个朋友一起打造了一个体验社区,CXHub,欢迎喜欢用户体验设计的朋友常来逛逛!
 
林童:
能否简要介绍一下您的职业背景以及您是如何踏入UI设计这一行的?
廖尔摩斯:
我从2005年开始接触互联网,从那时起就对互联网技术产生了巨大的热情。2008年上大学后开始自学Photoshop软件,当时便下定决心要成为一名设计师,虽然对这个岗位其实还没啥概念。不过很幸运的是,当时有一个很特殊的网站——猪八戒。所以我很快就能通过设计去这个网站接单赚钱,最终也依靠从这个平台积累的客户让我一毕业就开始全职做自由设计师。
也是因为这样职业背景的原因,我所接触的客户、行业以及工作内容最初都是比较杂乱的,从最初的淘宝装修、电子画册、平面设计、网页设计,最后到UI设计,我才发现我最喜欢的工作其实是产品设计,这个岗位也最适合我的个人能力。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在您的设计生涯中,有哪些项目或经历对您影响最大,为什么?
廖尔摩斯:
从业十二年,大大小小的项目算起来也有上百个了。不过对我影响最大的项目应该是21年初公司的自营项目,一个SaaS产品的设计开发。
之所以影响最大,是因为这个项目是我们当时公司生存的赌注。很不幸的是,我们赌输了,这次失败也让我彻底去反思过去在外包行业的发展,这个行业是否还有前景,以及我自己的未来发展应该如何规划。
我也是从这个时候成为一人企业的,当我和伙伴们吃完散伙饭,我感觉自己也失业了。我在2022年开始做大量的产品拆解,最大的目的就是想系统的研究这些优秀的产品是如何设计的。
 
林童:
在设计用户界面时,您通常遵循哪些基本原则或理念?
廖尔摩斯:
其实无论是平面还是UI,亦或是其他终端的产品,甚至工业设计,我觉得设计必须要遵循的最基础原则是《写给大家看的设计书》一书中 Robin Wiliams列举的四个原则——对比、重复、对齐和亲密性。其次就是尼尔森十大可用性原则,特别是对于Web、APP以及其他终端需要强高频交互的数字产品。不过我觉得设计师应该遵循的最大设计原则是——
无论何时,任何设计,都要尝试做得更好!
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在用户体验(UX)与视觉设计(UI)之间,您如何平衡两者的重要性?
廖尔摩斯:
引用李斌老师在《这才是用户体验设计》一书中提到的UX和UI的区别,那就是UX关注的是人、幸福、需求、效率这些宏观的问题,而UI更关注导航、菜单栏、搜索框这些微观的问题。但我认为一个合格的、优秀的设计师,都必须要掌握UX和UI的知识,我觉得未来的国内企业环境对设计师的要求不会那么宽松了,UI设计师必须要参与到业务场景的调研和产品分析中去,这样设计出来的产品界面才会有灵魂。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
在设计初期,您如何进行用户研究和需求分析,以确保设计方向正确?
廖尔摩斯:
关于用户研究的方法,其实很多,比如焦点小组、问卷调研,这些我就不介绍了。不过我觉得如果要真正设计好一款产品,不管是产品还是设计师,都应该深入到用户真实使用的场景中去模拟、去感受,这样才能理解用户到底需要什么、如何操作、如何完成。
 
林童:
在您的设计实践中,遇到过哪些最大的挑战?您是如何克服这些挑战的?
廖尔摩斯:
我觉得技能上的瓶颈或者困惑都只需要时间就能解决,但让我真正失落的其实是设计这个环节在产品设计研发中的被轻视
比如UI设计,它其实是处于整个产品研发的中间环节,有时候显得可有可无,甚至很多时候连客户自己都不是很在意了。这对我个人来说,曾经是一个非常大的职业困惑,那就是设计还重要吗,设计还有意义吗?所以我这几年去看了很多商业、产品、交互、开发甚至营销的书籍,就是带着这个困惑去寻找一下答案。
如果要问我答案,我只想说,无论任何产品,任何行业、任何项目,设计其实是最重要的,只是这个“设计”并非只是UI设计,而是一个全链路的设计,包括定位、商业模式、终端产品、交付内容、运营以及售后服务等等。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
您认为当前UI设计领域中最值得关注的发展趋势是什么?
廖尔摩斯:
技能层面,肯定要关注AI的发展,比如Midjourney这些工具,我们必须要去研究熟悉。不过我认为更应该关注企业端对UI设计师全链路的设计需求,也就是懂产品、懂交互的UI设计师。从我自身的角度出发,如果让我现在重新去组建公司,我不会要一个纯UI的设计师,我一定要找一个全链路的UI设计师,这样他才能独立负责完一个较完整的工作,即便我可能会给这个设计师开两份工资。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
随着技术的进步(如AI、VR/AR),您如何看待它们对未来UI设计的影响?
廖尔摩斯:
未来3-5年,数字产品的终端将会发生很大的改变,但是不管是更大还是更小,对于产品设计师来说,除了关注这些新技术的发展,打好自身的设计基础其实显得更重要,因为任何终端的设计,都需要遵循最基础的设计原则,如果你不掌握这些最基础的设计知识理论,哪怕你再熟悉这些设备,你都无从下手。
廖尔摩斯:享受设计的过程,而非结果!
 
 
 
林童:
对于希望进入UI设计领域的新人,您有哪些建议或推荐的学习资源?
廖尔摩斯:
如果不是发自内心的热爱设计,不建议进入这个行业了,因为太饱和了,现在失业转行的设计师太多了,而且企业的需求也没有那么旺盛了。不过如果你真心热爱设计,那么我建议你一定要做长期的规划,如果你还是大学生,可以从现在就开始学习,不管是报班还是自学,要有决心、有毅力去学习。至于学习资源,现在其实教程很多,不管是站酷还是其他平台,图文还是视频,都有很多免费不错的教程,经济如果跟得上,就可以花钱买一个好一点的系统课程。
 
林童:
在设计灵感枯竭时,您通常通过哪些方式寻找新的创意和灵感?
廖尔摩斯:
临摹就是最好的老师,也是最好的创意来源。假如你不知道如何下手,就去临摹头部竞品、直接竞品,这样你的灵感很快就会出现。
 
林童:
有没有哪位设计师或设计作品对您的设计风格产生了重要影响
廖尔摩斯:
韩雪冬老师是对我影响比较大的一个设计师,他在网页设计视觉方面的造诣,是我们那个时代年轻设计师膜拜的偶像之一。其次还有李浩(站酷ID:动不动就饿),他对设计的态度和追求深深影响了我,让我坚信设计的力量,以及给自己定下一个非常高的标准。
 
林童:
您对未来几年的UI设计行业有何预测或期待?
廖尔摩斯:
UI设计不会消亡,虽然现在大家都不看好这个职业了,但是UI设计将会发生彻底的改变。它将会向国外企业对这个岗位的要求看齐,那就是UI设计师绝不是一个独立的设计执行工作,它需要设计师具备商业、产品、交互的能力,在产品设计研发的链路中,为商业决策、运营等发挥重要的作用。请相信,
只有优雅的产品才能称为伟大,而缺少美,就不能称为优雅!
 
林童:
最后有什么话要送给站酷的设计小伙伴吗?
廖尔摩斯:
以前从未思考过作为一个设计师,也应该要去树立自己的设计愿景和价值观,直到这两年才猛然醒悟,这些看上去或许比较虚的东西,其实是真正支撑一个设计师能走多远的秘诀,正如甲骨文创始人拉里·埃里森在他人生最低谷时候写给自己的这句话——
成功,是由信念推动的!
 
所以在设计行业如此低迷的情况下,我希望给站酷的设计小伙伴们分享我花了12年才感悟出来的设计价值观——
享受设计的过程,而非结果!
廖尔摩斯:享受设计的过程,而非结果!


作者:站酷专访
链接:https://www.zcool.com.cn/article/ZMTY1MDE2MA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档