论青花元素在UI设计中的应用

李昶辉 潘玲霞

景德镇陶瓷大学 江西景德镇 333000

一、青花元素来源

青花元素，是一种由青花瓷衍生而来的中国传统文化的象征性元素，具有很强的辨识度，通过视觉符号呈现。青花瓷的色彩青白相见，给人明净、素雅的感觉。纹饰简练质朴，经常采用具有美好寓意的纹样[1]。青花分水技艺是青花料与茶叶水搅拌后在素坯上进行勾线填色的画法 。在UI设计上，青花独特的色彩体系、烧制与器形纹样成为具有创新性的设计模式。

二、青花运用在UI设计中的普适性元素

青花瓷按照陶瓷材料质地、陶瓷造型和装饰的不同，精炼出青花元素，包括装饰结构、装饰色彩、装饰技法，结合UI设计所追寻的扁平化设计方式，就青花元素能运用在UI设计中的普适性设计元素进行总结分析。

（一）装饰结构

青花装饰结构指装饰形象在器物上的排列组合形式，有边缘、中心、单独、综合纹样，以及通景式、分隔式、环绕式结构等[2]。青花装饰结构格外注重“密不透风，疏可走马”。环绕式的青花装饰形象组合形式增强了装饰面的逻辑性，首尾相接的装饰形象加紧了视线的专注度，通景式的装饰形象组合充分给予设计者更高的创作自由度，能丰富展现装饰形象在器物上的生命力以及创作者的设计灵感和审美取向。分隔式的装饰结构凸显了有序性，突出了装饰主体视觉，使整体装饰和创作者的精神、审美追求得到有机的统一。

(二)装饰色彩

装饰色彩是利用色彩的明度、色相、纯度的千变万化来美化装饰形象。青花最初出现于唐宋时期，青白二色与胎釉结合乳浊感强，发展至元代青花，构图丰满自由，渲染勾勒粗壮沉着，艺术风格表现疏淡空灵、虚实相间的装饰面貌。明初期间，青花出现晕散技艺。到永乐、宣德开始使用苏泥勃青料，青花发色较浓艳，铁锈斑痕重。清代的青花瓷发展至巅峰，康熙青花多与“珠明料”绘制，呈色干脆明快，纹样以山水、人物为主题，利用“分水”法进行描绘，吸收国画“墨分五彩”意境，两系色相扩展图案内在特性，通过水墨画中干湿浓淡焦理论，取代了五彩斑斓的色阶，呈现了中国古典文化的淳朴与调和，装饰形象更细腻。雍正青花质地清白，泛淡青色，青花色莹润，纹饰图案化风格较强。乾隆时期青花走向衰弱，青花纹饰繁缛，浑厚不足。现代青花装饰色彩之间并不存在明显的划分界限，用宏取精，造型、色彩搭配自由，例如秦锡麟教授的《春意盎然》、《早春》以青花和釉里红进行艺术性的创作，利用色彩的综合装饰，釉里红色彩的浓重、深邃、艳丽象征着生命的蓬勃力量以及热烈奔放的气息，青花色彩清新明快，格局秀雅洒脱，既展现随性的气韵，又具有变化与统一的艺术匠心。

（三） 装饰技法

陶瓷装饰技法分别为坯的装饰、彩的装饰[2]。青花装饰技法追求单色，孕育万紫千红，在淡雅中藏精美，在虚白中见工艺，讲究笔不到意到，青花的技法多采用线描。现代青花注重勾线、分水的留白，还引入山水墨画的焦墨法加之勾、擦、点、染、皴的青花装饰技法相结合，使笔头料更饱，笔触更苍劲，笔锋更锋利，作品层次分明，有意境、灵气和情感。青花的综合运用在铜红釉和玲珑分别称为“青花釉里红”和“青花玲珑瓷”。青花釉里红瓷器烧制难度极大，烧制成型后往往釉面质地肥厚滋润，胎骨均匀，胎质细腻，高雅稳重而不失灵动性，红蓝对比，格外醒目，具有强烈的表现力[3]。青花玲珑瓷通过在生坯上按图案设计的花形，镂刻一个个米孔，再糊上透明釉的成型技法，谓之“玲珑”。结合青花的玲珑瓷称为“青花玲珑瓷”，既呈古朴又显清新，精巧致密，素雅清新。

三、青花元素在UI设计中的介入方式

（一）统一与变化

整体性彰显界面力量，变化赋予界面鲜艳度和生命力。于美学上而言，一切物象欲成其为美，必须统一。统一能治乱、治杂，以及增加画面条理、和谐、宁静的美感，而变化克服呆滞、沉闷感，使画面更具动感、活泼，唤起新鲜的兴味。

在UI设计中，UI界面中所有设计元素都应该呈现整体统一性。界面色彩统一，以青色为唯一主色调，采用简单的色阶，配套浓淡展现信息层次，从标题栏到标签栏，从操作按钮到提示信息，全部采用青色，这种简洁的配色风格，具有良好的视觉表现力，精准传达信息，做到界面端的最小化设计，减少沉余信息干扰，专注于信息的表达。而在大视野、立体、透视进行变化，青色的背景色调因晕染渐变至白色，区块的分割更为顺畅，减小视觉突兀性，摈弃描边的设计手法，青白二色之间的色彩面积没有明确的分界线，全屏背景图打通状态栏，青花图案作为前景载以内容排版、导航。文字浮在半透明的蒙层上，增强信息可读性，丰富了界面情感化元素，渲染出淡雅幽静的青花氛围。

（二）对比与调和

对比与调和于美学而言，画面的对比越明显，视觉感官刺激越强，个性越鲜明，画面空间感更为旷阔，而调和则使矛盾的要素彼此融合在一起，具有共性一面，整体区域协调。

在UI设计中，界面的对比是UI设计最主要的问题，差劲的设计不仅破坏界面的整体度，而且降低信息的读取率。在色彩上选用青色为主色调辅，以巩红色为标识色进行对比，青多红少进行调和，使UI信息数据更直观、立体，色彩服务性更有价值。界面动静态的多媒体设计进行对比，加载时的动态效果和信息读取时的静态处理进行调和，打破呆板死气的UI形象，提升用户好感度。界面结构与图标的纹样对比，界面结构采用通景式的纹样与图标，采用几何花卉进行调和，突出内容，褪尽繁华，纤尘不染，使用户更加集中在信息内容，给用户提供更好的服务。

（三）节奏与蕴意

在快节奏、高效率的现代都市生活背景下，高速的浏览速度下，往往忽视了界面的精神语言，长时间的浏览只剩枯燥乏味之感。美学中，作品的节奏和蕴意能唤起观者的内心情感共鸣，对其更有认同感和亲切感。在UI设计中，青花元素的巧妙运用在提升读者视觉专注度的同时还能“嗅”到中华传统文化的生命味道，在青白二色作为界面色调下，色彩孕育悠然自得、娴静怡人的阅读氛围，带给用户宁静、安心的心理暗示，而青花纹饰往往传载着美好的蕴意，将其与界面图标综合设计，用户也能透过屏幕感受到景德镇工艺美术家的匠心精神，感受到形而上的禅意。

四、青花元素在UI设计中的应用途径

（一）界面布局

突破界面单一追求扁平化设计的框架，开阔创新，提出单色系通过晕染程度表现色彩的多元化的新UI设计概念。青花五彩，浓淡色浅变化无穷，展现极其丰富的节奏感和立体感。界面布局分为两大版块，即加载界面和正式信息界面。揉合两种静态界面表现青花烧成前后的变化，留给用户遐想空间。①在加载界面，奠定风格基调，色彩仅选用黑、白、灰三色系，黑色为釉料烧成前的青花料和茶叶水，灰色是因加水量而浓淡渐变的晕染色，白色为哑光的“坯体白”。加载界面信息突出界面的大标题和烘托界面整体设计的风格氛围，所以首先选择生动的装饰形象，“青花龙纹”以通景式的装饰结构载以带有水晕光泽的黑、灰色占据整体加载界面的中心，中心色彩“头浓”向四周转为“正淡”，在“龙纹”末处添以“影淡”的“如意云纹”进行收尾。从起始就带给用户一种淳朴、自然的氛围基调。②在正式信息界面，青花五彩变为烧成之后，以青、白和景德镇独有的矾红彩三种色阶进行分布搭配，第一步就高光的“瓷胎白”作为界面整体背景基调色，并选择青色“变体莲瓣纹”作为界面的大框架，适当出现在界面顶部与底部进行填色出彩，面积较小。“变体莲瓣纹”纹案的设计线性方向由繁至简、色阶由“头浓”至“正淡”渐变，尾部最简、最淡并衔接信息标题或主体开头，最后在关键信息处或信息阅读的引导方向上可以使用带有“卷草纹”的巩红彩进行背景标识，巩红彩从“变体莲瓣纹”从而出，无需体现厚度、阴影，一笔而成，且色阶与“正浓”相似，纹饰量少且精，能够起到过渡信息与色彩的关联、汇聚视线焦点的作用，增强视觉体验的敏感度，加深用户对信息的隐式关注度。

（二）交互方式

交互方式体现在用户与页面的沟通，利用青花分水技艺作为中间媒介，在民族独特的设计审美上有着鲜明的个性。界面交互分为两种动态交互方式。①用户手指或鼠标在界面屏幕滑动地轻重、缓急、停顿、点击进行个性化、民族化的交互设计。当界面屏幕感应到用户手指或鼠标箭头按压轻且缓的滑动时，界面会跟随用户操作的滑动方向产生“平头水”的技艺效果，滑动痕迹荡出匀净平整的“正淡”青色色块的动态效果，宽窄等同鼠标箭头或手指触摸屏幕面积。同理，当用户手指或鼠标箭头按压重且急时，滑动痕迹产生“浪头水”的技艺效果，即滑动痕迹之间青色互相压住一点头，重叠头的部分痕迹荡出“正浓”青色涟漪的动态效果，涟漪荡出三环渐变至无色。当用户手指或鼠标箭头停顿点击时产生“晕水”的技艺效果，停顿点击处青色如水墨画般在界面上由“二浓”青色色阶逐渐晕染开，停顿点击时间越长，青色水晕越浓，最终厚至“正浓”，色泽变化起伏更大，更痛快。②UI设计并不是单一页的界面设计，在界面和界面跳转加载信息之时，利用从无到有的动态变化进行设计。将青花料在素坯的勾线工艺技术移植到在空白页加载初始阶段时的动化效果进行模拟，首先映入眼帘的是灰色细线从四周向中心同时快速地描出界面纹样的“变体莲瓣纹“外廓，色阶为“影淡”加浓至 “正浓”，再从勾线终点向四周进行分水填色，待界面装饰形象完成，火光沿着形象从下至上一闪而过，最后加载完成，化为青色色阶一一对应的界面淡雅色彩和井然有序的信息。整个过程简易模拟青花瓷的制作和烧成过程，凸显了青花活泼的生命和民族匠心精神。

（三）界面图标

从纹饰引申读取陶瓷元素与UI设计之间都一种特殊的关系，即符号化的图案索引关系。界面图标串联并表达信息，是信息的集中化。为追求界面整体简练、干净，界面标识更多选用面性图标，将界面图标载以民族艺术进行设计创作。①金刚区位于页面核心功能区域，性图标采用模拟“没骨青花”技艺，摆脱线条的束缚，仅用一笔勾出几何花卉。外形整体简单，色阶以“正浓”左右为主，摆脱造型的束缚，以一种更加洒脱的装饰形式去感受界面图标带来的生命力。②导航栏图标位于界面整体顶部，考虑到背景为青花色，图标模拟装饰技法“镂空”，从青色背景雕镂出白底透点光泽，宛如玲珑，图标形象灵巧、明彻、剔透。

五、结论

青花艺术于中华传统文化而言，是抽象、宏伟、展现民族匠心的艺术文化。针对UI设计大部分设计借鉴国外案例，形式单一，表达方式呆板的问题提出了结合青花元素对UI设计进行创新应用，根据青花的艺术分析，基于UI设计所追寻的用户服务性的原则，在UI设计固定的内容分割区下，在加载页面和正式信息页做了界面色彩，交互在加载动态和用户操作的动画方式以及界面图标的个性设计的创新应用，并提出了创新性的设计概念，为之后的青花计的应用研究提供了理论依据和设计思路。