Axure设计案例——自定义色板颜色选择器

本案例使用Axure交互设计自定义色板实现颜色选择动态交互元件。通过点击颜色选择框下拉展示自定义色板，鼠标可选择自定义色板上任意颜色表示选中，回显选择框颜色色值。这里设计了两种UI样式的颜色，我们知道Axure 9没有提供直接设置字体颜色、背景颜色的方法。下面就通过JavaScript来设置DOM标样式改变背景色、字体色。

下面请看实现效果：

原型预览（如需原型请咨询下发公众号）：

https://avr3we.axshare.com

Spring UI Web端高保真动态交互元件库是一款专为Web设计与开发领域打造的Axure交互元件集合。它全面且易于使用，能够帮助设计师快速构建出功能丰富、界面美观的原型。通过使用这款元件库，设计师可以显著提升设计效率和质量，让原型设计过程更加轻松、愉快。如果你正在寻找一款高效的Axure交互元件库，那么Spring UI绝对值得一试！

 -- End·往期推荐---

110套Axure数据可视化大屏模板+图表组件+科技感元件资料-CSDN博客

SpringUI：Axure设计师的高效交互元件库-CSDN博客

 EQL UI元件库：Axure设计师的高效利器-CSDN博客

 Axure实战：智慧水务管理系统原型设计速览-CSDN博客

 高保真动态项目管理图表集-CSDN博客