2019年1月4日

素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

很多朋友都有这样的疑惑,就是看的东西实在太多了。在搜索时,不知道选择什么比较合适,而且不知道怎么缩小范围。

久而久之,就变成了一种持续在看的状态。

大部分情况,寻找素材都有两个极端情况,一种是找到的素材太多了,不知道怎么做减法,另外一种情况是找到的素材实在太少了,根本没办法实现我们的想法。

v2 234cfddc6313085865ac2e78ec5d28ad hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

同时,刚入门设计师有一个不是很好的习惯,就是碰到什么问题,会去大量的寻找素材。去寻找各种各样不同的素材,希望通过素材去拼接成一副美好的画面。

但是事实是往往找到的素材,都不是最合适的东西,时间都浪费去寻找图片了。

v2 424c0dc7c78aaf149283a2ab43b119b7 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

寻找图片,准确来说是寻找适合的图片,是每个设计师的必修课。不管你是初级还是高级,肯定都会碰到类似的问题。

判断一个人能力水平的高低很重要的指标,就是它能不能一下子将问题的核心要点切中。譬如,你收到领导指示,需要给公司添加带一些椅子。不懂领导的内心的朋友就会直接去找椅子,搜索到一堆的椅子,让领导去选择。

这样做合理吗?

v2 565157a03541314d3de2f1c03710115d hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

答案当然是不合理的,因为这里缺少了一个很重要的前置条件,就是椅子是用在什么地方。这点你有问清楚么?

是给员工用的还是老版用的?
放在办公桌还是在餐厅?
在哪种具体环境下使用?

这些重要的前置条件,通通都没有回答,就直接去寻找,当然找不到理想的东西。

v2 bddb813586c81f796c2107aaf0231abe hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

假如我将条件问的明白,结果会不会更好?

得到的答案是这样:

公司在一楼,附近有水渠(环境潮湿)
领导喜欢中式家具(传统的东西或许更适合

那么选择的范围就会变少,能直接切中需求的可能性会变得比较大。

v2 79c7e1eeb2b5d951289f082af749fa65 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

如果不以这种方式缩小范围,在马云家,都能收到成千上百个结果。

就算你多有本事,能瞬间命中到真正需要的那一款吗?

v2 09ca0ff6c744e7d441401f83e7ef2389 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

那这个问题该怎么解决呢?

大家不要忘记了,在每个搜索引擎里面,有个很重要的功能叫做筛选。

我们还是以椅子为例。

v2 1f82ae167208dc5cac10372e4e50a666 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

分类技巧

从大品类看,这个东西不管它是什么样的东西,都是能按这五种特点进行区分。

分别是:

  • 1、权限
  • 2、颜色
  • 3、时间
  • 4、类型
  • 5、大小

每个大分类下面又有选项,这些林林总总的选择就是我们进一步缩小范围的秘密武器。

v2 c1eb6e1d8611ae1c3fb400662ca5cace hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

搜索技巧

从搜索技巧上看,要关注两个符号。注意具有搜索功能的站点都支持着这样的符号。

符号一:“-”

-指的就是排除筛选法,以下图为例,搜索的是“漫威”,但不包括搜索“漫威的电影”。在什么环境会使用到这个功能呢?

需要排除某些选项时,譬如你要做新年主题,这时候,我不需要对联这种结果,就会使用到『-』的符号。

v2 1733a3a41e5f3c9084e38bca5f27f268 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

没有使用『-』符号的结果

v2 dcabc9f04501d31a88ffd3c11df779ba hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

使用了『-』符号的结果

v2 cf6caa11ab330feac765bd6ef8704ba4 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

符号二『site: 』

对特定站点进行针对搜索。大型搜索引擎里面,这样的功能很重要。指的是专门某个域名进行搜索,而不用专门打开那个网站。

譬如我要寻找http://v.qq.com下,漫威的所有图片,这时候这个功能就很好用。会得到某些细分领域这个主题的设计参考。

v2 757a2ade60f934da7e4854ecc9d46cd2 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

没有使用『site: 』符号的结果

泛搜索,什么类别都有。

v2 8bfcf00ff2279e41d7397db502832b4d hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

使用了『site: http://v.qq.com』符号结果

会得到很多电影,漫画,剧照参考

v2 cc9d45ecbfaf486d9ac1e4c2bffa0a17 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

使用了『site: http://zcool.com.cn』符号结果

会得到设计周边的参考。

v2 56bf27d7ba8873004615631f61e682dc hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

使用了『site: http://huaban.com』符号结果

会得到国内比较多艺术感较强的参考。

v2 c291a8fe22d0fa1b1081bd9e319d5de8 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

使用了『site: http://behance.net』符号结果,注意这里最好将中文字漫威变成英文『Marvel』

会得到国外比较多艺术感较强的参考。

v2 5915e6c3f3dd7d99e5129c3ade422d94 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

一个是用了排除法,另外一个用的是指定法。

只有两个熟练掌握这两个重要的功能,就能将范围缩小。

v2 c27d772f988ac92f201516002f20f8c2 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

说完了这一套概念。后面我们要引申出对设计师而言很重要的能力。就是筛选法,将其命名为定点打靶式筛选法。

定点打靶式筛选法

这个章节会要用到的模块,大致分为限定条件,相关联想,工具推荐以及总结是四大类。

v2 458a19b1c94eb55d3f1de617f9ff476b hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

还是以椅子为例吧。我们进行搜索的时候。最初级的筛选可以通过这三种属性,做到筛选。

一、尺寸。根据使用场景,决定我们需要的是大图,中图还是小图。

二、颜色。整体的设计风格需要挑选合适的颜色,如果你选择是简约风,尽量以选择黑底跟白底为主的图片。那样。加工工作强度就会变得少很多。

三、类型。我们能选择的是特写,全身全景,黑白照片,线稿图,矢量图,还有别的东西。

v2 02fed713a90ddc015073d0ad742604f1 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

这里会单独针对这三点进行细致讲解。

尺寸

大小尺寸指的是我们得到的图片。分辨率大概是多少?

我可以根据图片的用途进行简单的划分,比如是印刷用的和界面用的。前者需要非常巨大的图片,分辨率最好是高于两百。后者是界面用。一般只需要72的分辨率就足够了,图片大小也不用选得非常巨大。

v2 7d0aaa64b660a612f4bfc8807e70975c hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

颜色

颜色简单来说就是我们看到下图的情景,有红色,橙色,黄色,绿色,紫色,粉色。蓝色,黑色,白色等等。

选择的时候会根据整体的色调风格进行搭配,比如你做的是一个极简风的设计,整体会以白色为主,那么我们选择的素材一般都会以白色为主要的突破点,当然不是说其他颜色不可以使用,可以使用,但需要你进行抠图,那这是需要浪费时间的,这点成本要考虑进去。

v2 928031e1902b71e9bed44020302d498b hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

类型

搜索引擎都会为我们进行了类型上的区分。可以简单分为大头照、矢量跟手绘以及GIF等素材,这是很重要的素材来源。

● 大头照大部分都是头像和面部特写,需要人像时可以考虑。

● 矢量和手绘,以卡通画和简笔画为主,适合快速表现。

● 动图就是我们所说的gif,或者称为动态图片 。在表情和特殊的环境用的比较多。

v2 4d5c3d16454d1ec96b8a29eb38651c0f hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

常用工具

具体会用到什么搜索引擎呢?其实和我们平常会用到的搜索引擎没有多大的差异。哪怕寻找某些中小型站点的搜索时,也能通过这些方法进行大致的分类。

v2 9a7c38cc157ead68180448bf74239d06 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

以椅子作为例子,来延伸这个方案,根据我们之前聊到的一些话题,进行细致的类型,大小跟颜色区分后,会得到什么不一样的结果呢?

我们的目标是搜索一张椅子。

v2 de166a074c46477f64d35d40428d4bad hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

这是全素材的结果。

v2 fada467108cd0f2b3da8ed4bc81b3f98 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

选择超大图片的结果。

v2 6d6fa1041a01aeec3ae1859cb7d2b815 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

对指定站点搜索的结果。

v2 fa11e5a3ec9d688e85d92b200dbec052 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

对指定站点搜索并添加蓝色根据大图片标签的结果。

v2 cd57a7fe2107c7983c8eede73c45dac0 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

在上者条件下,添加设计感,得到搜索的结果。

v2 0bdfdc2804355cfa46eecffbf11cb6f1 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

将条件混合起来,我们可以得到两组,还不错且具有设计感的椅子。寻找图片往往就是通过这些关键字叠加,得到我们需要找到的结果,特别要注意的就是关键字之间一定要加上空格,而不是完全连在一起。

v2 a5448c0e22a8e0e83841da9e7bee9038 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍
v2 3f005856c7a385a087fb1e1160c5d5b1 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

我的目的是通过相关性联想。在不改变任何条件的基础上,尽量的让我们的思维更为发散,得到更多我们需要找到的东西。

相关性联想

v2 d9b333a3ba7ac528eb1441e6c1662eb6 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

在图片搜索领域有个很重要的功能叫做相似图片功能。另外还有一块宝地,就是每张图片的详情页就是图片出处的地方,这也是很重要的相关性来源。

就看到譬如觉得某张椅子的造型很棒,如果通过相似图片就能找到一堆,从造型、颜色跟机理上跟着替换,就容易设计比较接近的同类型产品。

v2 3f4e13f87b508295f2c1bee4c0e966f5 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

最后由于时间关系,整理最终的结果。

你将会得到一堆像下图一样,特别有创意的椅子造型,想必这些造型肯定能刺激到你的脑袋吧。

简单来说,通过关键字叠加的策略。将我觉得认为合适的图片,再通过相似图片进行这种方法的延伸,进而得到很多意想不到的结果。

v2 1997a9d95bc70cb9d966f986f3373103 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

这种方法有一个很重要的前提,它只适合于图片类型的资料。工具也是大家会用到的工具,及谷歌搜索,百度搜索,搜狗搜索以及360搜索。

v2 18a070195b851273404ea35f56d046ab hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

当然以上情况都是针对普罗大众的搜索习惯,如果你是一个专业的设计师,你可能更多需要更为专业的图库。

专业级图库

有一个图库叫做zoommy ,将国外大部分的免费图片做成了集锦。免费的图片大多数均以国外的风景为主,还有一部分静物跟动物。人的造型就不要太指望了,一般是找不到的。

v2 539a514fbd3ab3ab05d2f30c2a873d2c hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍
v2 bc31c2603595eb9c38bc9af4c020fb13 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

总结

之所以要做以上看上去有点繁琐的步骤,其实目的就是为了进一步缩小范围,完成更精准的收集。因为越精准。花在设计上的时间也就越多,而且过稿的几率也会越大。

v2 bd68144b1436eff75309261e927ee167 hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

能认清楚条件,对做事效率的影响,这点很重要。不管你以后还是从不从事设计这个行业,这个思考习惯。都会帮你在关键时刻不离不弃。在做事上达到事倍功半的效果。

v2 9d86c876b5e37298a894a02a33bc167f hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

延伸阅读

加条件跟我们选择职业生涯规划有很多相似性。这本书《你的降落伞是什么颜色?》就是在讲如何做人生筛选法。因为如果你连自己有什么条件都不了解的话,你做任何事情都不会特别有把握。

在做事之前,一定要清楚明白自己擅长做什么,不擅长做什么,这点很重要,不擅长的东西就让擅长的人去做,而不要死撑着,那样效率更低。

v2 4af11249d4dccb8cba9dd078dee97a9d hd 1 - 素材整理术⑤ |找到的素材太多,不知道怎么筛选?这样做更效率提升3倍

如果你喜欢这篇文章,记得给米田点个赞哦。


做过1万个小时设计,读过1千本书,分享与你相关的设计故事

微信号:izddesign

2018年9月6日

保持灵感的工具箱

如果你是一个以灵感为生的创意人。最怕的事情并不是做不出来,而是想不到好的点子。

 

所以在创意圈里面很流行的一种思维方法,就是头脑风暴。

 

大家都尽量在可控的时间内,每个人想出10到50个,不同的方向,一次句结合形成新的创意点。

 

当然,这都是针对于群体行为,当你夜深人静独自奋斗的时候,那就需要另一种方式去填充你枯竭的创意。

 

我一般的做法就是每天建立自己的灵感库。

2014年10月31日

Sketch3.2新版本特性

昨天,Sketch发布了测试版的3.2,这篇文字第一时间呈现新版本的特性,一起看看有什么特别有用的特性发布了。
作为参考,这部分新特性的演示引自于 Ale同学的tweet:

 

1、度量尺寸模式:

以网格和参考线为基础,自动测量某个形状与这些参考物的距离
wpid e21c2d9d1e9c3f6fee2596a284643a1d 18601351 fc27 47ab 89a2 2489798280bc - Sketch3.2新版本特性

2014年10月17日

字符画ASCII Art,一键生成酷炫头像工具

ASCII Art 这个名字或许大家很陌生,如果说是字符画,就相当直白。
之前,自己以为这东西是一笔笔像素画出来,整理资料的时候发现,原来是可以通过工具实现大致的效果。

如果你对此感兴趣,可以继续往下看。
在这里推荐两个网站,网上还能搜到很多其他的。有的是转换图片的,有些是专门转换文字的。这里推荐两个转换图片的。

两个字符画(ASCII Art )转换工具

ASCII O Matic
http://www.typorganism.com/asciiomatic/
wpid 5e1f1a183db2a6185ff4db87d041cf7e f4489abf e832 48d5 b830 e2d3ce6d084b - 字符画ASCII Art,一键生成酷炫头像工具

img2txt
http://www.degraeve.com/img2txt.php
wpid 5e1f1a183db2a6185ff4db87d041cf7e 06fff414 ec7a 4cd3 b583 050ab06ffc67 - 字符画ASCII Art,一键生成酷炫头像工具

实际案例

这是躺着我表情库的一张图片。我需要拿它做实验。
开始实验时,我们需要准备些材料。

  • 明暗分明的图片一张
  • 转码的工具网站

wpid 5e1f1a183db2a6185ff4db87d041cf7e e4a5f9bb 714e 4f41 a244 c895ede317a7 - 字符画ASCII Art,一键生成酷炫头像工具
原图是这样,由于是表情库的东西。尺寸和质量都比较差,自己对输出的结果只是抱着试试看的心理。
最后,上传图片,或直接黏贴对应的图片网络地址,稍等片刻......(这段时间可以上个厕所什么的....很快,估计约莫1分钟的时间)

噔噔~
激动人心的 时刻到了
wpid 5e1f1a183db2a6185ff4db87d041cf7e 29c8942b3f8ca131df0f5ba5e813a722 - 字符画ASCII Art,一键生成酷炫头像工具

举一反三,素材进一步加工

估计这一步很多人会说,切,不就是那么简单的东西。至于写一篇文字去说这个问题么?
米田不是这么随便的人,单纯这样发工具肯定还不够干货。

不知道大家有没有想过,其实这是相当美味的素材大餐。能在一定程度上规避版权问题,让原素材变得更有艺术的味道。

只需三个步骤,一个还不错的海报就诞生了

  • 1、打开图片并转换字符画
  • 2、添加点线面元素丰富画面
  • 3、调整细节10分钟搞定

wpid 5e1f1a183db2a6185ff4db87d041cf7e 11949777 - 字符画ASCII Art,一键生成酷炫头像工具

延伸思考

其实其可以想出任何更为有趣的形式,千万不要小看每一样最简单的工具。
工具虽然简单,重要你创意的大脑能演化出更多的可能性。

这是某些程序猿同学的杰作,设计尸们也要努力哈~
wpid 5e1f1a183db2a6185ff4db87d041cf7e 12538022 - 字符画ASCII Art,一键生成酷炫头像工具

最后求点赞,神兽坐镇,佑我等设计尸们~

/*
*----------Dragon be here!----------/

  • ┏┓   ┏┓
  • ┏┛┻━━━┛┻┓
  • ┃       ┃
  • ┃   ━   ┃
  • ┃ ┳┛ ┗┳ ┃
  • ┃       ┃
  • ┃   ┻   ┃
  • ┃       ┃
  • ┗━┓   ┏━┛
  • ┃   ┃神兽保佑
  • ┃   ┃此文没有错别字╮(╯Д╰)╭ !
  • ┃   ┗━━━┓
  • ┃       ┣┓
  • ┃       ┏┛
  • ┗┓┓┏━┳┓┏┛
  • ┃┫┫ ┃┫┫
  • ┗┻┛ ┗┻┛
  • ━━━━神兽出没,点赞的明年升职涨薪━━━━
    */

 

2014年5月25日

MacType,让windows爱上苹果的美化字体神器

d60974c0bf6521e8700648c41988d024 - MacType,让windows爱上苹果的美化字体神器

在推送内容前,还是要贴上这么一段话:

谢谢你对我业余工作的肯定~哈哈~

罗暮决° 感谢米田君,不好意思我今天才出来感谢,昨天加班到好晚,嘿嘿。感谢您的指点,我尝试着这样用拼贴做了一个海报,客户很满意。谢谢,有自信的感觉真好。

我: 哇,想不到有这么立竿见影的效果。多思考点,可能性会越来越大。这便是设计的乐趣。文章是上周五的文章,一个关于拼贴联想创意的故事。

————————————这是正文开始

今天要推荐的东西,很简单,又不简单。它是一个字体工具,不是所谓的字库,而是一套基于windows下模拟苹果字体效果的插件。容我称其为插件,版本已经很老,大约在2012年已经出现。不过整体表现不会因为发布时间过早而大打折扣,相反基本能兼容现在所有的windows操作系统。

MacType,它是什么?

即原来的GDI++,在FlyingSnow的二次开发下,GDI++正式改名为MacType,版本号重新回归1.0。MacType原名(GDI++),字体渲染引擎,能使文字显示得更清晰、更有立体感。它是一个开源项目,能接管Windows系统的GDI字体渲染功能,实现比Mac系统更华丽的字体渲染效果!MacType支持目前主流的WinXP、Vista和Win7等操作系统。

简单来说 对于windows系统,mactype是完美主义者必备之物,如果你看不惯,慎入。

废话少说,直接上效果**

安装过程十分简单,到最后,它才会让我们在四种加载方式之间进行选择,对于一般用户来说,最好选择MacTray方式加载(MacTray也有两种方式,建议采用独立加载模式)。这种方式会在系统托盘中显示一个控制图标,方便配置。

一般配置过mactype的电脑字体看起来比较圆润。具体效果图请看下面对比图。

4fae934b48e1e3ae941585d4db7db0f6 - MacType,让windows爱上苹果的美化字体神器 使用前

1ed08d4a2122628ce035c346f1f0491c - MacType,让windows爱上苹果的美化字体神器 使用后

特别适合长时间阅读文本的同学

MacType 一般文本显示效果:使用 MacType 之后用来看电子书、编辑文本等效果都是非常理想的。如果你特别喜欢看小说什么的,或者工作经常与文字打交道,那么相信当你用过 MacType 之后它就会成为你必装软件之一了 a93e35ab31ed6daf56ffa0b5fcb464b9 - MacType,让windows爱上苹果的美化字体神器

网页端浏览效果

f9eeb65e3ebf28f4ab799dff3657e1af - MacType,让windows爱上苹果的美化字体神器

后面:

它完全免费,MacType与各种字体的搭配、显示效果的配置可以说是千变万化,而且效果差异也非常大,你可以省心地用默认配置,也可以花时间配置出独具一格的字体效果。如 MacType 是一款 Windows下美化字体显示效果不可多得的一个优秀工具插件,可以称为神器也不为过!

  • 免费的插件
  • 能使文字像mac一样美丽
  • 长时间阅读不容易累
  • 缺点:再也不能和客户看到的东西同步了......

米田试用过的感觉是,“妈妈以为我换了苹果电脑”。

——————————————

点击下面的原文,能得到的下载地址

http://pan.baidu.com/s/1kT1F6ib

——————————————

关于我

我是米田,通过平时的收集整理,将自己听闻的东西汇总到这里。可能并不是什么提高设计水平的具体技巧,也可能只是些琐碎的灵感片段。 或许你不能从这里得到什么具体建议,却能看到更多设计之外的事情。
590b8ae93ad85acba99e4e890c814515 - MacType,让windows爱上苹果的美化字体神器

2013年8月7日

知识管理智能化!iffft+pocket+rss+印象笔记

27c6944209c55dbe1ecc67451defeeed - 知识管理智能化!iffft+pocket+rss+印象笔记

       IFTTT 是 “If This Then That” 的缩写,这是一种新型的互联网服务,将多个网站或应用衔接起来,不用懂复杂的编程就能完成智能化的配置。

简单点说,就是自动帮助我们只完成一个动作,就能将这些东西自动同步到不同的地方。可是,现在 IFTTT 支持的应用还不是很多,适合国内的应用更是有限,但加以巧妙的设计还是能做很多事的,而且未来,总是更值得期待的。因目前IFTTT支持的应用有限,很多玩法还不能实现。

 

 

ifttt与evernote and pocket

 

  • 重点资料:rss与pocket

    由于google reader关停,使用feedly做为替代品。具体有什么可使用的rss订阅工具,可以看这里,《设计师们,该找找Google Reader的替代品了》。

    利用好feedly的动作,将我们觉得值得收藏的东西都同步到pocket。可提供的选择主要是“创建新的rss源”、“新的文件标签(tag)”、“稍后阅读的文章”和“分类标签的文章(category)”

    d235e0b350c59dd5a8db5d2cd336440f - 知识管理智能化!iffft+pocket+rss+印象笔记

    通过ifttt的帮助,不仅可以将feedly的标识为“稍后阅读”的文章同步,具体有什么方式可以看上图的四种模式。这里只使用了稍后阅读(save for later)

    处方:https://ifttt.com/recipes/109593 adf85f06fbad2d34203003242c06ac2c - 知识管理智能化!iffft+pocket+rss+印象笔记

 

  • 信息存储:pocket与印象笔记

    其实这个有点鸡肋,只能同步摘要,并不能同步全文。而且整体看来,更适合记录些零碎的资料,如果希望全文分享至印象笔记,还是乖乖选择chrome里“印象笔记剪辑组件”更合适,主要是能智能分类文章到哪个笔记本和哪个标签。

    例如我将文章放到pocket,剪辑时,文章的标题是“版式布局:设计中的图文关系”,我会根据过往文章的排序,自动匹配合适的笔记本“配色版式”,这里有错误,系统匹配到了“代码线框”,需要自己纠正。而自动添加的标签也基本吻合,只需要自己根据情况做添加删除就可以了。很方便,这也是比较少用其他笔记类工具的原因。

    38f9b1becf4ffd8c05596dd2cc8ce470 - 知识管理智能化!iffft+pocket+rss+印象笔记

     

    处方:https://ifttt.com/recipes/109592

    9c01039226dc3205f48c776455d45ffa - 知识管理智能化!iffft+pocket+rss+印象笔记

  • 延伸阅读:

    用Mywiz邮箱订阅RSS信息

    Google Reader和印象笔记使用秘籍系列文章

 

 

ifttt与微信

  • 微信里有IFTTT的账号,公共帐号:ifttt007
  • 添加公共帐号后立即回复 “give me rss” 获得你的专有 feed 地址:http://plugs.sinaapp.com/ifttt/rss/#id#。注意 #id# 为 6 位数字,每个人不一样。
  • 有了 feed 地址,就可以利用 IFTTT 的 Feed 频道当做条件 A 来设置了,比如下面是两个已经设置好的条目:微信到 Twitter微信到 Facebook

    a72ce996a4d6199e627d922beddf9875 - 知识管理智能化!iffft+pocket+rss+印象笔记

 

 

ifttt与运动健康

 

Jawbone UP2看上去是个塑胶手环,它却有着神奇的功能。它可以来全天候监测我们的运动和睡眠状况,通过振动的方式进行提醒。配合手机软件让你对自己的身体健康有全面的了解。

abe41d54953574fabb0f8dd9d6f41324 - 知识管理智能化!iffft+pocket+rss+印象笔记

 

 

如何备份自己的图片

 

ifttt 支持 Facebook、Flickr 和 Instagram,想保存自己的图片轨迹到 Dropbox,只要利用如下几个 Recipe:

如何备份自己的 Tweet 和博客文章

 

ifttt 支持 WordPress、Posterous、Tumblr 和 Twitter 这几个服务。你可以利用以下 Recipe:

如何把文章发送到“稍后阅读” 服务去

 

ifttt 支持把 Twtter、Google Reader、RSS feed 这些我们平时获取信息的手段,还支持 Instapaper 和 Read It Later 这两个使用范围最广的“稍后阅读”服务。你可以利用以下 Recipe:

延伸阅读:

[小白向]获取资讯的解决方案分享——善用 RSS、Pocket、IFTTT、Evernote 为自己涨姿势

 

我的微博:http://t.sina.com.cn/drizzlep

我的豆瓣:http://www.douban.com/people/drizzlep/

2013年1月18日

神器二合一~Sublime Text 2+Zen Coding

98D794F99D6F71D6560F468F18657CA5F904934518788 500 156 2 - 神器二合一~Sublime Text 2+Zen Coding

自己长期使用editplus做代码编辑,使用过DW,还是习惯前者的使用环境。好友推荐,试试新的编码工具——Sublime Text 2。在代码制作过程中,最主要的是1)快速复制的模式化工作  2)零碎代码整理对齐  3)减少敲击键盘的次数。通过自己试用,Sublime Text 2+Zen Coding的组合能满足我这些需求,在配合其余插件。下文有详细叙述,本文主要从设计师的角度选择内容,可能有些浅显。

建议使用官方版本,绿色版本容易出现一些莫名其妙的问题。

官网地址:http://www.sublimetext.com/

 

软件特性:

  • 自动完成:自动完成的快捷键是Tab,如果在html文件中,输入cl按下tab,即可自动补全为class=””;加上zencoding后,更是如虎添翼,后面再讲到
  • 多列编辑:按住ctrl点击鼠标,会出现多个闪烁的光标,这时可同时修改多处或者按住鼠标中键拖拽,893753A1F58F988997D1A18811BB43DBDEF95A205C1FC 500 201 2 - 神器二合一~Sublime Text 2+Zen Coding
  • 代码注释功能:ctrl+/、ctrl+shift+/分别未行注释和块注释,再按一下就能去掉注释,ST2能够自动识别是html、css还是js文件,给出不同类型的注释。
  • 行操作:ctrl+alt+↑、ctrl+alt+↓向上或者向下交换两行,ctrl+enter,光标后插入空行,ctrl+d选择相似,可以参考后面的快捷键列表。
  • 右键功能:43B87037C51867CDD6F871111FA7707D3E98A781BA4E3 335 255 2 - 神器二合一~Sublime Text 2+Zen Coding前3个,大家都知道,第4个,show unsaved changes,显示未保存的修改,红色减号表示删去的内容,绿色加号表示新增的内容

    Open Containing Folder…,打开包含此文件的文件夹,这个很方便找到相关的文件

    Copy File Path,复制文件路径,方便我们复制路径到浏览器中查看

    Auto-Format Tags on Selection 格式化选中的文档,方便我们更清晰的查看代码结构,虽然ST2有自动缩进功能,但是当我们粘贴进一段没有格式化过的代码,就需要这个能了,这个功能要安装了Tag这个插件才会出现。

 

 

安装Sublime Text 2插件的方法:

1.直接安装

安装Sublime text 2插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。

2.使用Package Control组件安装

也可以安装package control组件,然后直接在线安装:

  1. 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音)
  2. 粘贴以下代码到底部命令行并回车:
    import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read())
  3. 重启Sublime Text 2。
  4. 如果在Perferences->package settings中看到package control这一项,则安装成功。

如果这种方法不能安装成功,可以到这里下载文件手动安装

用Package Control安装插件的方法:

  1. 按下Ctrl+Shift+P调出命令面板
  2. 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

(在绿色x64版本中,调用不出插件列表。英文版就没问题,不清楚什么原因)

 

GBK Encoding Support

对应gb2312来说,Sublime Text 2 本生不支持的,我们可以通过插件GBK to UTF8或GBK进行转码工作。

 

主要插件Zen Coding:

Zen Coding

不懂可以围观:《Zen Coding: 一种快速编写HTML/CSS代码的方法》

输入 div.wrapper>div.header+div.main+div.footer 按下Tab,立刻变成

或者按下ctrl+alt+enter,激发zencoding控制台,可看到整个动态的过程。

182A2BD532437616C7F2E62A0E882F22A0FE793B3640B 461 184 2 - 神器二合一~Sublime Text 2+Zen Coding

Zen Coding代码写法:

1)使用Ctrl + Alt + Enter 呼出ZenCoding

2) div#content>ul>li*3>a[href=”javascript:void(0);”]{Links$} 这样短短的一句话生成:

<did id=”content”>

<ul>

<li><a href=”javascript:void(0);”>Links1</a></li>

<li><a href=”javascript:void(0);”>Links2</a></li>

<li><a href=”javascript:void(0);”>Links3</a></li>

</ul>

</did>

PS:Zen Coding for Sublime Text 2插件的开发者已经停止了在Github上共享了,现在只有通过Package Control来安装。

 

Sublime Text 中使用Zen Coding的一些技巧

1、缩写扩展

之前知道,通过Control + Alt + Enter可以在一个新行中输入ZC的缩写,来生成代码。同时,如果我们在编辑中直接书写了ZC缩写,比如 div#content>p 当光标放置在p之后时,可以通过Tab键来扩展,ZC会从光标处开始向左侧搜索到第一个空白处,之间的代码作为ZC缩写,这样不必每次打开新行输入,提高了效率,缺点就是不能够实时预览。

2、嵌套代码

E72C2BCB69F4A57E0CCA22FD39CAE207CA8296B7CE4D6 414 65 2 - 神器二合一~Sublime Text 2+Zen Coding

如上图所示,可以实现在已经写好的代码外面嵌套其他的代码,实现方式是将光标放置到想要嵌套的标签上,然后使用Control + Alt + Enter 呼出ZC的命令行,就可以了。

 

其实Zen Coding还提供了很多方便代码编写的操作,例如标签匹配、返回上一个/下一个编辑点、更新img标签、合并行等,但是因为在Sublime Text中没有提供完整的支持,所以这些特性还无法使用。

 

其余插件:

jQuery Package for sublime Text

如果你离不开jQuery的话,这个必备~~

Sublime Prefixr

Prefixr,CSS3 私有前缀自动补全插件,显然也很有用哇

3295EA17446A511394CAF129BA18F871F4BF8ED4ED60F 500 166 2 - 神器二合一~Sublime Text 2+Zen Coding

JS Format

一个JS代码格式化插件。

Placeholders

故名思意,占位用,包括一些占位文字和HTML代码片段,实用。

Sublime Alignment

用于代码格式的自动对齐。传说最新版Sublime 已经集成。

Tag
一些有代码洁癖的程序猿很适合这个插件,HTML代码格式化能使html代码更加漂亮整洁。

JsMinifier

该插件基于Google Closure compiler,自动压缩js文件。

Sublime CodeIntel

代码自动提示

Bracket Highlighter

类似于代码匹配,可以匹配括号,引号等符号内的范围。

835024F0256DF068BA4FAFDF193047FBA419295D0EBB8 367 242 2 - 神器二合一~Sublime Text 2+Zen Coding

GBK to UTF8

将文件编码从GBK转黄成UTF8,快捷键Ctrl+Shift+C

 

主要快捷键

Ctrl+L 选择整行(按住-继续选择下行)

Ctrl+KK 从光标处删除至行尾

Ctrl+Shift+K 删除整行

Ctrl+Shift+D 复制光标所在整行,插入在该行之前

Ctrl+J 合并行(已选择需要合并的多行时)

Ctrl+KU 改为大写

Ctrl+KL 改为小写

Ctrl+D 选词 (按住-继续选择下个相同的字符串)

Ctrl+M 光标移动至括号内开始或结束的位置

Ctrl+Shift+M 选择括号内的内容(按住-继续选择父括号)

Ctrl+/ 注释整行(如已选择内容,同“Ctrl+Shift+/”效果)

Ctrl+Shift+/ 注释已选择内容

Ctrl+Z 撤销

Ctrl+Y 恢复撤销

Ctrl+M 光标跳至对应的括号

Alt+. 闭合当前标签

Ctrl+Shift+A 选择光标位置父标签对儿

Ctrl+Shift+[ 折叠代码

Ctrl+Shift+] 展开代码

Ctrl+KT 折叠属性

Ctrl+K0 展开所有

Ctrl+U 软撤销

Ctrl+T 词互换

Tab 缩进 自动完成

Shift+Tab 去除缩进

Ctrl+Shift+↑ 与上行互换

Ctrl+Shift+↓ 与下行互换

Ctrl+K Backspace 从光标处删除至行首

Ctrl+Enter 光标后插入行

Ctrl+Shift+Enter 光标前插入行

Ctrl+F2 设置书签

F2 下一个书签

Shift+F2 上一个书签

 

【下载地址】

官网地址:http://www.sublimetext.com/

_________________________________
Copyright © 2015-2018 IMITEN.COM.  粤ICP备15075518号