如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
一、什么是跨域访问
举个栗子：在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略，同源策略的详细信息可以点击如下链接：Same-origin_policy；
总而言之，同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。
JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。
由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用<script>元素的这个开放策略，网页可以得到从其他来源动态产生的 JSON 资料，而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON，而是任意的JavaScript，用 JavaScript 直译器执行而不是用 JSON 解析器解析。更具体的原理需要更多篇幅的讲解，小伙伴可以自行去百度。
JQuery Ajax对JSONP进行了很好的封装，我们使用起来很方便。前端示例：
$.ajax({
type:"GET",
url:"http://www.deardull.com:9090/getMySeat", //访问的链接 dataType:"jsonp", //数据格式设置为jsonp jsonp:"callback", //Jquery生成验证参数的名称 success:function(data){ //成功的回调函数 alert(data);
},
error: function (e) { alert("error");
}
});
需要注意的地方是：
后端要配合使用jsonp，那么首先得了解Jquery Ajax jsonp的一个特点：
Jquery在发送一个Ajax jsonp请求时，会在访问链接的后面自动加上一个验证参数，这个参数是Jquery随机生成的，例如链接
http://www.deardull.com:9090/getMySeat?callback=jQuery31106628680598769732_1512186387045&_=1512186387046
中，参数callback=jQuery31106628680598769732_1512186387045&_=1512186387046就是jquery自动添加的。
添加这个参数的目的是唯一标识这次请求。当服务器端接收到该请求时，需要将该参数的值与实际要返回的json值进行构造（如何构造下面讲解），并且返回，而前端会验证这个参数，如果是它之前发出的参数，那么就会接收并解析数据，如果不是这个参数，那么就拒绝接受。
需要特别注意的是这个验证参数的名字（我在这个坑上浪费了2小时），这个名字来源于前端的jsonp参数的值。如果把前端jsonp参数的值改为“aaa”，那么相应的参数就应该是
aaa=jQuery31106628680598769732_1512186387045&_=1512186387046
知道了Jquery Ajax Jsonp的原理，也知道了需要接受的参数，我们就可以来编写服务器端程序了。
为了配合json，服务器端需要做的事情可以概括为两步：
根据与前端Ajax约定的jsonp参数名来接收验证参数，示例如下（使用SpringMVC，其他语言及框架原理类似）
@ResponseBody @RequestMapping("/getJsonp") public String getMySeatSuccess(@RequestParam("callback") String callback){
将接收的的验证参数callback与实际要返回的json数据按“callback(json)”的方式构造：
@ResponseBody
@RequestMapping("/getMySeat") public String getMySeatSuccess(@RequestParam("callback") String callback){
Gson gson=new Gson(); //google的一个json工具库 Map<String,String> map=new HashMap<>(); map.put("seat","1_2_06_12"); return callback+"("+gson.toJson(map)+")"; //构造返回值 }
最终，前后端的相应代码应该是这样的：
前端
$.ajax({
type:"GET",
url:"http://www.deardull.com:9090/getMySeat", //访问的链接 dataType:"jsonp", //数据格式设置为jsonp jsonp:"callback", //Jquery生成验证参数的名称 success:function(data){ //成功的回调函数 alert(data);
},
error: function (e) { alert("error");
}
});
后端
@ResponseBody
@RequestMapping("/getMySeat") public String getMySeatSuccess(@RequestParam("callback") String callback){
Gson gson=new Gson(); Map<String,String> map=new HashMap<>(); map.put("seat","1_2_06_12");
logger.info(callback); return callback+"("+gson.toJson(map)+")";
}
需要注意的是：
完整的示例就是上面两段代码，这里就不提供Github连接了。上面的示例亲测有效，如果有遇到问题的，欢迎留言提问。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。
对于大部分的射击湿以及设计团队来讲，都会遇到如何提升设计效率的问题；尤其是在创业公司，最浪费时间的莫过于：永远撸不完的图及与开发中的设计反复；接下来我将通过自身的一些设计管理经验，从工具使用提升工作效率的角度，跟大家分享下我解决这两个问题的方法。
撸不完的图-处理各方设计需求
1、设计的需求方在不断增多：产品、运营、市场、地推、策划等等；
对于大部分的射击湿来说，设计的需求都是越来越多的；尤其是中小型公司由于发展的的需要，公司的人员及部门会越来越多；也就导致后期的设计需求慢慢增加；我们公司就是酱紫的，原来只要考虑产品需求的，现在要考虑运营日常海报、活动设计、市场推广素材、线下门店品牌视觉系统、还有老板的PPT等等。
2、需求不清导致变动频繁：没有目的下需求，缺少需求细节；
在日常的工作中，最麻烦的就是跟需求方确认需求；尤其是口述的需求，没有文案、时间节点及具体的需求描述；比如，我要“五彩斑斓的黑”或者“字要大”这种奇葩需求想一出就是一出的随性需求。
3、对接、确认流程不清晰：没有一套完整有效的对接流程，导致双方扯皮；
二、产生的问题？
1、设计效率及产出质量不高：需求方不满意，然后设计反复浪费时间；
2、项目推进速度变缓：有限的时间达不到设计要求拖慢项目进度，影响业务目标；
1、建立和规范有效的需求对接确认流程：从制度层面解决跨部门协调问题；
首先，对内规范接收和分发需求的流程；将原来粗放的接收方式改为协作工具接收分发需求；其次，对外规范需求下方的格式规范。
2、使用“团队协作工具”统一输入/输出需求：运用工具解决需求接收下放问题；
3、规范需求方下需求的格式：需求包含的各项要点：
时间节点：最好提前几天；
需求描述：需要什么样的；
文案描述：传达什么内容。
1、工具不统一，协作较难：PS与Sketch混用；
我刚进公司的时候，设计团队的三个人用的设计工具和设备都不一样；有的用PS，有的用Sketch，这就造成设计协作难而且设计稿输出格式不同意，开发抱怨的情况，工作推进艰难。
2、标注切图耗时太长：页面中的各个元素都要进行大小、颜色、间距及格式的标注；
设计给开发的输出物有三种：视觉稿、标注及安卓、IOS不同尺寸的切图；以上是保证上线效果的关键；但是传统的手动标注和切图是很浪费时间的。
3、IOS、安卓设计规范差异：两个平台系统差异，有时候要输出两套设计素材；
1、统一设计工具：移动端的设计统一Sketch输出；
2、利用第三方工具Zeplin自动标注设计稿：工具代替原来的手动标注；
3、工具zeplin工具的优势：
自动匹配IOS及安卓平台设计单位、颜色及字体大小等；
设计一套搞定，减少设计师工作量；
设计沟通的效率和质量大大提升；
以上就是我在做设计管理过程中摸索的一些的经验，无论是跟需求方的设计沟通还是和开发的协同配合，都非常的和谐；希望通过此次分享能给遇到相同困惑的小伙伴们一些启发~
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
夜月薰衣茶 PMIP
如何处理需求，是产品经理的基本功，不管是来自老板还是客户的，亦或来自企业内部（运营、业务）及产品本身的发展，产品经理都需要把需求的收集、分析、管理做到有效进行。
一、需求收集
用户调研
运用场景：
产品规划初期或者遇到重大版本迭代，需要重新架构设计时，将会进行用户问卷、用户访谈的方式去挖掘用户的真实需求。
基本方法:
用户问卷-定量研究的方法，问卷问题一般为15个左右，包含用户基础资料信息（包括年龄、收入、教育水平等人口统计学范畴信息）和主观性的信息（包括用户做这项活动的态度、行为、目的等方面的信息）两大部分，收集到这些数据后进行分析并得出一定结论。
用户访谈-定性研究方法，访谈问题分类包括开放性的问题和专业性的问题。问题尽量从简单到复杂，由较宽泛趋于精细；访谈的过程中的问题尽量说的简单易懂，避免专业词汇，让回答问题的用户清楚明白你说什么；避免问一些引导性的问题；不要因为冷场而尴尬过多，多次重复进行讲解，留有一定的时间让用户思考如何回答；尽量问用户一些开放性的问题让用户进行思考回答；用户描述的过程中尽量描述真实使用场景与案例。
两种方法基本为相互补充进行的一个方法，对于不熟悉的业务，问卷编写初期不知该如何进行挖掘用户的问题，寻找五个左右的用户进行相关业务及主要业务用户使用场景访谈，将会总结出一些问题然后加入你要调研清楚的问题包括客观问题和主观问题进行用户问卷编写、发放与收集。
用户反馈
运用场景：
产品专家用户的反馈，包括运营、客服直接获取用户的反馈，通过从微博、论坛、贴吧、软件用户评论等方面寻找用户的反馈。
基本方法：
市场反馈 做运营、客服、市场等人员和用户进行产品销售推广、运营活动的过程中和用户直接交流，一些专家用户直接反馈出来的需求。具体也要根据产品是直接面向c端客户还是企业级别的客户，两者有很大差异。
访谈 在和用户进行访谈的过程中，一些专家级别的用户直接反馈对现有产品在使用过程中的一些不满和改进的建议等。
查询相关网站 比如产品下载市场、百度贴吧、微博、论坛、微信群、QQ群等各种用户有自由发表言论及感受的地方，用户的直接反馈。
用户直接反馈的信息，需要进行分析其需求的真伪性。
产品定位发展
运用场景：
产品最终要帮用户解决一个什么样的问题，市场发展环境和公司可支配资源等方面进行综合评估产品的前期、中期、后期的目标定位。
基本方法：
相关行业专家询问 在发觉一个新产品及市场时，不明确当前市场状况可直接找行业内的一些专家进行聊天交谈，他们对于市场的现状很熟悉，可向该类专家询问产品的定位与发展方向问题。
投资行业的专家交流 最了解市场、发觉市场前景行业及创业想法的投资者，他们对于市场发展的方向及敏感度有一定的专业看法，可与其交流产品的发展方向性的问题。
相关行业专家、投资专家给予的建议和方向最终还需要结合本身公司的定位发展与界定产品的发展定位。
商业画布 一种能够帮助处于高层决定者激发创意、降低猜测、明确目标用户、合理解决其问题的工具，可直接判断出公司产品发展的的优势、资源等最直接有效的方法。
以下为商业画布九宫格主要内容：
数据分析
运用场景：
产品或运营人员对用户操作规律，用户流失查询等方面进行查看分析，决定产品功能优化迭代最有效直接的证明。
基本方法：
数据埋点 第三方数据服务平台或者用自己平台后台注入相关代码进行统计。程序员在程序编写时将主要操作、按钮进行数据埋点，通过网站即可查询相关数据。
第三方数据平台 专业做数据的网站会定期进行相关行业数据的发布，查看专业的报告即可获取一些相关数据。
结论
针对收集的需求，大致可分为以下几类:
产品运营类—某项调研结果直接反应出一种现象，将会指导产品运营人员的运营方向朝着这方面努力。比如一款产品预约功能，从团队做用户问卷的结果反馈中，用户更偏向于用微信公众号进行预约，运营团队需要相对在微信公众号预约增加相对的运营的投入。
功能优化类—用户使用某款产品的某个功能目的就是为了达到其某个目的，对于功能效率或用户体验上满足，将会直接影响用户的去留，优化该功能的用户体验满意度及效率将会提升用户的留存量。
新功能—产品功能的延伸或新增，通过用户研究，发现用户针对某个需求的实现很迫切，该需求就算新功能，可评估该功能紧急程度及效果进行功能设计满足。
二、需求分析
重要度、频率二维度
运用场景：
当接到多个需求，因为时间原因，只能进行个别需求满足，评估优先级时，可用该方法进行简单需求评估分析。
基本方法：
将功能需求按照重要度和频率进行四象限划分，重要高频象限中的需求要首先进行解决。重要度和频率如何进行衡量，频率衡量即使用的频次，重要度衡量判别是否会因为该需求的缺少而影响用户使用。
KANO模型分析
运用场景：
产品重大版本迭代，因为时间等问题，只能选择个别两三个功能进行优化，但是优化的需求点比较多，可以直接向用户进行问题编辑，查看用户满意度选择进行优化。
基本方法：
(1)从顾客角度认识产品或服务需要；
(2)设计问卷调查表；
(3)实施有效的问卷调查；
(4)将调查结果分类汇总，建立质量原型；
(5)分析质量原型，识别具体测量指标的敏感性
二维属性归属分类
场景化思维
运用场景：
通过模拟或发现真实场景，预测用户行为从而进行设计。
基本方法：
从交互五要素考虑，人、目的、行为、环境、媒介几个关键点去创造用户真实的使用场景。在什么地方，哪个人做了什么事，运用了哪些东西，达到了什么样的目的，遇到了什么样的问题，怎么进行处理解决。例:在淘票票购买电影票后，付款时推荐购买零食信息。
用户体验地图
运用场景：
适用于任何场景，更适合在可能存在问题或者改进机会的事件上。
基本方法：
归纳用户该使用场景下的触点
画出情感坐标
寻找用户进行触点体验情感、意见描述
归纳用户体验意见
绘制情感曲线
标注用户重要性意见
需求分析的方法很多种，以上仅列出部分，方法只是分析的一种工具，最主要还是通过方法分析需求得出的解决方案。
三、需求管理
需求提交
简单来说，就是将收集到的需求，在评估完优先级，确认做具体需求功能时将该需求开发计划告知相关开发、测试等人员，让其明确即将完成的功能需求。如功能需求相对应的方案设计、业务流程等内容提前与开发总监沟通好上传至公司统一管理文件处，具体根据不同公司的实际情况。
需求评估
需求功能的相关开发者、测试针对该需求达成统一认知和开发周期认定，使得相关开发人员在开发周期内有效配合开发，测试人员明确该如何进行有效测试，针对同一需求能够有效推进实现。
需求跟踪
在开发过程能够及时跟进开发，一确保其开发功能达到预期效果，二有任何异常情况的发生能及时进行处理解决，三有效把控需求的开发周期，保证需求按期交付。
需求变更
当需求提出方提出需求变更或者在内部评审、开发过程导致需求变更，做好相关需求变更的把控，以防需求变更后导致项目无法执行。
a.评估需求变更与原需求的差异
首先，明确需求变更的原因—是需求提出方进行需求变更还是内部原因导致需求变更。其次，需求变更后与原先需求定义是否有较大冲突，如有较大冲突，评估变更前后的利害关系，哪个更能有效达目的/效果，按评估结果执行；如无较大冲突，评估与原需求的紧急程度及时间安排，进行需求变更解决。最终，有效记录需求变更计划及原因，定期进行总结，评估相关解决方案。
b.评估需求变更导致的结果
如需求变更后，利大于弊，允许变更，但需按照需求变更的规程执行，以防出现意外情况产生不必要的责任，失去相关控制。如需求变更后，利小于弊，拒绝变更.
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
优作|南非开普敦MUTI工作室设计赏析
BIGD
MUTI是一家位于南非开普敦的创意工作室，他们的业务范围非常广，为许多品牌企业都提供过服务，运动品牌如耐克，服装品牌如优衣库，手机品牌如三星，杂志如Monocle 杂志、西捷航空杂志等等都有过他们的影子，同时他们的设计能力综合，从插画到字体设计再到Icon图标设计都十分强大。
WestJet Magazine
The Hound and The Hare
Brown Coffee & Bakery
World Wildlife Magazine
John Hopkins Magazine
Knight Time
Forbes Japan
Georges Magazine
WestJet Magazine
Lonely Planet Magazine
Flying High
Lonely Planet Magazine
一定会成为优秀设计师的朋友们！
最近剧真的太多了，
小编还没从卫龙女孩的队伍里脱离出来，
如懿传就已经安排上了。
而且小编最近又发现一部新剧！
《天盛长歌》
对比《如懿传》大红大绿的配色
（虽然浮夸的色彩更符合乾隆时期的蜜汁审美）
它的配色和画风简直良心的不要！
而且官宣也很佛系，
总之就是没见着过啥大动静，
可是豆瓣评分居然比《延禧攻略》还要高
虽然凭借“IP+超级卡司+大制作”
获得了较高的评分，
但《天盛长歌》自播出后就反响平平，
收视一度扑街，
虽然小编还没看剧不知道它扑街的原因，
但单单从剧照和海报就能看出
剧组是真的下功夫了！！
服装精致，布景豪华，
还专门使用了电影的宽画幅比
场面变得更加宏大更有代入感！
官方发布的色卡看起来也很高级
海报也值得一看~
主题海报
- 壁影成双版海报 -
这世间自有百态浮生，千种际遇，万般辽阔山河。
看似光影阑珊，皆在你我眸间。
微雨细语版海报
感谢这亭外风雨漫天，你我才能在这亭中独处片刻。
此爱隔山海，山可平，海可越；
此义重天地，天有道，地有情。
家国在心，苍生在肩，不敢忘，莫能负。
眸绘天光版海报
天高地阔，可纳日月山河于怀，可藏情深意笃于心。
此念，不灭。
丹心一片，不曾忘情忘恩忘前尘，惟愿守己守家守苍生。
此意，可鉴。
风霜不顾，只求守得云开；此身不吝，但求所愿得偿。
此途，不忘。
趁年华岁月，追随不弃；经世事不易，伴君功成。
此生，不枉。
愿安一隅，享人世繁华；纵有风雨，念郎君顺遂。
此求，可得。
扎心剧照海报
在光影间蓬勃而生，于明暗外纤毫毕现。
君有箴言相赠，吾自铭感于心。
开播倒计时海报
圆融不争，锋霜无畏。一方明镜如水，此情，不负。
距离相遇，还有3天
善恶得报，世存公道。一盏心灯如旧，此志，不改。
距离相识，还有2天。
六合既定，共享安宁。一卷长书如悟，此意，不移。
距离相知，还有1天。
热点节点借势海报
- 七夕 | 天盛七夕节 -
看完这些海报和剧照之后，
你们有没有被吸引到呢？
留言告诉小编吧~
当我们看的PS教程越来越多、掌握的PS技巧越来越多的时候，可能就反思最初看到的教程到底是不是正确的。而今天国外精品翻译教程就跟大家一起来看看Photoshop高手分享的10个Photoshop心得，妥妥的干货！
1.在背景图层上直接编辑
由于PS初学者总会犯些小错误，所以大多数的Photoshop教程都会要求创建副本，然后在副本上进行操作，即使出错都可以迅速回到原点，再次进行操作。不过，如果你已经意识到自己的每一步操作都能令作品更加完美，那就没有需要再回到原点了。
选择“图层>新图层>复制创建新图层”，或者使用快捷键Ctrl+J，就可以很简单地创建副本。但是过多的图层会让图层管理变得困难，特别是要从众多图层中找出目标对象的时候，很费时间。因此，如果有人说创建副本或者弄多几个图层时，其实你需要想想再进行操作。
如果只是对单一背景图层进行操作，就可以完全不管图层面板，以及担心创建副本影响PS运行速度的事情。当然，这听起来很简单，但要改变长期形成的操作习惯以及知道什么时候需要创建副本却不是那么容易的。所以操作前，先想想接下来的动作，尽量避免无用功。
2.用好橡皮擦工具
橡皮擦与图层蒙版的功能比较类似，通过“擦掉”和“遮蔽”，就能将不想要的像素不显示出来。而图层蒙版的优点在于通过改变蒙版颜色的不透明度，达到不同程度的遮蔽效果。所以在大多数情况下都比较建议选用图层蒙版，因为蒙版下的图像仍在，只是被“遮蔽”，只要改变黑色的深浅就将图像显示出来。
图层蒙版的广泛应用例子很多。比如，在使用新增调整图层时，也会发现选择“图层>新增调整图层>”，然后随意选择其中一种调整图层，都会附加一个图层蒙版。
但是，对于橡皮擦来说，它的功能更加直接。想象一下，当你拿着一支笔和一张纸，如果想去掉某些图案，最直接的想法就是擦掉，而擦掉的后果就是原来的图案将永不存在。而在Photoshop中，橡皮擦事实上就延续着我们在实际画画过程中的习惯。
从上面的比较中可以看出，橡皮擦和图层蒙版最大的不同点在于橡皮擦是真实地去掉图像，而蒙版只是遮蔽图像。而蒙版的灵活性同时也是缺点之一，一旦黑色的深浅没有控制好，不能完全遮蔽图像，就会影响整个作品，而橡皮擦是百分之一百去掉的。所以当确定需要完全去掉图像时，请勇敢地选择橡皮擦。
3.不要忘记魔棒工具
关于创建选区，很多人第一时间都会想到钢笔工具、快速选择、套索工具等等，而魔棒工具往往被人们忽略掉。魔棒就如它的名字一样，充满魔力，轻轻一点击，就会自动将与点击位置颜色基本相同的区域选择起来，并且可以通过设置容差值，调整选择范围。在图像存在明显边缘的情况下，魔棒工具可以说是最佳选项。
为了抠图或者创建蒙版，往往需要创建选区，不需要局限在某种抠图手段，根据图像实际情况，选择自己拿手的是最优选项。
4.键盘快捷键会让人错过一些发现
在Photoshop教程中，时常提及通过使用键盘快捷键进行操作。比如，通过复制目标图层来创建新图层，快捷键是Ctrl+J，菜单选择是“图层>新建>通过拷贝的图层”。
使用快捷键的确能提高操作效率，但同时也会让你错过一些学习的机会。当你使用快捷键进行操作的时候，就不会想从主场单中选择“图层>新建”，然后就不会知道存在另外一种方式：“通过剪切的图层”——原图层选区内的像素剪切到新图层中，这里包含了剪切和创建新图层两步操作，而“通过剪切的图层”一步就能完成。
并且Photoshop中还提供了自定义键盘快捷键的功能，选择“编辑>键盘快捷键”，所以不让只是遵循教程提供的一种方法，尝试一下别的，可能会更加有趣。
5.图层样式按需设置
在应用图层样式的时候，会注意到图层样式已经具有默认设置，而且这些默认设置通常“也不差”。因为这些默认设置是Adobe经过长时间研发和改良，并且随着时间的发展也在逐步完善。图层样式中，描边的默认颜色是红色，而现在的颜色是黑色。其实默认图层样式是相对的，它是Adobe长年累月的应用积累得出的。而对于Photoshop使用者，可以在各种教程的指导下，尝试各种设置选项，调试各种效果。
就如下面的文字的投影效果都很漂亮。单从效果是不知道这些漂亮的背后是怎么操作，如果点击打开图层样式就会发现，这些投影都有各自的角度。所以，下次应用图层样式的时候考虑一下实际应用需求。
6.名字只是唤起记忆的符号
在处理数量不多图层时，我们可以不用怎么注意命名。当图层数量越来越多的时候，可以通过删减不必要的图层数量，简化图层结构，然后结合适当的命名方式，进一步优化对图层管理。对于图层命名可能会存在一个误区，就是命名描述得越详细越好。要记住，命名只是一个符号，主要区别于其他图层，具有大致的特征就可以，不然混含颜色、内容描述的命名组合会让人看到发晕。
在Photoshop中，当对一个图层进行命名的时候，按着Tab键就可以对下个图层进行命名，可以说对每个图层命名是很容易的，但并不是没创建都要花一番心血弄个命名体系。就如图层不多的时候，采用默认命名方式“图层1”、“图层2”或者“图层2副本”，就可以满足需求。如果是头条文字图层，可以考虑命名为“背景文字”。当选用素材时，就不用将素材的引用名称都包含到图层命名中，相反可能命名得奇葩一点，可能效果会更加好。
7.PS离不开鼠标
现在你们在用什么滚动翻阅着这篇文章呢，是手机的触摸屏还是鼠标滚轮，或者笔记本上的触控板？在任何情况下，都需要清楚知道屏幕翻动的方式。如今随着输入设备的发展，越来越多教程在推崇试用数位板等压力感应式输入设备。
压力感应式输入设备与鼠标各有各优点。使用触控板或者数位板时，就像画画一样拿起画笔，在Photoshop上画出来。而鼠标虽然已经发明使用很长时间了，但对手掌来说，仍然是最完美的定点设备。如果拿起触控笔，操作方式将会完全跟鼠标不同。
图像是由一个个细小像素组成，在精细度控制方面鼠标具有无与伦比的操作特性，也是触控类输入设备所难以比拟的。因此，在选用输入设备方面建议优先选用鼠标。
8.不要怕高分辨率
有时候我们会听到说图像的分辨率很重要，太小就会显示不清楚，必须采用高分辨率，然后就开始听到关于DPI、PPI的各种解释，就会相信不能随便使用从网上下载的图像，因为它们的分辨率都太低或者尺寸太小。
图像分辨率是指单位英寸中所包含的像素点数。随着图像技术的发展，理论上图像分辨率会越来越大。但是为什么一定要采用高分辨率呢？显示设备的日渐发展是一个原因，另一种结论是网络资源输出的控制。我们都知道图像素材作为一种网络资源，具有它的使用价值。当市场的使用要求比较高的时候，先抛出低质量的资源，再通过一些手段控制高质量资源的输出。
我们不用太多理会策略的东西，只要知道怎么解决就行！下面将会介绍怎么通过Photoshop来克服低分辨率的问题。
Step 1
打开Photoshop，选择“图像>图像大小”，设置图像各自增大200%，勾选重新取样，设置保留细节（扩大）。
Step 2
选择“滤镜>锐化>USM锐化”，设置数量、半径、阀值，将放大产生的模糊或者失真尽量消除。这样图像尺寸就是原来的两倍，并且不需要高分辨率。学会了赶紧试试吧。
9.控制Photoshop的内存使用空间
我们都知道Photoshop对电脑性能要求比较高，对CPU、内存的占用率也是比较大的。在之前的学习中，大家可能也知道一些关于优化性能、提高Photoshop运行效率的技巧。
但是，为什么Photoshop需要占用这么大的CPU和内存呢？除了处理图像之外，Photoshop还可能利用额外的内存或者CPU性能进行画面捕捉、记录行为等。但是这些与我们使用Photoshop基本无关，选择“编辑>首选项>性能”，在内存使用情况的设置框中调节让Photoshop使用的内存空间。让Photoshop使用的内存空间越少，可让PS进行额外记录捕捉的空间就越少。
PS：Photoshop是否进行额外的画面捕捉或者记录就不得而知，但是有个秘密画面可以看一下：关闭PS重新启动，然后按着Ctrl，点击“帮助>关于Photoshop”，这时会出现一个秘密画面。
10.合并图层节省空间
使用Photoshop过程往往会产生巨大的PSD文件。这些PSD文件包含非常多的图层，常占用超大的硬盘空间，如果想将这样的超级文件发送给其他人，基本上不用考虑E-mail，如果扔到U盘或者移动硬盘传输，就要慢慢等着进度条爬满。
合并图层工具作为一个不完全的解决方案，可以将PSD超级文件缩减为小文件。要注意合并过程会将隐藏图层扔掉哦。
下面是一个简单的例子：原PSD文件399MB，经过合并后，体积缩小至27.8MB，缩减比例达到93%，并且出图质量与原文件相差无几，有需要的朋友要记住了哦！
小结
本期的国外精品PS教程就到这里结束啦。文章提及的小技巧虽然比较简单，但是对我们拓展Photoshop使用思路是有一定的帮助，特别是对一些PS工具的使用方法上也会有新的了解。感兴趣的朋友可以记录下来，一一练习吸收。希望大家能通过这次的PS教程进一步提高PS技能，打造出更加出色的作品。
图00
图01
图02
图03
图04
图05
图06
图07
图08
图08
图09
图11
图12
图13
图14
图15
图16
图17
图18
图19
图20
图21
图22
图23
图24
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
沉下（李以杰） 西见
不管是UI设计中还是营销活动中，插画都有很高的出场率，原因并不复杂：插画比起图片可控性更强，更容易发挥创意，营造氛围，传递信息。从内容到技术细节，插画都在某种程度上超过现成的图片。
作为视觉设计师，我们也常常会接到各种各样的需求，针对不同的项目和产品绘制插画，往往项目时间紧张但又需要在插画展示上有差异性。
但看着网上风格各异的插图，往往想学习却又无从下手，该怎么办？
下面我将从仿型和破型两个角度来阐述，如何快速掌握风格各异的插画。
dribbble上形式各异的插画
图片来源：dribbble
01
—
仿型
仿型，可说是一个模仿、练习的过程。选择喜欢的插画作为学习对象，拆解画面构成元素，总结代表性特征，了解其思考方式，是一种理解原作者绘画思路和想法的过程。
我们从形式上来说可以将一张插画拆解为5个构成元素：构图、造型、素描关系、配色和肌理。
构图是一张插画的骨架，各个元素按照设计的位置、大小排列在画面中，就能形成一张画最基础的模样。概括来说，最基本的构图有如下这么几种：
1.1 环型
环形构图是非常常见的一种形式感很强的构图，往往画幅中心存在一个视觉焦点，围绕视觉焦点发散／聚拢元素。
1.2 对称
对称构图的画面中存在一个轴线，画面元素围绕轴线两边对称。这种对称既可以追求强形式感的动态对称，也可以是相对的形成一种视觉平衡的动态对称。
1.3 平铺
平铺构图的画面往往不存在一个明确的视觉中心，所有的元素均匀的充满着画面,强调整体的统一性。
1.4 S型
S型构图是非常常见的一种构图方式，形式灵活多变，相信很多接受过素描静物训练的同学一定对此不陌生。S型构图重点不在于元素的布局是“S”或是“Z”，而是利用错位布局，营造空间，增强画面的节奏感。往往S型构图有着明显的层次关系，元素在空间上可以分为前、中、后景。
2. 造型
同样的元素，在不同的设计师手上画出的感觉一定是不同的，一个插画师最明显的风格特征也往往体现在造型的独特性上。造型的类别是无法枚举的，写实或抽象、松弛或硬朗、精细或概括...对造型感的提升需要我们多看优秀的作品辅以大量的练习。
风格迥异的人物造型 插画来源：dribbble
3. 素描关系
素描关系这个词想必大家不陌生，严格来说它也是造型的要素之一，单独提出来是方便大家更好的理解。素描关系由高光、灰部、明暗交界线、暗部、反光、投影组成。一个元素加哪几种素描关系，怎么加，加在那，什么肌理，都能左右一张插画的视觉风格。一般来说，对素描关系处理的越多，画面会有更多的细节，更趋近于写实。
素描关系由少到多
4. 配色
人类的视觉感知系统，对于颜色是第一位的，其次是形状。插图的颜色往往能决定观者的第一印象。对于配色，我们需要注意两点：
4.1 颜色的配比
决定画面整体色调的颜色，一般占画面60%以上，余下有30%的辅助色，10%的点缀色。这并不意味着画面中只能出现三个颜色，但是三个纬度的颜色需要尽量在色相上保持接近。
4.2 颜色的对比
首先我们要明确画面中有无对比。
颜色三要素：色相、明度、纯度。相应的对比也分为色相的对比，明度的对比，纯度的对比，当然更多时候是混用的。对比的作用有很多，较强的对比可以使得你的画面更富层次感和视觉冲击力，较弱的对比则营造一种柔和自然的感受。
不同类型色彩对比营造的画面
插图来源：dribbble
5. 肌理
肌理本是指物体表面的组织纹理结构，即各种纵横交错、高低不平、粗糙平滑的纹理变化，是表达人对设计物表面纹理特征的感受，是一种三维的概念。在这里，肌理所指的含义与质感相近，是一种二维概念。我们可以通过刻意制造的笔触感、噪点、纹理等，使得画面蕴含丰富的细节，更加耐看。
对同一元素的不同肌理表现
02
—
破型
破型，就是在充分理解学习对象构成的基础上，结合自己的风格痕迹和需要表现的内容，形成新的插画画面。
好的插画是形式与内容的完美结合，优秀的表现形式是为了传递信息，你应该明确插画需要传递何种信息，并且让所有的元素为之服务。
缺少内容创作的插画学习会失去内涵乃至成为抄袭，这是我们一定要避免的。如何更好的结合内容呢？
1. 理解各个元素的视觉表意
环形构图更聚焦，对称构图更具形式感；曲线的运用会让画面更柔和，贴近自然，直线与几何则更具现代感和科技感。先要理解各个元素所隐含的视觉语言，再通过你想传达的内容去挑选合适的呈现方式
2. 构建一个故事
想象一个故事，谁（who），在哪（where），什么时间（when），做什么事（what），怎样在做（how）？
比如说，如果是想画关于工作的故事，是谁在工作（加班狗），在哪（工位），什么时间（深夜），做什么事（加班），怎样在做（几个人讨论需求）。
然后我们再问自己一个问题：这个故事要传达什么情绪（有趣、温馨...）。
不断思考这样的问题，完成从故事到画面的转变，画面里物境-情境-意境的搭建。
3. 视觉转译
故事是文字，我们需要将文字视觉转译为图形。
让我们接着上面继续想：怎样造型的加班狗是有趣的，什么表情是温馨的?加班的桌上应该有什么？怎样的色彩和素描关系可以表现深夜，又体现出温馨? 等等。
答案也许会一点点浮现：深夜这个词从颜色的纬度，应该是冷色调的；从素描关系的纬度，应该是具有较深的投影，较强的高光，乃至是一个背光。
一点点的细化你的故事，将每一个词转化为可见的图形和颜色，并且快速的反馈到你的草图中去。当然，这个过程对于每个人来说都会得到不同的结果，自信一点，这才是你创作中最与众不同的部分
采用这样的思路，我们可以快速的创作不同风格的插画：
左侧为作者练习 右侧为学习对象
03
—
几个建议
1. 关上电脑
在自主创作的阶段中，我们一定会遇到想法不够，不知该如何进行下去的时候，此时应该避免回过头去看学习的对象，这样会让自己的创作变的局限，从而越来越像原作。
2. 足够细致的草稿
很多人对待草稿是不够用心的，粗糙的草图意味着你并没有真正做好独立创作的准备。请尽量保证从投影的造型到人物脸部的配色，每一个元素的细节都能在草稿画完之后心中有数，这样才能使你避免你对着AI／PS中的半成品不知所措。
作者平日的草稿
3. 向经典学习
dribbble上固然能提供许多新鲜的想法和创意，但是不妨去了解一下新艺术运动的插图，席勒的速写，达达主义和立体主义的海报等等，你会发现艺术史上如此多大师和流派，都是取之不尽用之不竭的灵感源泉。
1. 构图
原创： 贺红阳
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
原文链接：https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
原作者：Adam Wathan & Steve Schoger
译：贺红阳
用设计战术代替天赋，提高我们的设计能力。
在我们设计开发过程中都不可避免的遇到需要做出视觉决策的情况，除了
专业资深高级设计师外，其他非专业设计师外不管喜欢与否，又或者我们的
公司没有全职设计师，需要我们自己为新的产品实现UI。
有时候我们正在攻克一个新项目，并希望它看上去比之前的另一个网站更好。对于我们（技术人员或者非专业设计师来说）难为的说“我永远也无法让这幅画好看，因为我不是艺术家。”但事实证明，有很多技巧可以提高我们的工作水平，而不需要有平面设计背景。
这里有7个简单的方法，大家可以使用来改进我们的设计工作。
1使用字体颜色（color）和字体重量（weight）来代替字体大小（size）创建视觉结构层次
当我们设计UI，样式文本化的时候，常见的错误是过于以来字体的大小，也就是字体的字号来控制层次结构。
“这文字重要吗？那我们就让它大点儿。”
“这是次层级文字吗？那我们就让它小点儿。”
不要把所有的重担都放在字体的大小上，试着使用字体颜色和重量来完成同样的工作要求。
“这文字重要吗？那就选用一个字重大些的字体，让它变得粗些。”
“这是次层级文字吗？那我们就用一个明度高些的字体颜色。”
试着并坚持使用2-3种颜色：
用深色而不是黑做主要内容，就像一篇文章的标题。
灰色用做次层级文字内容，像一篇文章的出版日期信息。
更浅的灰用作辅助次次要内容，也许是页脚的版权声明信息。
同样的道理，对于UI工作来说两种字重通常就足够了：
就英文字体来说，对于大部分的文本，普通字重（400—500），如果想要强调的文本可以是（600—700）；就中文来讲，主要内容字体一般在常规30-34，标题和想要强调的文本中黑36-42
在ui工作中，英文字体远离字重在400以下的字体，中文字体远离16像素以下的字体。如果你考虑使用更轻的字体重量来淡化一些文字，那就使用一个更浅的颜色或者更小的字体大小代替。
关于字体重量（font weight）字体粗细的值：
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 继承值
font-weight的属性值有3种指定方法：第1种是关键字法，关键字包括“normal”和“bold”两个；也是我们常见的；第2种是相对粗细值法，相对粗细也是由关键字定义，但是它的粗细是相对于上级元素的继承值而言的，包括“bolder”和“lighter”两个；第3种为数字法，包括从“100”到“900”的9个数字序列（注意，只能是100、200之类的整百数）。这些数字序列代表从最细（100）到最粗（900）的字体粗细程度。每一个数字定义的粗细都要比上一个等级稍微粗一些。
字体的粗和细这种描述方法本身就是一种相对描述，所谓粗和细也必须要有一个参照体。例如，在上面介绍的3类属性值之间需要有一个相互对照匹配的过程，这是一个很难界定的过程。关键字“normal”相当于“400”，“bold”相当于“700”。除了“normal”和“bold”以外的其他关键字常常会令浏览器产生误解，无法直接和数值相匹配，此时字体的粗细程度通常取决于字体本身的设置。
另外，有的字体看上去比较粗，但是它们的字体描述却是“Regular、Roman、Book（常规）”、“Medium、Semi-（半）”或者“DemiBold、Bold、Black（黑体）”等字样，这主要取决于该字体本身“normal”表示的粗细程度。
2不要在彩色背景板上使用灰色文字
在白色背景下将文本设置成浅灰色是淡化内容重要性的一个好方法。但是在彩色背景此效果就不那么好了。这是因为我们在白色上看灰色是弱化了对比关系。让文本颜色更接近背景颜色，实际上创建了信息层次结构，而不是使用更亮的灰。
在彩色背景下有两种方法降低对比度：
1减少白色文本的透明度
使用白色白色文本，降低不透明度。让背景颜色稍微渗透些，以与背景不冲突的方式淡化文本
2.基于背景，选一个颜色
当你的背景是图片或是图案；或者当降低文字的透明度太枯燥或是文字降低透明度被冲淡时，这种方法都优于降低透明度的方法。
选择一个和背景相似的颜色，调整它的饱和度和亮度直到你觉得合适为止。
3.偏移卡片的投影
不要使用大的模糊和扩展值，这样会使得卡片的阴影更明显，所以添加一个垂直偏移量。它会看上去更自然，因为它模拟了一个从上往下发光的光源，就像我们真实世界中经常看到的那样。
这种内嵌式阴影可以很好的用在输入表单上
如果你有兴趣学习更多关于阴影设计的知识， Material Design是很好的设计指南（https://material.io/design/environment/elevation.html）
4尽可能少使用分割线和描边
当你需要在两个元素之间创建分割时，试着不使用分割线。
虽然分割线是区分两个元素的好方法，但它并不是唯一的方法，使用太多分割线会让你的设计感觉很杂乱。
下次当你发现自己想要使用分割线的时候，试试下面的方法：
1使用卡片投影
卡片投影是一个非常好的区分元素的轮廓方式，就像边框分割线一样，完成同样的目标但它更巧妙而不分散注意力
2使用两种不同背景颜色
为相邻的元素添加稍微不同的背景颜色通常是在他们之间创建区别的好方法。如果你已经使用了不同的背景颜色，又使用了边框，那请试着把边框删掉，你可能不需要它。
3添加额外的空间，也就是留白。
除了简单地增加距离之外，还有什么更好的方法在元素之间创建分离呢?在空间上加大更多的距离（更多的留白）是一种好的方法，在不引入任何新的UI组件元素时来区分元素
5.不要放大本来应该很小的图标
如果你正在设计一个可以使用一些大图标的页面，像一些登录页面的“特色”部分，你可能本能的使用免费图标库里的图标，然后放大它们的尺寸直到符合你的需要。
两个超棒的免费图标库分享给大家：
1FONT AWESOME (https://fontawesome.com/icons?d=gallery)
2 Zondicons(http://www.zondicons.com/)
“它们毕竟是矢量图，所以如果你放大尺寸质量是不会受到影响的对吧？”
虽然我们增大矢量图片的尺寸它们的质量是不会下降的，但是当我们把它们放大到3倍或者4倍的时候，那些原来用16-24px绘制的图标永远不会看起来非常的专业。因为它们缺少细节，并且总是感觉不成比例的矮胖矮胖的。
如果你只有小图标，试着把它放在另一个图形里，并且给这个图形一个背景色：
这可以让你的图标尺寸更接近原始图标尺寸，同时仍就充满大的空间。如果你有足够的预算，你也可以使用高级优质图标集做设计，在大的尺寸上使用大的图标，付费图标库如Heroicons和Iconic。
1 Heroicons （http://www.heroicons.com/）
2 Iconic（https://useiconic.com/）
6.在平淡的设计中使用超重的彩色的边框
如果你不是一名平面设计师，相比其他作品里的漂亮摄影照片或者颜色丰富的插图作品，你如何在你的uI设计中添加少许的视觉天赋。
有一个简单的技巧可以让你的界面有一点不同，那就是添加超重的彩色边框在你的部分界面里，它会使得你的界面不同于其他平淡的设计。
例如，沿着警告信息的侧边加一个超重的彩色边框：
又或者是高亮显示激活的导航栏项目
甚至是在横穿整个布局的顶部：
它不需要任何的设计天赋增加一个彩色的矩形在你的UI作品里，并且它可以让你的网站像你期望的那样更具设计感。
选颜色很困难？试着从有限的颜色板中选取颜色，例如dribbble的颜色搜索，以避免被传统颜色选择器带来的无尽的可能性。
7不是每一个button按钮都需要一个背景颜色
当用户在一个页面上有多个可操作路径时，很容易陷入基于纯语义设计行为陷阱。
如Bootstrap这样的框架式网站鼓励你这样做，当你添加一个新按钮时，它会给你一个语义样式菜单供你选择。
“这是一个正面的行为吗？是，那就使用绿色。”
“这是删除数据的操作吗？如果是，那就使用红色按钮。”
语义是按钮设计的重要部分，但还有一个常常被忘记的重要的维度，那就是等级／层次结构（hierarchy）
页面上的每个按钮放在哪都基于重要性金字塔的某个位置。大部分页面仅有一个主操作按钮（primary action），几个不重要的次级操作（secondary actions），和几个很少使用的三级操作（tertiary actions）
当设计这些操作按钮时，最重要的是考虑它们在层次结构中的位置。
主要操作按钮应该是显而易见的，实心纯色的，与背景颜色是高亮度对比。
次要操作按钮应该是明确清晰但不突出。轮廓风格或者是与背景颜色低对比是很好的选择。
三级操作路径应该是可发现但不显眼。将这些操作路径设置成链接样式通常是最好的方法。
“那破坏性的行为呢，难道不应该是红色的吗？”
不一定！如果破坏性操作不是页面上的主要操作路径，那么最好对其样式按照二级或者三级按钮的形式处理。
保存大的，红色的并且加粗的设计样式，以便于当界面的主要操作路径是负面的操作路径时使用，比如在确认的对话框中：
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
原创： 贺红阳
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
每一个独立自由的灵魂 都是生活的艺术家。
（前言：再第一次开始运营公众号时候，其实有想了很多主题。对于学习技能方向大家可能会更甚喜欢。可是最终确定每周一的发文是关于中国大师系列的文章。因为古语有云教育的四阶段：先德行，而后言行，政治，最后才是学问。这里的学问便是如今的技法。而今交技法的文章太多，了解文化常识的太少。而学习要追书本源，学到根本上，才能以不变应万变。生活的常识，历史的常识是我们现在的短板。既学艺术设计，必要了解设计艺术历史，了解在艺术设计里闪闪发光的前辈们，我们才知道什么是好，才不会被当前的流行所困惑，在设计艺术中能够找到一种释放感，并通过艺术来思考自己的生活。）
今天带大家认识一位民国时期童心未泯的“小大人”——丰子恺先生。以纯真漫画，搭建属于孩子的自由世界。
丰子恺（1898年11月9日——1975年9月15日），浙江嘉兴桐乡人。原名丰润，后改为子恺，笔名TK。师从李叔同（弘一法师）和夏丏尊。
丰子恺一生多才多艺，著作等身。在众多艺术领域取得了卓越成就。他的漫画闻名于世，散文，音乐研究，译作也十分出色。丰子恺的漫画简洁生动，清新自然，意味深长，既有古典诗词的美妙意境，又不失中国传统绘画的章法和气韵。是中国近代漫画的鼻祖和抒情漫画的创始人。
丰子恺先生在画画
1914年，丰子恺考入浙江省立第一师范学校，师从李叔同和夏丏尊。
夏丏尊负责教授国文课，他所提倡的白话文被丰子恺奉为圭臬，其中通俗平易的特点，贯穿了丰子恺往后一生的创作。
夏先生也同时担任舍监，他事无巨细地关心着丰子恺的生活，这种照料在很大程度上，让初到陌生环境中的丰子恺，内心有了安全与归属感。
另一位恩师李叔同，可以说是对丰子恺影响最大的人。他不怒自威的气质深深吸引着丰子恺，丰子恺曾表示：凡是李先生喜欢的我都喜欢。
李叔同教音乐美术课，在丰子恺眼中，李叔同凡事认真。在他“温而厉”的教导下，丰子恺养成了做事一丝不苟的习惯。
有一天晚上，一向极少论人的李叔同，把丰子恺叫到身边对他说：在我所教的学生里，从没有见过像你这样快速进步的。回去后，丰子恺在日记本里写道：当晚这几话，便确定了我的一生。
此后两年，丰子恺在绘画上下足了苦功，有空就向李叔同请教，他们的关系也越发亲近起来。
丰子恺曾撰文《我与弘一法师》，专门描述他心中的李先生：“就人格讲，他当教师不为名利，为当教师而当教师，用全副精力去当教师；就学问讲，他博学多能，其国文比国文先生更高，其英文比英文先生更高，其历史比历史先生更高，其常识比博物先生更富，又是书法金石的专家，中国话剧的鼻祖。他不仅能教图画，音乐，还拿许多别的学问为背景来教他的图画，音乐。夏丏尊先生曾说：“李先生的教师，是有后光的。”像佛菩萨那样有后光，怎不教人崇敬呢？而我崇敬他，更甚于他人。
《丰子恺漫画全集》由《儿童相》、《儿童相 学生相》、《社会相》、《社会相》、《护生画集》、《绘画诗歌》、《绘画小说 封面插图》、《彩色画卷》和《彩色画卷（精品画集）》九卷组成，全面收录了丰子桤先生生平所画的优秀漫画。
以下图片来自《丰子恺漫画集》
丰子恺的画和文，如同“一片片落英，含蓄着人间的情味”，又如“一首首带核儿的小诗”，句句含情。从饱读诗书的文人到平头百姓，对他的画和文章都有很高评价。
我的脑子里有一个“丰先生”的形象：一个与人无争、无所不爱、一颗纯洁无垢的孩子的心。——巴金
从丰子恺先生那里，我学到了朴素。——林清玄
他的画极家常，造境着笔都不求奇特古怪，却于平实中寓深永之致。——朱光潜
“我们都爱你的漫画有诗意，一幅幅漫画，就如一首首小诗，带核儿的小诗，我们就像吃橄榄似的，老觉着那味儿。”——朱自清
“我觉的，丰子恺是现代中国最像艺术家的艺术家，这并不是因为他多才多艺，会弹钢琴，作漫画，写随笔的缘故，我所喜欢的，乃是他的像艺术家的真率，对于万物的丰富的爱，和他的气品，气骨。如果在现代要想找寻陶渊明，王维那样的人物，那么，就是他罢了。他在庞杂诈伪的海派文人中，有鹤立鸡群之感。”——吉川幸次郎（日本汉学家）
以儿童为师，以自然为友，以“赤心国”和“明心国”作为自己毕生的“理想国”，不忘初心，作善知识。丰子恺先生一生的故事和作品，不仅向我们呈现了一个单纯，烂漫，和完整的童心世界，也让我们领略了一种亦诗亦哲，童心即佛性的生命境界。——徐鲁（诗人，作家）
“儿童”在丰子恺漫画里出现频率最高，可以说，他画尽了孩子的喜、怒、哀、乐、懵懂、稚拙等多面的神采。
他和孩子们一起办家家酒、唱歌、画图、做游戏，带孩子们散步远足。他随身带着一个小本本，孩子的言行举动常被他迅速描绘下来，成为取之不尽的创作素材来源。
丰子恺曾说：“我的心为四事所占据，天上的神明与星辰，人间的艺术与儿童。”他认为世间事物的真相，只有孩子们能最明确、最完全地见到。因此，他借助儿童的视角，细致描摹世间的温柔与感动。
在对孩子的不断记录和创作中，他深深地体察他们，了解他们，亦步亦趋地随着他们成长。
最是好光景，努力惜春华。
他是“最像艺术家的艺术家”,也是最懂孩子的爸爸.
在丰子恺的漫画里，既有成人改造孩子的无错之过，又有孩子必然成人的无可奈何。他没有站在教育家的角度上，石破天惊地针砭时弊。而是以一个父亲的身份出发，对世间美好单纯的消逝，流露出无比的惋惜之情。
他有最有效，最愉快，也是最省钱的方案——他能够听懂孩子们的心。
他极尽全力地抛开大人的思维，反对以成人之心，度孩子之意。他常常站在孩子的立场上，以饱含同情的笔墨，绘出成人对孩子无形的伤害，在这个过程中，他戳到了中国教育的痛点。
有这样一个故事：有一回，弄堂里来了个卖小鸡的小贩。孩子们看着雪球似的小鸡十分可爱，哇哇大叫起来：“要买，要买！”
小贩仗着孩子们的喜欢坐地起价。丰子恺觉得不值，就没买。
他拉着没得到小鸡而哭泣的孩子们回家，想教导他们，下次千万别再嚷着“要买，要买”啦！可他实在没法把这话说出口。这难道不就是教导孩子，“看见好的嘴上不可说好，想要的嘴上不可说要”吗？
孩子最可贵的就是天真烂漫的性格。如此教育他们“懂事”，乖觉圆滑，岂不是早早叫他们做一个面目虚伪的大人了么？回到家里，丰子恺眉头微蹙，写下这篇文章，也记录了自己的困惑与思考。这样的生活小片段，在新书《日月楼中日月长》，随处可见。
人要像小孩一样，怀有一颗善良纯真之心，看待世间万物，才会懂得那些小事的真正趣味，才能看到更多生活的美。
家人共度欢乐时光，连墙上的钟都在笑
一生童真，一生有趣
“世寿所许，定当遵嘱”
李叔同出家了，法号弘一法师。他知道，老师的爱国热忱从未歼灭，为了帮助老师弘扬慈怀，他决定为弘一法师画一部《护生画集》，40岁画40副，50岁画50副，直到100岁画100副。
为了笃定意志，他给老师留下一封信，写了八个字：“世寿所许，定当遵嘱。”即若自己能活到老，便将此画按约定完成。师徒两人发愿流布“护生画集”，商议由丰子恺作画、弘一大师题字。
“护生画集”，所谓“护生”即是“护心”。
弘一法师说：“去除残忍心，长养慈悲心，然后拿此心来待人处世”。
画集预计在1929年出版，丰子恺想到，那时弘一大师正好50岁，何不画成50幅出版，以贺恩师50寿辰。丰子恺把这个想法告诉了弘一大师，弘一大师也极为赞成。就这样，由丰子恺作画、弘一大师配文、马一浮先生作序，在1929年弘一大师50岁时，50幅的“护生画集”出版。
1938年，日军侵华、丰子恺携着一家老小，颠沛流离，过着逃难求生的日子。眼看弘一法师60岁生日在即，无论什么情况，都不能忘了那60副画作。
某个夜晚，大雨滂沱，一家人躲在一间屋子里避雨安顿，桌子上正摆着未创作完的画作，不巧桌上的瓦当处有一漏洞，把整个画稿浸湿。丰子恺没有办法，只能熬夜赶制，一连下了一周雨，一连熬了一周夜，为此他染上风寒，依旧不忘弘一法师的重托。
后来弘一大师没能等到“护生画集”的后几集，就在1942年、63岁虚龄时，在福建圆寂了。弘一大师圆寂前，心里记挂着《护生画集》的事，他曾经给友人写信，希望友人能帮助丰子恺完成后几集的编绘工作，他在信中说：
“务乞仁者垂念朽人殷诚之愿力，而尽力辅助，必期其能圆满成就，感激无量。”
但后来他委托的朋友也相继过世，这样“护生画集”的创作使命就落到了丰子恺一个人的身上。丰子恺牢记恩师嘱咐，决心把“护生画集”继续画下去。
无论遭遇了什么身心上的折磨，乐观的丰子恺一直瞒着家人，报喜不报忧。
直到有一年冬天刚下过大雪，女儿丰一吟去给他送御寒的衣服，看到父亲孤独地站在寒风飕飕的田野里，胸前挂着一个蛇皮袋，正在一点点地摘棉花，全身冻得直发抖。之后，在女儿的一再要求下，丰子恺才带着女儿去了自己的住处，女儿在那个破旧的牛棚草屋里，清楚地看到父亲的枕头边还有一堆没融化的积雪。后来因为环境的恶劣和非人的折磨，患上严重肺炎的丰子恺被允许回家养病，此时的他已经是76岁的古稀老人了。
回到家中的丰子恺并没有按照医生的要求，好好休息，积极配合治疗；相反，他甚至偷偷扔掉医生开的药，因为这样他的病好不了，就可以继续留在家里、继续作画了。
他每天凌晨4点就起床，开始着手画《护生画集》的第六集，此时与恩师约定的最后一集还有6年时间；但丰子恺似乎隐约感觉到自己将不久于世，所以才拼命画的吧。
儿女们怕他累坏身体，也担心造反派随时来家里搜查，就把他的笔和纸都藏起来了，丰子恺就向他们哀求道：
“你们这是要我的老命呀，快还给我吧。”
1973年，丰子恺终于画完了“护生画集”第六集的100幅画；他自知不久于人世，便秘密委托给朱幼兰居士保管。
1975年，丰子恺与世长辞，未能见到六集“护生画集”全部出版。
1978 年，与丰子恺失去联系多年的广洽法师来到上海，本以为“护生画集”的第六集会遗憾缺失，却没想到丰子恺早已将第六卷的稿暗自完成，而丰已去世3年了。广洽法师跪在丰子恺灵前，老泪纵横，为丰超度祷告，深念故人。
随后，广洽法师将第六集的画稿和诗文带到了新加坡出版。这时丰子恺信守了半个世纪的约定，如愿以偿。
在这半个世纪的时间里，人生几经沉浮，世事几度沧桑；但丰子恺却始终抱守诺言，践行了对恩师“世寿所许，定当遵嘱”的承诺。
他把一件事，就这么做了一辈子。
“护生者,护心也。去除残忍心,长养慈悲心,然后拿此心来待人处世。这是护生的主要目的。”——丰子恺创作《护生画集》的宗旨
丰子恺先生文学造诣也很高。
著名服装设计师马可创造的“无用”品牌，其品牌精神便是来自丰子恺先生的《无用之美》。
个人品牌马可之无用(WuYong)之所以起名为“无用”,马可这样说道:““所有人都在追求有用，做个有用的人，做个有用的物件，买个有用的东西，是否有用甚至已成为我们做事的前提。但眼前的有用与未来的价值常常不同，我想做些眼前未必有用但以后会有价值的事，我想把人们眼中无用的东西变得有用，我想人们不再以是否有用作为取舍的原则。我喜欢无用，才能赋予它新的价值。价值从不在物件本身，而在使用的人。
所以无论从事设计艺术的哪个行当，深厚的文化底蕴和知识是我们创作的灵感源泉，正是这背后的东西让我们的作品变得深刻，美得深刻，赋有灵魂。
推荐大家阅读书籍吴浩然的《丰子恺的故事》，了解大师之后。推荐阅读散文随笔《缘缘堂随笔》，《缘缘堂再笔》《画中有诗》《白鹅》《活着本来单纯》漫画《子恺漫画集》《护生画集》艺术绘画《无用之美》。
这本书名字叫《无用之美》，然而《无用之美》只是丰子恺大师的一篇文章。这本书给大家讲的都是绘画门外汉需要普及的绘画知识，如何把绘画这门高雅的艺术向普通大众传播，这其实挺难的，我觉得丰子恺大师做到了。我觉的艺术的最高级形式便是与生活融为一体，你的一言一行，所思所想都是艺术。
作家安·兰德在《源泉》里写过一句话：“像个大人一样生存，像个孩子一样生活。”
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
蓝蓝设计的小编 http://www.lanlanwork.com