容易被搁置的，往往是最重要的事。
美国一个叫Mackenzie Child的互联网牛人
下定决心在24小时内做一个HTML5网站
不为了讨好现在的老板
不为了自诩上帝的客户
不为了方便以后好跳槽
不为了爸爸妈妈老婆孩子朋友
只因为：
“我要做这么个东西很久了！”
“我真的不想再拖下去了！”
“我这不还有24小时吗？”
Mackenzie前阵子做了一个DIY配色网站：策划自己来，平面设计自己来，交互动效自己来，写代码部署服务器什么的全部一手包办，一共只用了24小时。
他把整个过程录成视频发在Youtube上，名为《I Designed, Coded & Launched A Web App in 24 Hours》（我在24小时内设计、编程、发布一个Web APP）。
你猜，他这24小时是怎么过来的？
一、他用24小时达成1个小目标
周六早上8点，他优哉游哉地出门买了杯咖啡——
经过10小时的奋战（包括中午和老婆吃了顿午饭），他完成了网站的整体设计，包括LOGO哭脸的小光头、仿泪滴形状的四色搭配设计、导航栏等等（全在Photoshop中设计）——
晚上9点半的时候，网站布局已经基本编写完成，还差页面交互（响应式设计、元素动效等）、网页测试和网站部署。于是他开始兴奋地预计，通个宵，大概第二天8点前就能搞定一切了！
（是他就是他！封面那个瘦子是他6个月后的样子...大概好好学习能减肥？）
经过23小时，他成功了。
最后做出来的网站是这样的——
这些配色方案都由他自己设计，把这个网站当成一个调色书签，能给别人参考，也方便自己用。
他绝对是拖延症的学习楷模，之前还为自己制定过一个12周突破Ruby on Rails（一种Web应用程序框架）的学习计划，“逼”自己每周完成一个Web APP编程的挑战。
12个星期后，一套元气爆棚的视频教程面世了：
都那么厉害了还这么勤奋？
也是每周五个工作日累死累活
还能有这惊人的学习热情…
请收下我的膝盖！！！
拖延症太难治了，没心情、没状态，下班后什么正经事都不想干！然后时间拖着拖着就过去了……
不……这样的生活我拒绝，拒绝！！！
二、24小时，你能做什么？
有没有什么事也是你想了很久，一直没去做的？
这事能在24小时之内完成吗？
如果你想要做一个属于自己的PC端H5网站，又担心不像Mackenzie会开发，下面的快速创作攻略应该是你需要的。
必备工具：
（HTML5网页的交互实现）
可能用到的：
Photoshop（图像编辑）
GifCam/LICEcap（GIF录制与编辑）
After Effects（视频特效制作与剪辑）...
你只需要回答三个问题
1、它用来干什么？
明确创作目的，可以确定作品的功能意图，大致分为以下4种：
2、你希望它是什么样的？
明确设计风格，对于后面找素材、做素材非常关键。不过既然是你自己要耍的网站，文艺热血恐怖二次元鬼畜什么的，怎么喜欢怎么来。
3、它需要什么交互？
下面这个视频集结了近两年惊艳&闪瞎眼&动效神奇的体验类PC网站（网址目录见文末），有流量的强烈建议戳戳看：
https://v.qq.com/x/page/w0352sta202.html
别看视频里的交互类型繁杂（切得那么快是为了等你自己体验），其实只有两种目的，切换页面或制造特效。
你真正做的时候，一般只需要1-2种交互作为主要支撑，应用大致如下：
用iH5.cn实现，涉及的功能有：
（1）舞台——事件
（2）透明按钮——事件
（3）滑动时间轴/时间轴/全景容器/…
P.S.：不是前面视频中的所有效果，都可以零代码实现。
Q&A：
如果你有24小时完成一次创作，
你要做什么？
周一上班
周二上班
周三上班
周四上班
周五上班
周六可能加班
周日可能加班
工作都特么这样累了
不上班的时候就不能好好歇歇？！
但是
就像Mackenzie说的：
“有时候你想做一件事
一直不去做
就什么都没有了”
容易被搁置的，
往往是最重要的事。
作者：种子
视频：种子
封面设计：猴猴
-----------
//12个酷炫炸裂的PC网站
（戴上耳机，Chrome浏览器体验最佳）
http://culture.pl/multimediaguides/cinema
http://www.sbs.com.au/theboat/
http://www.georgeandjonathan.com/
http://bad.diesel.com/badguide
http://www.adultswim.com/music/singles-2016/
http://because-recollection.com
http://because-recollection.com
好玩是一切的宗旨。
19
作品
615
粉丝
4
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册