夜雨聆风学习资料网

ARTICLE · 981551

UX系列教程(六)| UX+双插件,让设计效率全面提升

UX系列教程(六)| UX+双插件,让设计效率全面提升

设计稿已经完成,却突然被通知要整体换色;想加入3D效果,不得不在多个工具之间来回切换——这两类常见的需求,往往要消耗大量时间和精力。前者需要逐层修改、反复检查,后者则涉及跨工具制作、导入和后续调整,一不小心就会拖慢设计节奏。

如何把这些繁琐操作变得更简单?以UX强大的设计与协同能力为基础,来自江西电信信息产业有限公司(简称“江西信产”)的贺钰进一步开发出“一键改色”和“UX-3D”两款插件,分别针对界面换色和3D元素制作两大高频场景,让设计师少一些重复操作,把更多时间留给真正的设计工作。

实战场景一:“一键改色”插件,提升界面换色效率

当已经完成的界面需要整体调整色系时,传统方式通常需要对不同图层逐一修改,尤其对于页面数量较多、交互状态较复杂的项目而言,整体调整的工作量较大。借助“一键改色”插件,设计师可以直接在UX中对界面色彩进行统一调整。

1.打开插件:点击也面顶部栏“插件”-“一键改色”即可打开插件面板;

2.一键改色:选中待改色的页面元素,拖拽“一键改色”插件面板上的圆形锚点,即可实现自定义改色。

通过插件操作,页面中的主题色、交互元素、按钮及高亮状态等可以进行全局替换,同时对文字与背景之间的视觉对比关系进行处理。

相比逐层查找和手动修改,这种方式可以显著减少重复操作。原本需要较长时间完成的整体换色工作,可以通过插件快速完成,使设计师将更多精力投入方案优化和设计判断,而非机械性的图层调整。

“一键改色”插件应用效果

实战场景二:UX-3D插件,减少跨工具操作

在3D地图、3D图标等视觉内容的设计过程中,传统方式通常需要借助Adobe Illustrator等其他工具完成制作,再将相关素材导入UX继续进行界面设计。“UX-3D”插件实现将3D效果设计与编辑能力直接引入UX。

1.打开插件:点击也面顶部栏“插件”-“UX-3D”即可打开插件面板;

2.编辑3D效果:选中矢量形状后,拖拽“UX-3D”插件面板上出现的预览3D图形调整效果,点击“生成矢量图形”即可快速生成可编辑的3D效果图形。

通过插件操作,设计师无需离开当前设计环境,即可完成对3D元素的透视、厚度、角度等效果调整,并与现有界面设计同步完成。

这种设计方式减少了不同软件之间的切换,也降低了素材反复导出、导入所带来的操作成本。尤其是在后续需要修改视觉效果或调整设计方案时,可以直接在UX中完成迭代,使整个设计过程更加连贯。

“UX-3D”插件应用效果

UX与“一键改色”“UX-3D”插件相结合,进一步完善了从界面设计到效果调整的工作流程。通过将高频设计需求集成到UX环境中,可以减少重复操作和跨工具协作成本,使设计流程更加集中、高效。

如果你也希望告别繁琐的重复劳动,享受纯粹、高效的设计乐趣,就赶快把这套组合拳用起来吧,让设计回归创意本身,让效率原地起飞!

欢迎关注转发“中国电信研发云”公众号

为您带来更多研发干货!↓↓↓

供稿 | 贺钰

编辑 |王凯雯 孙永健

校对 | 李银鑫
审核 | 龙显军 董智明

相关学习资料