2019年1月4日

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

很多朋友都有这样的疑惑,就是看的东西实在太多了。在搜索时,不知道选择什么比较合适,而且不知道怎么缩小范围。 久而久之,就变成了一种持续在看的状态。 大部分情况,寻找素材都有两个极端情况,一种是找到的素材太多了,不知道怎么做减法,另外一种情况是找到的素材实在太少了,根本没办法实现我们的想法。

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 © 2019 IMITEN

 

___
粤ICP备15075518号

 

___
站酷 ZCOOL    
花瓣HUABAN    
 

 


知乎ZHIHU         
豆瓣DOUBAN    
  

___
时间在哪里,成就在哪里