免费高清大图资源

整理一些高逼格的图片资源,公共和商业通途都可以免费使用。比如用在:大背景网站、Sketch 3 素材、Keynote / PPT 插图等。

New Old Stock

NewOldStock

老照片,超有feel,这些图片都是时间的记忆。用作背景图,简直酷爆了。

推荐指数:★★★★★
图片质量:★★★★☆
总体数量:★★★☆☆


Unsplash

Unsplash

更新频率10天10张图,可以搜索,可以邮件订阅,也可以贡献自己的图片。适合做头图、插图、背景图。

推荐指数:★★★★☆
图片质量:★★★☆☆
总体数量:★★★★☆


SuperFamous

SuperFamous

6×6方图,很多航拍、岩石和木头纹理特写。

推荐指数:★★★☆☆
图片质量:★★★★☆
总体数量:★★★☆☆

更多

Quartz Composer快速上手指南

去年给Team做了一次名为《Animation Prototyping – 让设计动起来》的分享,讲解如何快速上手 QC 的方法,结果一周内就有同学可以做出成品了。以下是讲稿的核心部分,捞出来串讲一下:

基础工具:Quartz Composer + Origami

1. 先熟悉下QC工作区的面板。如下图摆放,方便操作。

Animation-Prototyping-1

2. QC基本工作原理。摸清它的逻辑,之后就好办了。(这是用 Keynote 画的模型示意图,用来表示部件之间的关系。)在“Parent panel”里建这三个部件,构建基础手机模型。

Animation-Prototyping-2

3. 所有动画,都在“Render in image”中完成。双击它,进入下一层编辑界面。首先创建“Clear”部件,非常重要,它的作用是清除缓存,避免显示出错。接下来动画部件的摆放,如图示即可,遵循这个逻辑构建交互动画。

Animation-Prototyping-3

好了,其余就看你具体要做什么交互,Origami 会帮助你,它提供了很多现成的部件。用实际的例子来演示一下上面这个公式:

Animation-Prototyping-6

Animation-Prototyping-7

多多练习,体会一下,很快就能掌握 QC 组织和“编程”的诀窍,开始实战。


另外,在寻找动态表现原型方法时,顺路还研究了一下 Framer.js,最后觉得还是 QC 更容易上手,适合设计师使用。针对 QC 和 Framer.js 我做了一个简单对比:

Animation-Prototyping-4

Animation-Prototyping-5

如果想了解 QC 是什么和前期准备工作,可以参看我上一篇介绍:Quartz Composer入门

收获2014

今年要忙的事情真够多,收房装修绝对是大头儿……经历过去年一年的历练后,现在心态逐渐平和了,有些事也看的淡了。人「老」了,便懂得了珍惜和去过滤,我想这种感觉会逐年加强的。30岁这一年真给我折腾够呛,跨过来,之前的种种就都成了日后的谈资,越跌宕越有味道。

发现我这一年,在「说」上没少下工夫,各种规模的演讲、授课,这也是我今年的目标,提升自己的表达水平。通过几次实战训练后,不但「说」的水平有所提升,梳理问题的能力也有明显提高。要想说清楚,先得想清楚。

这一年,转变和挑战还是挺多的,责任也更大,我坚信“老天送给我的大礼,往往都用重重困难作包装”的信条去乐观面对。每月一小结,每年一总结,随我一起时光倒转~

12月,收获

  • 经过2年的等待,终于迎来收房的日子,12月27日,在北京生活的我进入了一个新的人生阶段。
  • 招到了一位很好的设计师,经过全Team的通力合作,终于把他留住了,希望他在豆瓣有更好发展。
  • 12月31日是跟老婆相识10年的日子,我们就这么幸福的走下去吧。

11月,更新

  • Blog的第10个年头,迎来了第5次改版。我还在坚持写,你呢?

10月,创造

  • 好久没从设计一直做到开发了,做了个移动应用动效库,帮助设计师、产品、工程师们沟通动画效果。

9月,组织

  • 组织了一次“说走就走的旅行”——香港,5周年结婚纪念日,给老婆买了枚Cartier。
  • 对项目过程、结果、细节讨论的再组织,就形成了经验,经验帮助我进步。

8月,讲课

  • 对我来说是一个全新的尝试,把这么多年积累的经验整理并传授出去。
  • 通过讲课也学到很多,比如怎么安排课程更合理,如何保护嗓子等。
  • 这是一次蛮有意义的体验,教别人的同时也是自我学习。

7月,准备

  • 公司内部培训,准备培训材料和案例。
  • 准备8月讲课用的材料和案例。
  • 年中评定,这次不光自评、互评、Leader评,还多了评下属。

6月,演讲

  • 参加Weibo IDF交流活动,分享设计方法和项目经验,跟微博的老朋友们见面。

5月,培养

  • 培养新人开始变成我日常工作的一部分,了解下属,寻找更合适的方法帮助她们提升,是Mentor的职责。

4月,I/O

  • 精心准备月底QCon演讲,这种机会对我来说就是锻炼和提升。
  • 公司管理培训《团队管理之激励与赋能团队》
  • 公司外管理培训《正向影响——发挥你的个人力量》,训练一下就是不一样,还结识了新朋友。

3月,准备

  • 开始每个周末跑建材市场的生活,为装修做准备。
  • TB去泰国华欣,虽然目的地的讨论几经辗转,但旅程非常美妙。

2月,研究

  • 研究Quartz Composer,并分享给Team,教大家做动态原型
  • 顺便研究了一下Framerjs,但不如QC更适合设计师操作

1月,实现

  • 去年12月底摇号中签,1月我的大众车队迎来新成员——高尔夫,老婆的新座驾。

越来越发现,让事情变得简单是门艺术。表达变得简单、展示变得简单、交流变得简单,等等,不但尊重自己,也尊重别人,因为这是在节省他人时间,应该用这些时间多做些更重要的事情。什么都能简单,唯独思考不能。我准备从现在做起,用尽量简单的方式使表述更清晰,传达更准确,这将成为我新一年的主题!

2015年1月,简单

-----新年的愿望和目标-----

  • 坚持锻炼,保持好身体,减掉5斤肉
  • 旅行,新西兰?
  • 搬新家
  • 祝愿家人身体健康

给WordPress的文章增加二维码

“二维码将取代 URL,成为移动时代人们访问网站的主要方式”。不管这句话说的是否太绝对,能通过更简单的方式获得互联网内容总归是好事。对于博客主来说,二维码还可以帮助你的文章更快捷的被分享、传播,何乐而不为呢。

我的需求:发布文章后,页面里自动插入一个二维码,二维码的内容就是这篇文章的链接地址。

试了几个插件,都没法完成我的需求,插件多数是生成器而已,生成简单的代码,手动插入文章。难么问题来了,难道之前的文章我要挨个手动编辑一遍?搜了一下,还看到一些方案是给了一堆 PHP 代码,放到 function.php 里,然后怎么调用的……要不要这么麻烦?

我的方案:利用一些提供二维码生成服务的公共 API,配合 WP 标签,拼成数据串来生成二维码图片。好处就是“够简单”,把下面这段拼好的代码放到 content-single.php 里就行,一劳永逸,自定义样式也很方便。

<div class="page-content qrcode">
 <img src="http://qr.liantu.com/api.php?w=150&m=0&text=<?php the_permalink(); ?>" alt="<?php the_title(); ?>" title="扫描二维码分享到朋友圈" />
 <p class="qrcode-desc">扫描二维码分享到朋友圈</p>
 <hr>
</div>

起初我也试了很多,包括 Google,Goqr.me 等。个人非常喜欢 Google 的服务,免费、稳定、强大……但在墙面前,这些显得一文不值。Goqr.me 的在线生成二维码工具还是不错的,之前都是用它来生成的。无奈使用这两个接口生成的图片都没法显示。为了显示的正常和速度,最终选了国内联图网的服务接口,速度和稳定性还不错。

二维码生成服务接口,里面都有详细参数说明:

其他参考资源: