WWDC 2014 的海报是怎么做出来的？ 第1页
1
aton 网友的相关建议:
哈哈哈哈这题实在是太有意思了，下面的答案八仙过海各显神通，用什么方法实现的都有。
不过这种图片处理+渐变色的场合怎能少得了我大HTML5？而且别人的答案都是要你亲手去一步步处理，咱们这里有个天然的优势，就是做出来之后能在网页上所见即所得。
效果如下：
比如苹果的logo（为了效果明显，我做了一点高斯模糊）
出来的结果就是这样的：
再比如咱们扁平之前的Windows：
当然也不在话下：
这个小DEMO里预置了几个演示，除了上面的，还有喵星人、刘看山、以及我自己的头像……
另外最激动人心的是，它可以加载你本地的图片，把任意一张图转换成这个彩虹马赛克特效。
（最好使用jpg或非透明背景的png，浅底色深图案能达到最佳效果）
其实原理简单得很，会前端编程的一看即知：就是为canvas设置个横向渐变背景色，然后读取原图，获取每个点的灰度值，然后在对应位置绘制圆角矩形，颜色越亮，圆角矩形尺寸越大。
网页是一个内嵌的iframe，右键直接查看源码或者下载到本地慢慢研究都可以。
1
相关话题
你见过最好的设计是什么？请问卫生巾的设计者有使用过所设计的产品吗？
大连新机场征名开始，最佳命名奖可获 2 万元，你有哪些好想法？
令人印象最深刻的包装设计有哪些？
有哪些你知道的「神创意」？
如何用2个月时间从0开始做出一个交互设计作品集？
工程行业新人如何有效学习国家标准、行业标准？
建筑大师有哪些的失败的案例？如何评价失败的著名建筑？
有哪些构图惊艳的绘画作品？
你见过哪些让人一眼记住的头像？
前一个讨论
有哪些建议给初到长沙的知友？
相关的话题
你所在的行业，有哪些国家标准？你看到过最好看的婚纱或婚纱照是什么样的？
如何判断一张概念艺术作品画得好不好？
如何评价雷克萨斯UX的设计？
谈到北欧，你脑海中会出现怎样的画面？
「廉价感」是如何产生的？
你见过最奇葩的甲方是什么样子的？
设计师这样的工作，可以做一辈子吗？
为什么广深高速出入口设计这么独特？
为什么甲乙方的审美有差异？
如何评价中国奥运出场服？
如何让卧室和书房结合在一起？
人类未来如果通过「营养舱」进入虚拟世界生活，那么身体的污垢和粪便是如何排出舱外的呢？
为什么螺丝钉有那么多种接头？都有什么区别？为什么不能都用十字的？
视觉设计师是怎样让前端工程师 100% 实现设计效果的？
为什么材质廉价的首饰，款式比材质昂贵的首饰更精致或更时尚？
美国《消费者报告》对 2018 年度汽车品牌的统计是否说明可靠性对豪华品牌并不重要？
知乎上的设计师们是如何成为成功设计师的？
如何评价此社团的 logo？
青岛胶东机场（一期工程）和北京新机场的外形和设计理念为何惊人的相似？
希腊化中国艺术应该是怎样的？
有哪些有创意的旧物改造？
如何评价中国奥运出场服？
为什么现在的建筑不盖成古代那样了？
如何在图片中优雅而又有效地添加水印？
如何评价微软的surface pro4和surface book?
一件珠宝是怎么被设计出来的？
这种风格的简约字体叫什么名字呢？
如何看待澳大利亚的小女孩Cassie Gee的画作及其天赋？
2016 里约奥运会主火炬塔是如何设计的？什么工作原理？