面向界面交互的色彩体系辅助设计技术研究

目的探索界面设计中的色彩体系搭建技术,辅助设计师进行人机交互设计,提升工作效率。方法分析当前互联网产品界面设计中色彩体系的应用场景及其搭建理论和方法。利用Web技术,开发一款快速生成批量色彩以辅助建立色彩体系的工具。工作流程为程序获取到用户的目标主色色值以及预生成的色彩数量,基于HSB色彩模型,生成一定数量辅助色并利用灰度公式自动矫正色彩参数以达到视觉刺激同频,在得到矫正后的辅助色后,通过自动计算色相、饱和度、明度来生成每一个辅助色的序列色板。此外提供用户手动调整自动生成的辅助色的功能,得到的色彩规范可以随着工具的插件版安装至UI设计软件Sketch中,供设计师进行配色工作。结论工具的推出为视觉设计师的色彩体系搭建提供了快速处理能力,其高效性、科学性和便于传播性极大地提高了界面配色的美观性和统一性,有利于构建良好的用户体验,对产品研发团队具有一定的增值意义。

传统纹样的色彩网络模型及配色设计辅助技术

基于传统纹样图库提取色彩特征,并开发了重用方法以辅助设计师。通过两次聚类,从纹样图库中提取一系列特征色。第一次聚类从单幅纹样图片中提取出若干特征色,第二次聚类以对多幅图片进行第一次聚类的提取色的集合为源进行,提取可以代表整个纹样类型的综合色彩意象的若干特征色。在特征色之间建立配色网络:以特征色为节点,以该特征色的出现频率为节点权值,基于同一幅图中的共现频率建立节点之间的连接。基于色彩网络开发了配色设计辅助技术,为设计师推荐最能体现文化原貌的配色方案。基于CorelDRAW平台开发了色彩提取与推荐系统,实现了产品配色方案的自动生成。对平面纹样和产品配色案例进行了应用测试,结果表明该技术可以高保真地在设计中再现传统文化的色彩意象。

基于移动终端的色彩信息交互式即时提取技术

目的基于移动终端以交互式获取的图像,即时提取其色彩构成信息并用于配色设计。方法通过聚类技术对单幅图像的像素值和多幅图像的提取色进行二次聚类,得到综合提取色。用户可选择灰度优先和色相优先这两种色彩提取方式,并指定提取色的数量,为用户提供综合提取色的各色彩分量值以及每种色彩所占比例。然后对苗绣图案进行技术应用验证。结论为设计师产品配色设计的图像灵感来源提供了快速处理技术,并开发了随机配色和基于色彩比例的概率配色这两种后期图案自动配色技术,显著提高了设计师的工作效率。