创意派设计网站

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的制作中，用于充实背景。

（图片来源于网上）

（图片来源于网上）

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

文/陈凤群 均衡可以看作一切美学原理的基础，其它的原理都可以看成是这一基本原理的派生。因为它符合我们最为朴素也最为古典的审美规范，最能使观看者的心理得到慰藉，感到舒适与安全，就好象常常说的那句话“：稳定是压到一切的基础”。有了对称与均衡，美丽的基础就有了。其它的美学原理，都是在这一基础上，产生的变异和衍生。

广告设计首先应具有传播信息和视觉刺激的特点。所谓“视觉刺激”，是指吸引观众发生兴趣，并在瞬间自然产生三个步骤，即刺激、传达、印象的视觉心理过程。“刺激”是让观众注意它，“传达”是把要传达的信息尽快地传递给观众，“印象”即所表达的内容给观众形成形象的记忆。

视觉规律下的强势抢眼策略

这就要求广告版面设计者在创意设计之前，首先就必须进行理性的广告内容定位，力图在与广告主有效沟通的情况下进行创意构思；在版面的设计过程中，设计者必须对消费大众的整理理解力和认知发展趋势有一个把握，并敏锐的发掘潜在的认知变动，从而更有效的设计出符合消费者审美和心理需求的版面结构布局。

在版面的构成要素中，必须强调视觉元素的可接受性，努力做到文字、图像的直接可感性；此外，在版面的布局设计上必须坚持流畅、易视性原则，避免“满、板、散、断”，努力寻求把握均衡及整体关系，注意布局审美功能的整体发挥。

版面设计下的均衡目标

均衡之所以被称为最基本的美学原理，是因为它发源本心，符合我们最为朴素也最为古典的审美规范，最能使观看者的心理得到慰藉，感到舒适与安全，就好象我们党中央常常说的那句话：“稳定是压到一切的基础”，有了对称与均衡，美丽的基础就有了。其它的美学原理，都是在这一基础上，产生的变异和衍生。

均衡是通过各种元素的摆放、组合，使画面通过我们的眼睛，在心理上感受到一种物理的平衡，平衡与对称不同，对称是通过形式上的相等、相同与相似给人以“严谨、庄重”的感受，而平衡则是通过适当的组合使画面呈现“稳”的感受。平衡：有对称平衡与非对称平衡两种形式。

对称平衡即为“轴对称”平衡。“轴”是指两侧的分量相等，给人以安全、稳定、庄严的感觉；非对称平衡指“轴”两侧的分量不相等。利用视觉规律，通过对大小、形状、距离、疏密诸因素的改变，来调节“轴”两侧的分量，给人以平衡的感觉，此形式给人的感觉是新颖、活泼、运动感强，具有一定的号召力。

广告中均衡艺术的扩展策略

招贴是现代广告艺术中比较大众化的一种体裁，用来完成一定的宣传鼓动任务，或是为报导、广告、劝喻、教育等目的服务。好的设计应在于人与人，人与空间的人与自然的融合上。

招贴画传达信息鼓动宣传的作用肯定了它的特殊形式。它不同于其它绘画形式，它要求一目了然，简洁明确，使人在一瞬之间，一定距离外能看清楚所要宣传的事物。为了达到这个目的，往往采取一系列假定手法，突出重点，删去次要的细节、细部，甚至背景，并可以把各个不同的比例，把在不同时间，空间发生的活动组合在一起。并经常运用象征手法，启发人们的联想。

在艺术史上，美术家们通过长期的创造实践，探索出了一些相对不变的形式美的法则，这些法则都是事物矛盾运动和对立统一规律在美术形式上的体现，因此具有很大的普遍性，也有着能为人所把握的生理、心理基础。均衡可以看作一切形式美原理的基础，其它的原理都可以看成是这一基本原理的派生。

① 官方百家号：设计智造 顶级创意设计师必备

② 官网 网站：设计智造http://cocoo.top

③ 本篇为 设计智造编辑整理，转载请注明出处！版权归原作者所有，如有侵权请来信告知（cocootop#163 将#改为@），可合作，我们愿意支付稿费

创意设计，是把再简单不过的东西或想法不断延伸给予的另一种

表现方式，创意设计包括工业设计、建筑设计、包装设计、平面

设计、服装设计、个人创意特区等内容。设计除了具备"初级设

计"和"次设计"的因素外，还需要融入"与众不同的设计理念--创

意"。

家里是复式或别墅的楼梯做成鞋柜

先看你喜不喜欢，天花板蹦蹦床

有院子的话来个树屋吧

储藏超厉害的榻榻米

满是床和枕头的客厅

如果有楼梯而且高的话做个夹层

这储物空间还有谁

孩子多不用怕，看这上下铺

这密室通道还是楼梯间

好带感的开放式浴室

说是地面有洞一圈做沙发

楼梯间书架，文艺

谁见过这种鞋柜

藏个床什么意思

有狗人士福利

好咯，今天小编就和大家说到这里咯！！！！！！想了解更多关于家居设计的内容就快快关注我吧！！！！！！！！

就服这家创意办公室设计，装修效果个性十足，非常有派头！

办公室要设计当然是想设计得有创意些啦，不然怎么能表现出公司的特色，给客户留下深刻的印象呢？说实话我个人也是比较喜欢创意办公室设计，因为装修出的效果确实很有个性，能给人眼前一亮的感觉，办公室装修得太普遍不仅丝毫没有特点，而且也会显得公司没品味，档次不够高，公司形象也不咋滴。

那么接下来我们就一起欣赏一组创意办公室设计案例吧，希望能通过这些案例能对自己的办公室有一个创新的装修设计。

其实说到创意办公室设计，创意不一定非得体现在造型上，也可以表现在空间的布局，办公家具的搭配上；因此这组案例当中一个时尚又有特点的办公桌椅及功能区的布局上是一个亮点。

创意办公室设计虽然是好看，但是并不是那么容易就设计出来的，得需要设计发散性的思维，和前沿的设计理念才行，太传统的设计格局是很难做出创意的办公空间，它需要多方面的搭配，做到整个空间的和谐统一才行。

最近又有很多同学问起该如何储备时尚知识，想来该是给大家安利的时候了，所以本期文章，我会推荐一些最新、最经典的时尚设计类网站，帮助你学习并在以后能根据自己的设计目的迅速调研。

一、学院派创意

首先是创意型学院派网站，这些网站主要发布的是全球各大著名艺术设计院校的学生作品，具体到包括前期设计概念、草图以及设计实验过程等，与普通时尚资讯网站相比不管是概念、成品还是整体视觉会更前卫、先锋、充满创意。

1.Centre Saint Martins网上杂志网站：

http://1granary/

2.伦敦艺术大学作品集网站：

http://showtime.arts.ac.uk

类似的网站还有issuu/artsthread/ antwerp-fashion.be等等，感兴趣的同学可以去浏览，不够还有各大时尚院校的官网可供参考和学习。

二、时尚资讯

时尚资讯类型的网站更关注的是当下的时尚，栏目比第一种类型要丰富得多，从秀场到美妆、文化、生活，所有与时尚相关的都是他们关注的方向，想要综合的了解时尚行业或者只是关注当下流行趋势的可以多翻阅这些网站，并且这些网站更新速度非常快，建议可以一直保持关注。

1.掌握最新时尚资讯的必备网站：

https://vogue/

2.比较权威的流行趋势网站：

https://wgsn

3.关注品牌管理、策略、营销等商业部分的分析类网站：

https://businessoffashion

4.网站发布很多关于时尚大片等艺术视觉化的资源：

https://dazeddigital

5.该网站会更关注以“街头”为主题的潮牌、潮流文化等：

https://hypebeast/

6.Instagram想必大家都很熟悉了，这里我们侧重推荐各大时尚品牌以及时尚杂志的官方账号。会有很多细节的、内部的、一般时尚网站上没有的图片资源。

三、时尚电商

时尚电商类网站虽然是卖衣服、卖包、卖鞋，但其时尚性真的不容小觑，近几年电商发展得非常迅速也日渐成熟，在卖商品的同时会给消费者提供很多时尚资讯及时尚文化的东西。从最新趋势到各大时尚大牌，从服饰到配饰，产品的展示部分也更清晰、完整、细致。想要通过近距离的接触时尚产品细节看这类网站就对了。

1.奢侈品电商NET-A-PORTER：

https://net-a-porter/

NET-A-PORTER的界面简洁清晰，想要找什么都是一目了然。

当我们点开具体的一个品牌，该品牌当季最新款就会展现在我们面前：

一个单品的各个角度以及细节图：

黑色单品的秀场图片往往会变成一团黑没了细节，但是在这里不会，这些图片向我们清晰地展示了服装的结构。

连细节的线迹都非常明了，用的辅料是什么样的，都能根据图片一一记录下来。

往下拉还会出现该单品相似款的推荐，可以用来丰富系列设计品类的多样性。

2.知名时尚购物平台farfetch：

https://farfetch

与net a porter不一样的界面，该网站除去价格因素，更注重自己的界面设计风格和功能性，能吸引消费者记住自己并让他们觉得使用方便是这个网站首先考虑的点。可以看到这些图片都很成系列又比较有个性。

网站最给力的地方依旧是服装细节图，平铺的各个角度、图案、花纹都展示得很清晰。

总结：做得出色的网站非常之多，远远不止我们这里举出的例子，想要了解的同学可以去详细调研一下全球顶级的时尚类网站，当然这些资源网站在精不在多，各位一定要在自己的精力承受范围内去学习。

以下就是学姐推荐的十个交互设计网站

1. Dribbble

https://dribbble/

移除

推荐理由：作为一个曾经需要邀请码的设计网站。一度风靡一时，据说邀请码卖到1500，许多设计师寻找灵感，与设计师同行进行交流切磋等都会到这里来。近几年觉得dribbble的展示形式比较单一，导致有些作品纯粹为视觉特效去做。这个见仁见智吧。

2. The FWA

http://thefwa/

移除

推荐理由：地球人都知道的老牌的全球minisite酷站。展示作品比较重视新技术运用于互动中，视觉重视创意表现，其中很多商业设计值得借鉴。但感觉近期给人眼前一亮的作品减少。

3. Awwwards

http://awwwards/

推荐理由：算是老牌网页设计领域的网站了吧，如果说Behance这类的网站是设计师灵感的来源，那AWWARDS就是设计师（特别是网页设计）的知识储备库。

3. Site Inspire

https://siteinspire/

推荐理由：收录了2500个网站设计，并且可以按主题、类型以及风格来进行搜索。能显示实时的网页快照和位置。比较丰富。

4. straightline

http://bm.straightline.jp/

推荐理由：一个日版的UI、网页视觉设计汇总网站，日本的设计风格属于超级耐看型，汇集了很多很棒的设计，资源也比较丰富。

5. Little Big Details

http://littlebigdetails/

推荐理由：LitterBigDetail是一个汇总微设计的网站，记录上万个体验设计和产品细节。

6. pttrns

https://pttrns/

推荐理由：emmmm....界面像是交互设计版的pintest，网站收集了一千多个App设计模板和产品流程截图，而且还在不断更新中。这些模板截图按照App的功能或者截图的类型分类。另外，还可以通过放大镜，更清晰地看清楚截图。

7. Html5 Showcase

http://html5-showcase/

推荐理由：各种Html5网页交互的优秀案例

8. Collect UI

http://collectui/

推荐理由：移动端UI设计案例居多，收录的数量也是非常丰富的，放上来的原因主要是每天都会更新高质量的UI作品，而且归类详尽到多达100多种，可以从网站左侧快速定位进行浏览。遇到喜欢的作品，还可以直接追踪到Dribbble关注它的作者。

9. MUUUUU.ORG

http://muuuuu.org/

推荐理由：好了，又是日式风格的网页设计，有许多优质的日式风格网页设计的案例，日本设计风格中的自成一派和许多细微的人性化交互设计非常值得借鉴。

10. UYI

http://useyourinterface/

推荐理由：动效设计居多，很多有趣不错的动效案例。

大家有喜欢的网站也可以给学姐推荐喔~