衍生设计

UI的设计风格每一年都在发生变化，就像是扁平化、手势、微交互、卡片式成为过去两年中的关键词一样。

1、波谱艺术

波普艺术又称普普艺术，是一个探讨通俗文化与艺术之间关连的艺术运动。起源于二十世纪五十年代英国，流行于六十年代美国。反映了二战后成长起来的新一代青年的特立独行，追求自我的，精神的，表现的，新奇，夸张，怪诞的意识形态。波普艺术试图推翻抽象艺术并转向符号，商标等具象的大众文化主题。

它一般具有复古、拼贴感、个性张扬等特点形态。

天猫双十一海报：

双十一的视觉风格，其实一直延续着波普艺术的路线，其实这也比较容易理解，双十一本来就是普罗大众的狂欢，所以在调性上要有普适性，而波普艺术所倡导的“艺术要普罗大众”的理念和双十一的品牌精神不谋而合。

2、极简艺术

极简主义（Minimalism）以简单到极致为追求，是一种设计风格，感官上简约整洁，品味和思想上更为优雅。

极简主义关键词：理性／简洁／干净

极简主义设计的风格一般包括

1、摒弃复杂，使用基本元素

2、简单的功能交互

3、能承载整个项目的小细节

4、大量留白

5、使用简单何少量的色彩

6、只是用一种或两种字体、

7、简单的内容

在我们设计内容的时候，不妨问问自己几个内容

它容易理解吗？

能向用户简单的表达吗？

图像和文字都足够简洁了么？

在没有解释的情况下，你的想法能传达给人们吗？

如果你的回答是肯定的，那么一个简单的大纲就成型了。否则，你就应当暂停下来，思考这些问题应当如何解决。

3、孟菲斯艺术

在色彩上常常故意打破配色规律，喜欢用一些明快、风趣、彩度高的明亮色调，特别是粉红、粉绿等艳俗的色彩。

其在设计上一般具有三个特点

强调几何结构

颜色的更多可能性

随机的趣味性

pocket notebooks（出自Officemilano）

UI设计：孟菲斯设计风格的精髓是：几何学和色彩的应用，被应用在这个付款流程的界面设计中。

设计师Nate Tate，在一个客户的专案中，设计了一系列孟菲斯风格的icon。

4、超写实艺术

先看一下百度百科的解释，超写实主义又称超级写实主义、新现实主义和照相写实主义，源自并兴盛于20世纪末的美国，其后波及世界各地。

其作品一般具有极强的逼真程度，有着超越时间和空间的永恒感。

同时，超级写实主义作品更多地关注细节和对象。

是不是很抽象呢，没关系，下面举些例子帮助大家理解。

这是一个关于老式影带机的超写实的设计

（图片来源于网上）

火龙果VS煎饼果子

（图片来源于网上）

5、蒸汽波艺术风格

蒸汽波（Vaporwave）是一种音乐流派和艺术运动。Vaporwave兴起于2010年初期，2014~2015年几乎达到全盛时期。

蒸汽波（Vaporwave），是在网络诞生的音乐流派之一。蒸汽波的视频，音频，图像，在2010年代初在分享网站已经普遍散播。它宣扬对复古文化，怀旧文物和批量生产的怀念，当然还有对消费资本主义和流行文化的技术，上世纪80年代嬉皮士文化的批评和讽刺。

蒸汽波艺术里面一般具有80年代的元素，比如：雕塑元素、Lo-Fi低保真效果、日文拼贴、Windows风格、游戏机/动漫元素等

话不多说，下面来感受一下蒸汽波风格的一些作品

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

6、MBE插画风格

MBE风格的原创作者是法国设计师MBE于2015年年底在dribbble网站上发布，红遍国内国外网站。如今，也算是当今比较流行的几个主流设计风格之一。

MBE插画风格是从线框型Q版卡通画演变出来的，设计采用了更大更粗的描边，相比没有描边的扁平化风格插画去除了里面不必要的色块区分，更简洁、更通用、易识别。粗线条描边起到了对界面的绝对隔绝，突显内容，表现清晰，化繁为简。

MBE风格一般具有的特点：

线条

有断点，通过断点来解决黑色线条带来的压抑感削弱内容主题是物体失去生动特性的问题。

无断点，扁平化图形＋黑色粗线＋断线处理是MBE风格的固定搭配，但是断线的处理并不适合在所有的图形上，既要保持这种新风格又要完成想表达的设计，在线条的颜色和粗线处理上就要有些不同的处理手法。

溢出

MBE风格除断线以外最大的特别就是色块的溢出，其含义应该是想表达物体通过

光照

折射出来的阴影因为通常溢出的方向都是高光的对侧。

色彩

单色系

分析物体包含内容是否属于一种（材质、数量、介质）上述特性属性唯一时，即可使用单色系搭配方法找出物体的深浅关系营造质感，画面表达会更为完整明确。

邻近色＋补色

在色系上作者MBE有时候也会用不同色系制造图形的氛围，颜色的基本范围会控制在三种颜色以下，分别采用邻近色加补色形成，以下图形中包含的红、黄、绿、在色环上角度分别为22.5°的两色间，色相差为1的配色，均属于邻近色相配色。而蓝色角度为180°左右，色相差为8的配色，称为补色色相配色。

当想要表达的物体在一个数量以上或者物体本身某一处的材质与其它地方不同，使用颜色区分能更好的传递画面所要的表现的内容，不用刻意保持色相的单一性。

邻近色＋类似色

邻近色是指在色环上相近的两个颜色，在色彩学中还有类似色相配色、对照色相配色，在模仿和研究MBE风格时不用墨守陈规的去遵循作者的设计元素，在找到规则之后可以灵活使用才是设计的王道。

中国设计师SA 9527这组的设计中使用了另外一组邻近色加上类似色的使用（红、粉、橘、黄）更好的表达了一种新年的气氛。

写实派

在色相的使用上，设计师会遵循色彩基础原理来进行配色，但是在不同环境下为了能更明确的表达物体本身之间的关系，在艺术形态上会更加具象。

立陶宛的设计师Justas Galaburda在表现形式上更加贴近现实，蓝天、白云、国旗、汉堡和薯条中的配色均采用现实中的物体颜色做为填充。

图形

MBE风格的背景图最初只有圆形、小花瓣、加号三种也是最常用的三种图形，它们是随着MBE而来也这种风格标志直到今天也一直被沿用。

当然天生具有灵活思维的设计师们不会仅仅停留在这三种元素的组成，通过不同位设计师的演变它们被改变颜色、位置、大小另外也衍生了一些与扁平风格的结合，这种改变都是通过图形本身特有的气质而改变。

1：鲸鱼的背景图形重新组成之后是不是有喷出水花的感觉。

2：小蜜蜂飞舞的足迹结合扁平的渐变色加上漫天飞舞的小星星真的很有feel。

3：茶壶中间的叶子很好的区分的茶具之间靠色的问题，并给画面增加了茶水很新鲜的意味。

4：山体中间的云也是自然恰到好处。

5：太阳会因日出而东日落而西，太阳的动态气氛给画面增加了几分活力。

6：仙女棒五彩缤纷的气氛，光照出来的时候会闪闪发光。

MBE风格看似简单但是其中好的作品总结出来的经验也是通过设计师们的实践经验得来的，有了这些设计理论在设计的时候对我们最终达成的效果的会有着很大的帮助。

在实际网页UI上，有一个非常有风格的栗子：

（图片来源于网上，国外一个著名的做云储存的网页版）

总而言之，格这是一种非常有创意的风格，简单好看，又能快速绘制，设计师们真的可以试试运用到你的作品上哦！

7、LOW POLY风格

继拟物化、扁平化（Flat Design）、长阴影（Long Shadow）之后，低多边形（Low Poly）又火速掀起了最新设计风潮。

Low Poly实际是把多色元素，用三角形分割，每个小三角形的颜色，取自原多色元素的相应位置。

Low Poly用的是纯色填充，形状的识别靠颜色深浅，所以相邻的三角形就不能一个颜色，需要间隔上色。

这种设计风格的特点是一般具有低细节，面又多又小，高度渲染，经常配以柔光效果。

低面建模设计有点像现实生活中的手手工艺品，感觉很复古。

Low Poly风格的作品，一般可以通过Cinema4D、Triangulator、Image TriangulatorApp、PS& AI等软件进行创作。

如果感兴趣的话，掌柜也可以推荐几个比较好用制作神器，让大家尝试尝试。（非广告哈）

1、I Love Triangle

2、Image Triangulator

下面欣赏一下一些比较优秀的Low Poly风格的作品

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

当然，这种风格也常见于PPT的制作中，用于充实背景。

（图片来源于网上）

（图片来源于网上）

知识是固定的，设计风格不是一成不变的。更多的是需要设计师去理解和领悟其中的奥妙，然后进行不断地创新和创作

开发创意衍生产品，延伸产业价值链。动画设计和漫画创作都是艺术创意设计。动漫就是动画和漫画的合成品，由动画和漫画中的艺术形象衍生出来的产品，销售额往往超过了动画和漫画自身的收入。

以日本为例，日本动漫市场大致由上端、中端和下端三部分组成：一是动漫播出市场；二是动漫卡通图书和音像制品市场；三是动漫衍生产品，包括服装服饰、儿童玩具、文具、休闲用品、生活用品等。最后一个部分比前两者的市场周期更长、更广，利润更高。漫画、动漫期刊、玩具、文具、食品包装等与动漫相关的一切行业形成了一个完整的产业链。以动漫形象开发制作玩具，以巨大的玩具利润投资电视台新的动漫节目制作，再以新的动漫形象带动一轮轮衍生产品的开发，由此形成一个良性循环的产业价值链条，这使日本的动漫产业年营业额接近百亿美元，成为世界上最大的动漫生产国。

国产动画片《喜羊羊与灰太狼》借助衍生产品的开发，不仅增加了收视率，而且也获得了不菲的经济效益。“2006年，原创动力通过与多家公司的合作，使《喜羊羊与灰太狼》的产品迅速从图书、玩具、服装扩展到了音像图书、毛绒公仔、玩具礼品、文具服装、食品、日用品、QQ和MSN表情、手机桌面、屏保、多媒体等动漫衍生产品。”“截至2008年，《喜羊羊与灰太狼》的‘制作成本已经收回约60%，在已经收回的成本中，出售播映权约占40%，图书音像约占10%，衍生产品授权约占20%，其他约占30%。’”今后，《喜羊羊与灰太狼》的衍生产品授权所占的比例会越来越大。

环境艺术设计、景观设计、展陈设计、室内设计等创意设计也都可以开发衍生产品，获得衍生价值。比如，通过展陈艺术设计、室内装饰设计等，可以将出土的古董、文物展示出来，供游客前来参观，同时带动旅游业、餐饮业、娱乐休闲业的发展。环境艺术设计可以带动旅游业、影视产业的发展，提升区域经济软实力，吸引外资，从而带动整个产业集群的发展。

文化是资源，创意设计是手段，衍生产品是通过创意设计手段将文化资源商品化而催生出来的经济利益回报。衍生产品的开发与销售已经成为了整个艺术设计创意产业价值链上的一个极其重要的环节，正所谓：创意无限，衍生无限，价值无限。

英文名称：Korea Pinocchio House

位置：韩国

设计公司：Moon Hoon事务所

这是由Moon Hoon设计的匹诺曹之家。该项目位于首尔东北部市郊的一处不规则场地上，一面是森林，另一边是繁华都市。业主希望在面向都市一侧的边界处设置一堵围墙。该项目的业主是一位狂热的匹诺曹玩偶与手工艺品收藏家，其藏品来自世界各地。她还是一家私人幼儿园的老板。她希望把这里建造成博物馆，让童话爱好者们来在这里欣赏她的匹诺曹藏品。该项目包是由三座建筑组成的：第一栋楼是主要的匹诺曹公仔博物馆。第二栋楼布置了其他类目的匹诺曹设计作品，以及互动内容与大礼堂等公共空间。第三栋楼是商业配套，设有博物馆商店、餐厅和一些工作室。

UI的设计风格每一年都在发生变化，就像是扁平化、手势、微交互、卡片式成为过去两年中的关键词一样。

1、波谱艺术

波普艺术又称普普艺术，是一个探讨通俗文化与艺术之间关连的艺术运动。起源于二十世纪五十年代英国，流行于六十年代美国。反映了二战后成长起来的新一代青年的特立独行，追求自我的，精神的，表现的，新奇，夸张，怪诞的意识形态。波普艺术试图推翻抽象艺术并转向符号，商标等具象的大众文化主题。

它一般具有复古、拼贴感、个性张扬等特点形态。

天猫双十一海报：

双十一的视觉风格，其实一直延续着波普艺术的路线，其实这也比较容易理解，双十一本来就是普罗大众的狂欢，所以在调性上要有普适性，而波普艺术所倡导的“艺术要普罗大众”的理念和双十一的品牌精神不谋而合。

2、极简艺术

极简主义（Minimalism）以简单到极致为追求，是一种设计风格，感官上简约整洁，品味和思想上更为优雅。

极简主义关键词：理性／简洁／干净

极简主义设计的风格一般包括

1、摒弃复杂，使用基本元素

2、简单的功能交互

3、能承载整个项目的小细节

4、大量留白

5、使用简单何少量的色彩

6、只是用一种或两种字体、

7、简单的内容

在我们设计内容的时候，不妨问问自己几个内容

它容易理解吗？

能向用户简单的表达吗？

图像和文字都足够简洁了么？

在没有解释的情况下，你的想法能传达给人们吗？

如果你的回答是肯定的，那么一个简单的大纲就成型了。否则，你就应当暂停下来，思考这些问题应当如何解决。

3、孟菲斯艺术

在色彩上常常故意打破配色规律，喜欢用一些明快、风趣、彩度高的明亮色调，特别是粉红、粉绿等艳俗的色彩。

其在设计上一般具有三个特点

强调几何结构

颜色的更多可能性

随机的趣味性

pocket notebooks（出自Officemilano）

UI设计：孟菲斯设计风格的精髓是：几何学和色彩的应用，被应用在这个付款流程的界面设计中。

设计师Nate Tate，在一个客户的专案中，设计了一系列孟菲斯风格的icon。

4、超写实艺术

先看一下百度百科的解释，超写实主义又称超级写实主义、新现实主义和照相写实主义，源自并兴盛于20世纪末的美国，其后波及世界各地。

其作品一般具有极强的逼真程度，有着超越时间和空间的永恒感。

同时，超级写实主义作品更多地关注细节和对象。

是不是很抽象呢，没关系，下面举些例子帮助大家理解。

这是一个关于老式影带机的超写实的设计

（图片来源于网上）

火龙果VS煎饼果子

（图片来源于网上）

5、蒸汽波艺术风格

蒸汽波（Vaporwave）是一种音乐流派和艺术运动。Vaporwave兴起于2010年初期，2014~2015年几乎达到全盛时期。

蒸汽波（Vaporwave），是在网络诞生的音乐流派之一。蒸汽波的视频，音频，图像，在2010年代初在分享网站已经普遍散播。它宣扬对复古文化，怀旧文物和批量生产的怀念，当然还有对消费资本主义和流行文化的技术，上世纪80年代嬉皮士文化的批评和讽刺。

蒸汽波艺术里面一般具有80年代的元素，比如：雕塑元素、Lo-Fi低保真效果、日文拼贴、Windows风格、游戏机/动漫元素等

话不多说，下面来感受一下蒸汽波风格的一些作品

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

6、MBE插画风格

MBE风格的原创作者是法国设计师MBE于2015年年底在dribbble网站上发布，红遍国内国外网站。如今，也算是当今比较流行的几个主流设计风格之一。

MBE插画风格是从线框型Q版卡通画演变出来的，设计采用了更大更粗的描边，相比没有描边的扁平化风格插画去除了里面不必要的色块区分，更简洁、更通用、易识别。粗线条描边起到了对界面的绝对隔绝，突显内容，表现清晰，化繁为简。

MBE风格一般具有的特点：

线条

有断点，通过断点来解决黑色线条带来的压抑感削弱内容主题是物体失去生动特性的问题。

无断点，扁平化图形＋黑色粗线＋断线处理是MBE风格的固定搭配，但是断线的处理并不适合在所有的图形上，既要保持这种新风格又要完成想表达的设计，在线条的颜色和粗线处理上就要有些不同的处理手法。

溢出

MBE风格除断线以外最大的特别就是色块的溢出，其含义应该是想表达物体通过

光照

折射出来的阴影因为通常溢出的方向都是高光的对侧。

色彩

单色系

分析物体包含内容是否属于一种（材质、数量、介质）上述特性属性唯一时，即可使用单色系搭配方法找出物体的深浅关系营造质感，画面表达会更为完整明确。

邻近色＋补色

在色系上作者MBE有时候也会用不同色系制造图形的氛围，颜色的基本范围会控制在三种颜色以下，分别采用邻近色加补色形成，以下图形中包含的红、黄、绿、在色环上角度分别为22.5°的两色间，色相差为1的配色，均属于邻近色相配色。而蓝色角度为180°左右，色相差为8的配色，称为补色色相配色。

当想要表达的物体在一个数量以上或者物体本身某一处的材质与其它地方不同，使用颜色区分能更好的传递画面所要的表现的内容，不用刻意保持色相的单一性。

邻近色＋类似色

邻近色是指在色环上相近的两个颜色，在色彩学中还有类似色相配色、对照色相配色，在模仿和研究MBE风格时不用墨守陈规的去遵循作者的设计元素，在找到规则之后可以灵活使用才是设计的王道。

中国设计师SA 9527这组的设计中使用了另外一组邻近色加上类似色的使用（红、粉、橘、黄）更好的表达了一种新年的气氛。

写实派

在色相的使用上，设计师会遵循色彩基础原理来进行配色，但是在不同环境下为了能更明确的表达物体本身之间的关系，在艺术形态上会更加具象。

立陶宛的设计师Justas Galaburda在表现形式上更加贴近现实，蓝天、白云、国旗、汉堡和薯条中的配色均采用现实中的物体颜色做为填充。

图形

MBE风格的背景图最初只有圆形、小花瓣、加号三种也是最常用的三种图形，它们是随着MBE而来也这种风格标志直到今天也一直被沿用。

当然天生具有灵活思维的设计师们不会仅仅停留在这三种元素的组成，通过不同位设计师的演变它们被改变颜色、位置、大小另外也衍生了一些与扁平风格的结合，这种改变都是通过图形本身特有的气质而改变。

1：鲸鱼的背景图形重新组成之后是不是有喷出水花的感觉。

2：小蜜蜂飞舞的足迹结合扁平的渐变色加上漫天飞舞的小星星真的很有feel。

3：茶壶中间的叶子很好的区分的茶具之间靠色的问题，并给画面增加了茶水很新鲜的意味。

4：山体中间的云也是自然恰到好处。

5：太阳会因日出而东日落而西，太阳的动态气氛给画面增加了几分活力。

6：仙女棒五彩缤纷的气氛，光照出来的时候会闪闪发光。

MBE风格看似简单但是其中好的作品总结出来的经验也是通过设计师们的实践经验得来的，有了这些设计理论在设计的时候对我们最终达成的效果的会有着很大的帮助。

在实际网页UI上，有一个非常有风格的栗子：

（图片来源于网上，国外一个著名的做云储存的网页版）

总而言之，格这是一种非常有创意的风格，简单好看，又能快速绘制，设计师们真的可以试试运用到你的作品上哦！

7、LOW POLY风格

继拟物化、扁平化（Flat Design）、长阴影（Long Shadow）之后，低多边形（Low Poly）又火速掀起了最新设计风潮。

Low Poly实际是把多色元素，用三角形分割，每个小三角形的颜色，取自原多色元素的相应位置。

Low Poly用的是纯色填充，形状的识别靠颜色深浅，所以相邻的三角形就不能一个颜色，需要间隔上色。

这种设计风格的特点是一般具有低细节，面又多又小，高度渲染，经常配以柔光效果。

低面建模设计有点像现实生活中的手手工艺品，感觉很复古。

Low Poly风格的作品，一般可以通过Cinema4D、Triangulator、Image TriangulatorApp、PS& AI等软件进行创作。

如果感兴趣的话，掌柜也可以推荐几个比较好用制作神器，让大家尝试尝试。（非广告哈）

1、I Love Triangle

2、Image Triangulator

下面欣赏一下一些比较优秀的Low Poly风格的作品

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

（图片来源于网上）

当然，这种风格也常见于PPT的制作中，用于充实背景。

（图片来源于网上）

（图片来源于网上）

知识是固定的，设计风格不是一成不变的。更多的是需要设计师去理解和领悟其中的奥妙，然后进行不断地创新和创作