01.  什么是巴黎风格 

如果要追溯巴黎风格的历史，得回到大概100年前后，这个城市的时尚和设计就已经开始得到重视，20世纪初，由于当地消费和随之而来的出口，巴黎的时装行业完全爆炸式成为一个产生了大量财富的产业。

我们要特别赞扬一位法国人，他把时尚设计与时尚风格联系在了一起，尤其是巴黎，至今仍享有这样的声誉，都需要感谢上图这个人Louis XIV路易十四，太阳王。

自1643年起直到1715年去世，这位来自波旁王朝的君主保持着欧洲历史上在位时间最长的国王的记录，为72年零110天。法国和巴黎之所以成为路易十四统治时期的时尚主导力量，与他在位期间的极度集权有关。在那个时候，王室控制了奢侈品和时尚产业，从根本上使他们服从于王室的品味和特点。

这种时尚在影响法国国内外的人们，对于当时什么是“热门”时尚方面扮演了重要的角色。它通过超越宫廷的营销设计和发明创意，如改变时尚的风格和季节，用一种在当代有意义的方式来谈论巴黎风格。

二战后的法国，是法国时尚界的转折点，由于设计师克里斯蒂安 · 迪奥（Christian Dior）1947年推出的New Look，巴黎重新成为世界时尚之都。他当时对时装设计的大胆尝试，是自路易十四（Louis XIV）时代以来让法国时装引人注目的东西，即对魅力和青春的关注。在二战期间被纳粹占领后，这些东西引领了巴黎高级定制时装的复兴。

与此同时，著名的时尚杂志，香奈儿于1945年在法国成立，著名时装设计师可可 · 香奈儿本人于1952年回到巴黎。

到了20世纪60年代，法国的高端时装再次全面展开，这导致了其他著名设计师的（成衣）时装获得了巨大的成功和销售。法国设计和时尚的爆炸式增长导致许多品牌被集团化，如大家熟悉的LV，Dior，让我们快速回到今天。

如今基础历史，巴黎已经拥有法国八大奢侈品牌，爱马仕、LV、香奈儿、迪奥等等。这座著名的城市里除了有奢侈品牌，同时巴黎风格还被用到了生活方式、室内设计、室外建筑等各种场合。

标志性的铁塔，让全世界都想来打卡的圣地，铁塔的设计也是非常有特色。

这座铁塔也被用在了很多知名设计、品牌中，更是巴黎的一个代名词。还有巴黎的建筑，也是充满历史与文化底蕴。

这几年比较火的新锐法国品牌AMI就是诞生于巴黎，我也很喜欢这个品牌的设计。

巴黎每年的时装周，最新最潮的设计理念，无不向世界传递着这座城市的设计态度。从室内设计到室外设计，这使得巴黎的设计风格不仅存在于时尚行业，在各行各业都有所体现。巴黎的风格经典，独特，是一个非常高端的设计。

除了今天介绍的巴黎风格，国内一些大公司对于设计风格也有很多研究，比如天猫之前官方发布的一个报告，今天也分享给大家，可以用来参考和学习，需要的话可以添加叮当猫回复“报告”领取。

长按扫码添加叮当猫回复：报告

e

02.  巴黎风格设计特点 

了解完巴黎风格历史后，那我们来学习下，巴黎风格给人视觉感受到底是什么？

f

▍1.有趣的纹理

巴黎风格很大一个特点就是高级感，经常用一些非常有趣的纹理，比如上图的金属质感纹理，以及右侧像羽毛的一样的纹理，纹理无论在服装上，还是在奢侈品包包上都体现的淋漓尽致。

无论是LV经典的老花纹理，还是今年新款，对于皮革的不同运用，都能感受到巴黎风格对于纹理极致的运用。有趣的纹理能让产品有自己独特的气质。

包括在LV这些有代表性的门店设计，纹理是很核心的元素，看这个LV门店设计，使用了非常强烈的纹理作为主视觉。

同样来自法国巴黎另外一个品牌香奈儿，也是在纹理上下了很多功夫，他们的衣服纹理运用，包的纹理运用，都在引领时尚界。

香奈儿在海报品牌宣传上的设计，也延续了这种纹理的高级感。

f

▍2.白色（负空间）的运用

巴黎风格还有一个特点就是负空间用的比较多，页面留白比较多，当然这个白色不一定的纯白，而是页面空间感，这点可以从一些大牌的设计中看到身影，通过大气、空旷简单的背景，聚焦到元素主题上。

爱马仕的这组海报，就是这种风格，人物主体就是模特，后面深邃起伏的山丘作为烘托。让页面呈现出这种动感，放飞自我的气质。也能传递出品牌的释放、狂野的感受。

白色空间的运用，遵循少即是多原理。再配合巴黎风格对于人物的选择，对于纹理的运用，让画面形成焦点，同时这样的设计能体现出很强魅力，万众瞩目的视觉感受，上图巴黎八大奢侈品牌的一些设计中，都能看见这样的身影。

g

▍3.极简主义

以香奈儿为例，就是极简的典范，无论是门店设计极简的线条，还是到日常产品设计，都遵循着极简，但是极简不代表没有质感，巴黎设计风格的纹理，配合极简的设计，让设计别出一格。

上图的两件服装设计，就是最简单的黑白配色，搭配不简单的裁剪，有纹理的材质，让整个衣服的气质呈现出高级，优雅感。

如上图的棒球设计，香奈儿将极简主义发挥到了极致，就是简单的配色，放上一个精致纹理就让这个棒球充满了艺术气息。周边的桌球台面设计，一个简单的logo，整体桌球台也是运用黑色。

再看上图案例，无论是香奈儿的香水、口红包装，还是周边时钟设计，简约的线条，黑白经典的配色。

包括爱马仕的很多设计，橙色的配色，加上极简的包装。让设计简约之中透着高级。

爱马仕的工业设计，遵旨着极简主义和功能实用主义，如上图的吃药提醒，分为白天吃的和晚上吃的，让人文设计温暖到了每个细节。

f

▍4.整洁干净

巴黎设计风格还有一大特点就是整洁干净，可能和文化差异有关，无论是他们的建筑风格，还是人文，都给人干净整洁的感觉。

在服装设计上，巴黎风格整体给人一种干净的视觉感受，哪怕是在深色服装设计，或者在不同材质上运用，都能将这种整洁干净的感觉运用到淋漓尽致。

那么，在设计上，巴黎风格又是如何运用？又有哪些特点呢？我们一起来看看。

e

03.  巴黎风格在平面中的运用 

a

▍1.粗茎的衬线体

巴黎风格的设计很大一个特点，就是在字体选择上，一般衬线体比较多，并且衬线体的粗茎比较粗，形成很鲜明的反差，如上图的GUCCI海报设计，就是一个很典型的特点。

如果你想做一款有巴黎风格的设计，一定要选择一个有特点的衬线字体，这里推荐一款免费的，就是google旗下的playfair字体。

上图海报设计，这个字体就是巴黎风格最大的一个特征之一。

上图的品牌海报，就是一个巴黎风格设计，大的衬线字体，有纹理质感的图片的运用，让页面非常低调的高级。

f

▍2.连体的运用

连体赋予了巴黎风格灵魂，运用的场景也非常非常多，可以当标题，也可以单独直接使用。

这种笔画之间的组合，让画面充满了优雅和独特的气质，就像巴黎这座城市一样充满了神秘。

连体的运用让设计细节更加丰富，同时字体本身也具有装饰性，是一个非常高级的设计手法。

g

▍3.引人瞩目的数字字体

巴黎风格的字体，除了上面我说带一些英文字体特征外，在数字上的运用也很特别，数字一般很有特点，非常引人入胜，如上图香奈儿官网的数字字体，运用的恰到好处。

数字字体一般比较大，衬线为主，配合标题的衬线为辅，形式冲击力很强的对比。

数字字体和衬线体搭配一起，是巴黎风格最有代表性的手法之一，杂志感也非常强。

f

04.  巴黎风格在界面中的运用 

巴黎风格在UI中用的也比较多，特别适合一些高端电商，或者一些有杂志感的设计。如上图的图文排版，清晰的图片，搭上高级的颜色，再搭配有代表性的衬线体，给人的视觉感受很高级。

上图是爱马仕的官方APP，整体风格呈现出杂志感，清晰的留白，明快的配色，经典的衬线字体。

香奈儿官网设计，经典的巴黎风格设计，无论字体选择，数字运用，还是留白空间关系，整体呈现的感觉非常整洁干净。

页面保持了香奈儿一直坚持的黑白风格，大的图片，大的留白，衬线体的运用恰到好处，简约的线条，网格似的布局都让整个页面很高级。

这组设计也是充满了巴黎风格，干净整洁的背景，模块的色卡，清晰的商品图，衬线字体设计。

f

05.  巴黎风格在网页中的运用 

在网页中，巴黎风格也是用的比较多，如上图，粗茎的衬线体，简单的背景，有焦点的人物运用。

整体的页面设计非常得体，虽然页面看起来简单，但是细节和统一每个点都值得推敲，也值得我们学习。

上图两个网页设计也是巴黎经典风格，所有的上述特点都有，衬线字体，留白，整洁清晰的图片等等，都让这个页面充满了浓浓巴黎风格。

r

05.  最后 

今天这个分享，也是源于我对巴黎风格的喜欢，巴黎风格对于设计潮流而言，是一种设计手法，它也不仅仅用于高端品牌，而是显示出平易近人的态度。希望今天这篇文章，对你有些启发。

一、画笔设置窗口

1.我们可以在PS的菜单栏：窗口-画笔设置（F5）里面打开画笔设置窗口，或者点击右边的画笔设置图标也可以打开。

2.我们打开了画笔设置后，就能看到颜色动态选项（需要在画笔工具的状态下，不然是灰色不可用状态）。我的这张蛋糕侧面就是用肌理画笔打开颜色动态画的，能一笔就画出丰富的颜色。

二、如何设置抖动参数

1.前景/背景抖动：是指颜色根据前景色和背景色不透明度的变化抖动，数值越小，以前景色为主抖动，数值越大，2个颜色之间的抖动越明显。

2.色相抖动：颜色根据前景色在色环上抖动，数值越小，抖动范围越小，数值越大，抖动范围越大

3.饱和度抖动：颜色根据前景色的饱和度变化抖动，数值越小，抖动范围越小，数值越大，抖动范围越大。

4.亮度抖动：颜色根据前景色的亮度变化抖动，数值越小，抖动范围越小，数值越大，抖动范围越大。

5.综合使用：我们搞清楚不同的抖动有哪些效果后，就可以结合着调整数值，就能一笔画出更加丰富的颜色，大家可以多调整数值试一下。

三、插画中的运用

我在插画中经常用到这个功能，通常我把抖动变化开的比较小，这样能得到丰富的变化，又不会变得很突兀，会更加的耐看。

比如说这张，荷叶的型用套索工具圈出来后，再选稍微带点肌理感的笔刷去画，基本上是一笔画出来的，又快，颜色又比较丰富。

这张插画的地面色块也是通过颜色动态+形状动态（也在画笔设置里面）来画的，很适合用来画花海之类的，大家可以举一反三。

我很多作品我都用到了这个功能，不知道你是否能发现呢？

原文地址：空青肆绘（公众号）

作者：风绽

转载请注明：学UI网》笔刷教程 | PS颜色动态功能在绘画中的作用

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

1.把握中心目标

大多数网页设计是以目标为导向，也就是网页做出来能为用户提供什么、能解决用户的哪些问题。

例如电商网站的终极目标是卖出更多的商品，资讯类网站的目标是让用户能更多地阅读最新讯息，目标不同，两类网站在设计上也会有截然不同的差异。

在设计上，电商网站会更注重页面氛围的营造，把红红火火的促销氛围搞起来，用户看到会更兴奋。

2.打造平衡的效果

网页中炫酷的视觉效果能让用户印象深刻，但效果实现需要付出更成本。能明确知道什么时候更简洁的视觉效果能让整个设计变得更好，能让用户专注于正确的事情，这一点很重要。

有时候在网页中添加过多元素，会分散有价值的信息，用户也难以识别他们想看的内容。

▲ 对齐和对称是页面保持平衡的重要因素。对齐既保证了布局统一，又将有联系的元素紧密连接起来；对称营造一种平衡的感觉，元素整齐有序。

▲ 网站的登录注册页往往都设计得很简洁，有大面积的留白处理，只保留关键的信息输入框，这样用户能更专注于输入内容。

3.了解基本的设计原理

格式塔原理基本上定义了我们感知事物的六种不同的认知规则。在网页设计中，这意味着需要以一种合理的方式来安排元素，帮助用户从整体上理解设计。

▲ 设计中需要考虑不同元素的对齐关系、相似元素或按钮的排放位置、一组信息要如何展示、列表类信息该如何展示…

另一个重要的原则是希克定律，也就是向用户展示的选项越多，做出决定需要的时间就越长。因为我们的大脑需要考虑和分析所有选择，然后再选出最好的选择，当选择太多时，这就会成为一个问题。

这就像我们在餐厅里点菜一样，如果拿来一个20页的菜单，我们可能会从头到尾把这20页全看了，仍然不知道该点哪个，然后又把这个20页的菜单重新翻一遍。

去餐厅吃饭是件放松高兴的事，我们肯定不想在点餐上给自己带来压力，这样吃饭的乐趣也会大打折扣。

▲ 如果需要填写很长的表单，考虑将长表单拆分成几个短的问题，让用户按步骤依次作答，避免一下看到过多问题给用户带来负担。

4.了解面对的用户

网页设计需要知道面对的用户是谁、他们想获取什么、想处理什么问题以及他们是想法是什么等等。

对最终用户的印象越清晰，越有可能创造出成功的设计，就像设计一个面向儿童的网站与设计一个供老年人使用的网页会完全不同。所以在一开始，要先学会把自己的观点先放在一边，倾听目标用户的意见，然后再慢慢验证自己的想法。

▲ 抖音千人千面的推荐机制，能为用户精准推送他们感兴趣的内容，把握住了用户的兴趣，产品才能越来越受欢迎。

5.排版很重要

排版需要长期的积累和沉淀，如何合理地安排页面中的品牌标识、图片、文字等元素，是始终需要考虑的事。

比如不管网页设计的目标是什么，或者选择什么样的视觉效果，在选择字体时我们总要考虑字体的粗细、大小或对比度等因素。

对于更多的排版和设计技巧，可以回顾这篇文章: 快速改善网页设计的13个技巧！

▲ 根据设备不同，最佳字体的选择可能会发生变化。在移动端设计中，文字可读性是首要的，屏幕越小越要保证信息的可读性。

6.信息架构和导航

网页的导航设计和信息架构共同构成了产品的主干，让用户能够了解产品和功能并找到需要的信息。

无论信息的长短如何，合理的层级结构有助于在产品中创建逻辑结构，以便用户可以查找信息。导航能反映出产品架构，这样用户无需花费大量精力，就能轻松找到主要信息和功能。

▲ 点击按钮之后会切换到哪一页、怎么返回到当前页、点击哪些按钮页面不跳转。架构流程不仅自己要明确，更需要用户看得懂。

7.降低认知成本

咱们前面提到，如果面临的选择太多，就需要经过大量思考，这样用户很可能会变得有压力甚至困惑。其实这里面还包含着另一层意思，过多的选择会增加用户的认知成本。

只有降低认知成本，才不会给用户带来过多压力，才能快速做出判断。在网页大框架已经设计好的基础上，降低认知成本的地方往往更在于细节。

最后

最后为大家精选了网页设计Web UI Kit源文件，包含5套网页模板、30个不同的组件、3种颜色模型，很难得很实用的一份资源，涵盖了大部分的设计场景，赶快下载使用起来～

领取方式：关注公众号，后台回复【网页设计】获取设计源文件

慢慢来比较快，希望对你有所帮助！

原文地址：CLippp设计夹（公众号）

作者：Clippp

转载请注明：学UI网》如何高效地进行网页设计？重点关注这些要素

今天我们讲版式中如何运用对比制造秩序

▽

首先如何理解秩序，我们用点的示例放置，当展现在画面中出现无序的形态时，会显得没有规律性，而以螺旋状的方式放置时就明显感受到了画面的舒畅和秩序感。

两者同样以圆为形态，秩序感的形成却截然相反。

秩序感的体现就像建筑和摄影中对于画面布局的形态与物体之间的关联起到微妙的动态变化。

在整个呈现过程中，我们就需要运用秩序里的大小对比、空间对比、粗细对比和颜色对比的关系。

我们用一个小案例来诠释对比的作用

1.大小对比

首先运用大小对比，这是正常文案放置时的排版结构，文字的大小比例都是相等的。

我们将文字的主次进行了拆分、强化了大小关系，这时文字的比例从原来的大小相等到互相有了不同变化。

强化了对比后，我们看下效果，能明显感受到对比后的阅读逻辑性了有了一定提升。

2.空间对比

将主题中的文字放大并改变字体后弱化显示，再将原有内容放置到前面，在四周增加一些装饰信息作为点缀。

通过对比后的效果，可以看出主体内容得到了一定的空间层次，整体也显得丰满一些。

3.粗细对比

通过筛选出优先重要信息，将内容作出粗细之间的明显区分，这样的方式可以帮助用户在阅读画面时有更好的着重点，也有了明显的阅读顺序。

4.颜色对比

改变主题颜色或者一些需要强化记忆的文字，能让整体的版式即显得完整，又多了一些阅读体验感。

我们刚才通过了多种对比，可以看出秩序性在整个版式中的重要，规律的变化也从来都不是毫无逻辑的呈现。

示范案例

为了让大家更容易理解和运用起来，我们再用一个案例来展现秩序性在版式中的使用方法。

首先填充红色为背景色，将主标题文字放大，副标题缩小。

改变字体和颜色，利用英文拉开字间距放到主标题上形成了对比和颜色之间的关系。

再复制主标题文字放大移动到背景上，改变字体颜色形成为背景之上的层级

通过元素、图形、背景肌理、素材等去强化与文字版式之间的空间层级关系。

这样一来，不仅文字信息有了非常清晰的逻辑表达，画面上也得到了视觉呈现的丰满和秩序性的动态规律。

原文地址：修先森撩设计

作者：修先森

转载请注明：学UI网》不会排版的来看看，如何运用对比制造秩序

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

我们先来看原作效果：

再来看临摹练习的效果：

好了，分析开始：

可优化点1：头图的透气感

我们看下头图的对比：

相比之下原作中的头图有很多白色，让画面更加的有透气感，练习作品中的头图会有点闷。

头图的选取也影响了卡片投影的效果：

原作的投影会稍有细节一点，会耐看很多。

可优化点2：色彩耐看度

当我们的颜色全都用彩色的时候，就会看起来有点腻，添加黑白灰是最好的一种解腻方式，我们看下面的这些插画：

基本所有的都黑白灰色。

回来看我们的案例：

原版会有很多灰色的搭配使用，但是练习作品全都是用的橙色系，所以看起来会稍微有点满。

可优化点3：图标的精致度

当图标有圆形底座的时候，我经常使用的方式就是把图标本身稍微小一点，别让它填充的太慢，比如我们举个最简单的例子，看下面两种方式：

是不是左面的看起来会精致一些。

回到案例本身，我们看下箭头图标：

也是一样的道理，左侧原版的会稍微精致一些。

可优化点4：关于信息层级对比

我们看下信息层级对比：

原版的很多信息层级十分明显，练习的作品层级有点没拉开。

当然，这里需要强调下，真正落地的时候还是要考虑能否看清，原版的灰色字是有点太浅了，如果真正落地的话，可能不太行，但是作为概念高，把信息层级拉开一点的做法，是OK的。

可优化点5:一些散点

临摹稿的一些间距可能也会有一些问题，比如卡片和下面信息之间的间距：

就稍微有点大了，看起来有点不太合理。

还有这里的状态可能也不是很全等等，没有选中爱心的状态：

当然，说了一些问题之后，回来看，临摹作品其实也是有一些优点的：

比如这个页面的底部按钮：

我觉得变成重色按钮会让整个画面层次更加丰富，并且操作区域也更加明显。

再比如选中态家了一个爱心图标：

这也算是一种小的创意点，是有经过思考的。

这些小的思考和优化，积累多了，后期一定可以激发巨大能力和进步。

好了，以上就是今天分享的这个小案例，很多细节，希望可以给大家一点启发， 后面大家在做界面练习的时候，也可以多多思考并实践。

前言 

总结能力，是人的一种底层能力和通用能力。跟创造力、沟通表达、学习能力等等一样，它是无论从事什么职业，做什么工作，都应该具备的一种重要能力。

很多设计师只顾着提升自己的专业能力，却忽略了这些通用能力的培养，导致自己很快就陷入了发展瓶颈。现实中有很多这样的例子，比如甲乙两个人，甲的专业能力上更强一些，但乙因为很擅长跟人沟通，结果乙发展的反正要更好。

打个比方，专业能力就像是游戏里的技能和装备，而通用能力，就像是游戏里人物的基本属性。技能和装备随着游戏的进程可能会不断更新替换，而基本属性则是永远跟随着你的成长，它的提升给你带来的是全方位的提升。

文末 原文地址可观看此视频讲解

一、什么是总结力

总结力，也就是归纳总结的能力。

那么，我们再追问一下，什么是总结呢？它的目的是什么？

我们通常所说的总结主要有两种。

一种信息资料的总结，也就是将一些体量较大的信息，归纳概况为简单的信息。比如我们日常中的学习总结、会议总结、工作总结、年终总结等等，都是这一类。

另一种是经验规律的总结，从大量相关的信息、资料中，寻找共性、规律，最终得出具有指导性的经验方法和结论。比如人类社会的科学、学术成果，我们所学的设计理论，设计讲座、文章里分享的设计经验，毕业设计论文等等，都是属于这一类总结。

前者，信息资料的总结，是我们日常生活中最常见、最常用的，主要作用是整理归纳，就像是整理自己房间，整理超市货物，整理图书馆资料一样，让它看起来更加的整洁有序。

而后者，经验规律的总结，它是一种层次更高的总结，就像凝水成冰，百炼成钢一样，在原有的基础上进一步得到了升华。

二、为什么要提升总结力

接下来我们来聊为什么要提升总结能力，它的目的、作用是什么？

随着工作经验的增长，技术能力渐渐成熟，拉开差距、决定上限的，往往就是审美、创意、设计思维等等这些更高维度的能力。

而总结能力，就是这种更高维度的能力之一。

先从宏观上来看

进入设计的大门时，我们首先接触的往往就是各种设计理论。

而这些设计理论，就是前辈设计师们一代一代总结下来的宝贵经验。

我们站在今日，看昨日之设计，能够很直观的感受到，设计像是一个有生命的东西，它是在不断发展和进步的。

这种进步，是技术的进步，也是整个行业的不断总结与迭代。

有了总结，所以我们知道，大红大绿不好看、要突出主体，排版要尽量对齐，熬夜要喝枸杞。。。。

总之，我们每个人都受益于前人的总结，不必再去走前辈们曾踩过的坑。

再从个人的角度来看

锻炼总结能力对自己有哪些帮助？这里我列举了几个方面：

1、学习能力

首先是学习能力。

无论从事什么行业，摆在我们面前的第一道关卡就是学习。

人与人之间的学习能力差异是很大的。

有的人花几周的时间就可以快速上手一门新的软件，而有的人可能学了几个月还是感觉自己啥也不会。

这里面的影响因素有很多，比如你是否能找到好的教程资源，每天真正花在学习上的时间有多少，学完之后是否有通过练习来巩固，等等。

而总结能力，则是影响学习能力的其中一个重要因素。

它能够帮你简化复杂庞大的信息，更有效的消化知识，快速搭建起自己的知识技能树。

如果你要学一个新的软件和工具，在挑选书或教程的时候，可以先去看看它的目录。

虽然它非常简短，但却是对整本书或整个教程内容的概括总结。

一个好的教程，一定是目录结构清晰有条理的，而不是东讲一点，西讲一点，想到哪讲到哪。

看完目录，你就可以对这个软件的功能模块上有一个宏观的认知。并可以筛选哪些内容是你需要的，哪些是暂时用不上的，这样就可以有针对性的学习，节省了很多时间。

2、成长提升

学习入门之后，接下来就是积累经验，成长提升的过程。

在设计这个行业里，能力跟工作年限，是没有绝对的关系的。

其中，善于不断总结过往经验，复盘项目的人，往往成长的会更快。

一个人是否善于总结，其中一个关键在于：他是怎么看待问题的？

是仅仅看到眼前的这一个问题，还是能够看的更远，看的是这一类问题？

如果是前者，那么你解决的就只是当下的这一个问题。这就是为什么，有的人一个问题犯了几十遍了，然而下次遇到类似的问题，还是会继续犯错。

如果是后者，那么你解决掉的就不仅是当下的这一个问题，而是未来所有类似的问题。这样不断的总结，成长下去，最后积累的力量必然是惊人的。

比如我们来解决这样一个问题：这里有几个小元素，我们想让其中一个元素看起来更显眼。

应该怎么做？

我们可能会想到一些办法，比如：让其中一个圆更大一点

让其中一个圆描边更粗：

或者降低其它圆的透明度，让其中一个更亮：

这些方法都能达到我们的目的。

不善总结的人到这里可能就已经结束了，因为当前问题已经解决了。

但是善于总结的人到这里问题才刚开始。

他会思考：为什么这些操作会让元素看起来更显眼？它们中的共性和规律是什么？

经过这种更深一层的总结和思考，我们可以发现，无论是改变大小，改变粗细，还是改变亮度等等，它们的共性与本质，都是形成了“对比”。

这种对比形成的反差，让画面中与众不同的的元素会更加的突出。

当我们经过总结思考，提炼出了“对比”这个本质之后，就能够基于“对比”这个概念，延伸出更多的方案。

比如让它改变颜色、进行填充、改变清晰度等等，总之只要是符合“对比”这个核心的方案都是可以的。

我们还可以将它运用到各种其它领域的设计中，解决掉所有“让元素更突出”的问题。比如文字排版中，主标题对比其它的文字一定是最显眼的；海报设计中，主角要放在c位，

甚至我们还能反向运用，把元素弱化，比如弹窗广告的关闭按钮永远藏的让你找不到。。。。

你会发现，通过这种总结，我们找到了问题的本质与关键。从中得到的经验将不再只是几个具体的解决方案，而是这个问题的“通解”。从“有限”变为“无限”，从“具象”变为“抽象”。下次再看到这个问题，我们就能够站在一个更高的维度去思考。

3、沟通与表达

当然，对于设计师来说，专业设计能力的成长固然重要，但它绝不是一个设计师能力的全部。

设计离不开与人的沟通和交流，所以沟通和表达能力也非常重要。

而总结能力，可以让你在沟通上非常的有逻辑性，能够有效的把想表达的信息传递给对方，反之，则会让别人听了后面忘了前面，听了半天也没弄清楚你到底想说什么。

比如你要告诉别人一个设计要怎么优化，如果是这么去说：

这种想到哪说到哪的方式，一旦信息量比较多的话，听的人会很头疼，而且get不到重点。

而清晰易懂的表达，一定要经过一个总结整理的过程，减轻听的人的接收负担。

这里介绍一个比较好的表达结构：就是我们小时候写作文的时候常用的“总分总”结构。

先说总结、结论，再进行分类、分段阐述，最后结尾再进行一次总结，加深印象。

下面我们看看用“总分总”的结构应该是怎么表述的：

先做总结：这个设计整体最大的问题是什么？然后细节上主要有哪些方面的问题？

然后做分类阐述。这个分类可以有很多种，比如可以跟之前一样按ABCD不同的区域去划分。但是不要跟之前一样来来回回绕，从A讲到D，又从D跳到B，而是应该按顺序讲完一个再讲下一个。

也可以按设计的不同层面去分类，比如根据构图、配色、排版、质感、动效等不同方面分别去展开讲。

最后结尾把整体最大的问题、一些关键的问题再总结一下，加深印象。

按照这样的结构沟通起来就会很有条理性。

前面我们是站在“说”的一方的角度，而如果是“听”的一方，其实也是一样的。

如果接收到的设计需求很多很杂，那么首先要做的就是整理归纳，做主次优先级的排序等等，整理清楚再动手。

好了，说完了总结能力的一些应用场景，再回头看看我们前面所说的总结的两种类型：

信息资料的总结和经验规律的总结。

学习能力，成长提升，沟通表达，这三个方面中：

学习能力和沟通表达，所用到的总结主要属于信息资料的总结，所以它通过归纳整理，带来了效率上的提升。

而成长提升，所用到的总结主要是经验规律的总结，我们前面说过，它能够在原有的基础上进一步得到升华，正是这种升华产生的力量，推动了我们的成长

三、如何提升总结力

我们再来看怎么做的问题，如何去提升总结能力。

首先要说的是，总结能力其实是人的一种本能，人们的大脑会自动对信息做归纳和分类，方便自己理解。

比如有西瓜、苹果、香蕉、草莓，鸡肉五个东西，我们会自动把西瓜、苹果、香蕉、草莓归为一类，因为它们都是水果。

再比如这张图：

我们会认为左边的图形是一组，而右边的是另一组。

所以游戏机按钮就是这么设计的：

其实我们每个人都是天生就拥有总结归纳的能力，

只是很多时候我们可能大脑想偷懒，没有刻意的去进行总结。

只要你开始真正做起来，它并不是一件难事。

总结步骤

总结的步骤其实很简单：

步骤一：大量的资料收集，汇总

步骤二：提炼规律、共性，归类分组，得到总结

我们开头所说的两类总结中，信息资料的总结，一般用到这两步就够了，而经验规律的总结还需要用到第三步：

步骤三：将得到的总结代入大量的资料中，印证和完善

加入了第三步之后，它就形成了一个闭环，会让你的总结不断完善下去。也就是所谓的：实践是检验真理的唯一标准。

比如，我们前面讲总结能力对成长提升的帮助中，提到的例子“怎么让设计中的元素更明显”，这里面我们找到的各种方法：放大，改颜色，加描边等等，就是第一步：资料的收集汇总。

接下来我们进入了第二步：从这些方法中寻找共性，寻找规律，得到了“对比能够让元素更突出”这个总结。

最后是进入第三步，我们把得到的这个总结带回“让设计中的元素更明显”这一类问题中，得到了更多的方案，从而继续完善“对比”这个经验总结。

从实践中得到的经验总结，要再回到实践中去，指导实践，并让自身不断完善。

这也是设计中实践和理论之间的关系。

从这三步形成的闭环来看，在设计师成长的前期阶段，实践重于理论，因为这时候没有足够的实践和资料去支撑，也就无法完成第三步：用实践去印证理论。

而越往后面，随着自己掌握的经验、资料越来越多，这个闭环被打通，理论就会越来越重要。不断循环，不断完善下，让自己获得不断地提升。

而在这三个步骤中，第一步和第三步，并没有什么操作的难度，主要是时间和耐心的问题。

那么主要的问题就是在第二步，我们按照什么样的原则去总结？怎么去归类分组？这里是需要不断尝试的。

几个经典的总结框架

所以接下来我们介绍几个比较经典的总结框架，如果你自己没有好的方案，就可以直接套用这些成熟的总结框架。

 1、MECE原则

MECE原则是衡量归纳总结是否完善的一个经典原则。

它是在《金字塔原理》这本书里提到了一个思考工具，中文意思是“相互独立，完全穷尽”。

指的是分类归纳要做到：不重叠，不遗漏。

不重叠是指每一个分类之间相互独立，不能有重复、交叉的部分。

不遗漏是指要完全穷尽，不能有遗漏的部分。

如果我们对人进行分类，分为“男人、女人、小孩”，这就不符合MECE原则，因为男人和女人里面也包含了小孩，有重复的部分。

再比如站酷对各大设计领域的分类。因为设计的分类非常广泛，为了避免一些相对小众的设计分支，找不到对应的分类。会增加一个“其它”分类。这就满足了“不遗漏”原则。

我们每天调色时都要使用的RGB色彩模式，它就是完全符合MECE原则的。

红绿蓝作为三基色，是相互独立，互不重叠的；而它们相互组合，就可以得到所有的色彩，满足了不遗漏的原则。

而在设计的分工合作上，使用mece原则也非常有效。

如果一个工作需要多个人分工合作来完成，根据mece原则，分工就应该满足两个条件：

第一是不重叠，就是说每个人负责的任务要相互独立，不要有交叉重叠的部分。

不满足这一点，就会导致可能有两个人做了同一件事，造成了时间的浪费。

第二是不遗漏，也就是说分解工作的过程中不要漏掉某项，保证最后所有人的工作合起来是完整的。

不满足这一点，就会导致有一部分工作最后没有人做。

2、五帽架原则

接下来我们介绍下“五帽架原则”。

「帽架]这个词是根据类比而来，「帽」表示资料，「架」表示组织资料的方法，所以可以理解为「组织资料的五种方法]。

“五帽架”的概念最初是由理查德·沃尔曼在他的“ 信息焦虑”一书中提到的。

它是做资料整理时可用的五种高效的逻辑顺序。

我在之前写的“设计师如何有效提升执行力”一文中也提到过这种方法。

它们分别是种类、时间、空间、字母、连续性。

种类，就是按相似性，关联性划分，这是我们最容易想到的一种分类方法，比如b站的各类分区。

然后是时间顺序，这也是我们最常用的一种结构，比如总结自己的工作经历时，我们可以按时间顺序从前往后，或者从后往前讲；再比如做年度设计总结，也可以按时间顺序，罗列每个月份或者每个季度的工作。

有时间顺序，自然就有空间顺序，空间的不同位置，前后、远近。

比如摄影摄像中有一个非常重要的概念，就是“景别”。它就是使用空间顺序来分类的。

根据摄像机离被摄物体远近的不同，我们可以划分出远景、全景、中景、近景、特写五种景别。

有了这样的统一划分，导演，摄影师，剪辑师等等不同职能的人员之间，才能拥有一套通用的语言，无障碍的沟通。

接下来是字母顺序，就是按字母、数字等符号的顺序进行分类，最典型的例子就是字典。

这种方式没有什么逻辑性，优点就是非常直白，便于查找。很适合用于资料之间本身没有太大相关性的。比如各种档案、资料的管理，通常就会用不同的编号来归类。

还有游戏里面用会SSR，SR，R这样的编号来区分角色的强度和稀有度。

最后是连续性，指的是按照从小到大，从少到多，从高到低，从浅到深等等，这种数学规律去总结整理。

这种方式，通常都是为了能够从总结中得出一些重要的结论。

比如我们做完了一个项目，想进行一下复盘，就可以罗列一下项目中哪些地方花的时间最多？根据时间的占比做一个排序；然后就可以针对这些消耗时间最多的地方，看看哪里可以再优化一下，哪里效率还可以再提升提升。

3、5W2H分析法

5w2h分析法是一种广泛用于企业管理和技术活动中的策略方法。

它由五个W和两个H组成。分别是：

（1）WHAT——是什么？目的是什么？做什么工作？

（2）WHY——为什么要做？可不可以不做？有没有替代方案？

（3）WHO——谁？由谁来做？

（4）WHEN——何时？什么时间做？什么时机最适宜？

（5）WHERE——何处？在哪里做？

（6）HOW ——怎么做？如何提高效率？如何实施？方法是什么？

（7）HOW MUCH——多少？做到什么程度？数量如何？质量水平如何？费用产出如何？

通过这七个方面的思考，我们就可以总结出事情的主要框架，让工作计划具有完整性，思考的更加全面、清晰、有条理，避免出现遗漏，这也是符合前面所说的mece法则的。

比如工作中做总结汇报，制定一个项目的开展计划，我们都可以使用5w2h这个总结框架，让自己能够对全局有一个清晰的认知，也就是我们常说的做事要有“全局观”。

如何高效训练

我们知道了总结的一些常用框架，常用方法，接下来就是去实际的运用。

怎么去高效的锻炼自己的总结能力呢？

这里介绍两个我自己常用的训练方法。

1、培养找关键的习惯

总结，说白了就是一个浓缩凝练的过程，从一堆信息中寻找它们的核心思想和关键点。

就像写文章一样，每篇文章都会有一个“标题”，这个标题就是整篇文章的核心和关键。

所以，我们在生活中要刻意培养找关键的习惯。

比如工作中跟别人交流的时候，可以刻意锻炼自己做到“长话短说”，用最简洁的话来概括你要表达的重点，而不是给别人发一大段未经整理的文字。能一句话讲完的不要分两句讲。

再比如对设计做优化，可以先去找设计中最大的问题是什么，再去抓画面局部的小细节。

我刚开始学平面设计的时候，我的老师就曾教过我，如果要看一个设计做的好不好，就先把图缩小，离远了看，看看整体的感觉怎么样，如果整体效果不行，是哪里不行，最主要的问题是什么？如果整体效果ok了，再去把图放大看里面的细节。

2、费曼学习法

费曼学习法，简单来说其实就是四个字：以教为学。

这是一种最高效的学习方法，

为什么这么说呢，这是有科学依据的。有一个著名的研究成果，叫“学习金字塔”。它通过实验，研究出了不同的学习方式，学习者在两周后能记住内容的多少。

也就是说这篇文章你看完之后，因为属于被动学习，过段时间你还记得的内容最多只有30%，但是如果你看完之后还能再把它教给别人，你就能记住90%

但是这里的教，并不是说随便怎么教，而是有目标的。

目标是要让别人很容易听懂，并且能够记住。如果有些地方别人没听懂，或者说记不住，那就说明这些地方你的归纳总结做的还不够好。那就要继续去简化表达，直到对方很容易听懂为止。

这个过程会倒逼你对自己掌握的知识去做概括总结，否则你是无法做到让别人很容易听懂并记住的，

如果没有尝试过的可以试一下，它其实是很有难度的，如果你成功了，你会发现自己对所教的内容的理解会更加深刻和清晰

这个方法也是我一直在用的方法。因为我自己做过好几年的讲师，对此深有体会。有些技术点自己操作起来已经很熟了，但是想要轻松的教会一些零基础的人，还有很有难度。需要不断的去深挖，真正理解透彻。

在教别人的过程中，我自己的收获也是巨大的，每写一篇文章，都是对自己经验的再次提炼和总结，从总结中得到升华。

总结

本次的内容信息量比较大，所以最后再总结回顾一下。

我们从“是什么，为什么，怎么做”三个方面展开，去聊总结能力。

先讲了什么是总结，大致分为信息资料的总结和经验规律的总结两种。

然后讲了为什么要做总结，从学习能力，成长提升和沟通表达三个应用场景出发，举例说明了总结的作用

最后是怎么做的问题，我们介绍了三个经典的总结框架：mece法则，五帽架法以及5w2h分析法。然后讲了两种高效的训练方法“培养找关键习惯”以及费曼学习法。

归纳总结，其实是一件偏理性，比较考验逻辑的事情，虽然我们平时做设计更多的是动用感性思维。但是如果能够把理性与感性相结合，往往能产生出更强大的力量。

希望本文对大家有所帮助。

原文地址：动态设计书屋（公众号）

作者： 崔小骏

转载请注明：学UI网》设计师如何提升总结力

“微信”

公众号的音乐

 

“高德地图”

 

“微信”

 

“抖音”

 

“微信”

 

“知乎”

“微信”

  

“腾讯地图”

“闲鱼”

 

“App Store”

 

“绿洲”

 

“淘宝”

 

“开眼”

 

“斗鱼”

 

“支付宝”

 

今天我们讲讲关于设计中的规矩与秩序

▽

中国人经常讲没有规矩不成方圆，规矩不是固执也不是保守，在规矩之内任意的流动，所形成的是规律，这便是规矩的内涵。

世间万物，变幻万千，形成无序的混乱体系和错综关系，合理分配成规范化的形态和关联体系，支撑起这一切的作用，这是秩序。

所谓秩序为方，规矩成圆，这不仅是上千年留下来的一个古语，也透彻了一切事物本源的真相，如何运用在设计中，我们先做个示范。

教程示范一

1、甜甜圈放置规矩之内，神奇的绿色总能让男人瞬间清醒。

2、增加文字与图形，版式中以合理分配主次内容。

3、搭建框架在四周形成秩序关系，合理的变化流动，一切都掌握在规矩的作用中。

4、增加背景，合理的在规矩之内适当变化。

想要更多的变化方式，当然可以。

▽ 

教程示范二

1、将物体随意放置到规矩之内。

2、内部的可以随着主体的变化，改变各物体大小规律。它，便是流动的，且变化的，但依然在规矩之中有序的绽放。

3、在秩序的外框架中，编排我们的需求文案，在编排时，注意整体的一个流动方向。

4、放置后的编排文字布局，要保持上下的比例平衡来稳定中心的视觉，否则会造成整体画面的失衡，以此改变了本身的秩序。

5、中心的视觉可在规矩之内形成了多个空间层次，富有丰富的变化感。

6、背景的色彩帮助规矩有了更体系化的完整展现，使之形成了微妙的化学反应。

在这规律之中，感受并掌握这样的变化方法，你便有了上千种的设计形式。

这就是今天带来的设计中的规矩与秩序。

原文地址：修先森撩设计（公众号）

作者：修先森

转载请注明：学UI网》教程 | 设计中的规矩与秩序

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码蓝小助，报下信息，蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

分享此文一切功德，皆悉回向给文章原作者及众读者.
免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

#1.幻彩立体

我们可以从Dribbble 上面看到像UI8、craftwork、Is等，他们的3D作品逐渐趋近走向更简洁风格调性，减少复杂的光影，这也是在扁平化中找到的思路。

#2.几何分形

#3.NFT艺术

将NFT与平面设计联系起来，就是我们所说的数字平面艺术。它的到来对设计师影响有很大变化，横向能力要求有所提高，比如了解虚拟数字化设计，以及对全新审美和新三维技术有更高的要求。

#4.超萌趣图标

来源：腾讯ISUX出品

#5.经典衬线字体

#6.自然设计

 Vocation

自然设计，主张可持续性发展与环境建立联系，是一种新生活态度，是百转千回，回归本源的理想之态。设计师通过设计表达对环境的敬意，与产品建立强相关，既能表达产品自然纯粹之意，又可以宣传品牌贴近我们生活自然之意。

&SMITH 凉茶包装“循环生活”理念

TRØVE

#7.超变形字体

dia Design studio

今年很多平面海报设计、品牌符号的动态系统设计中，都可以看到字体被扭曲、变形，以一种新的形态出现在眼前，没错，这就是超变形字体。它打破常规，以不同寻常的路子出现在大众视野中，带来全新视觉体验。

#8.动态包装

Rise

格拉斯哥设计工作室Need为Rise全新重塑品牌，同时通过动态展示品牌延展设计。