收藏本站 关于我们

设计拖延症必读:24小时能干什么?(原创文章)

发布时间:2016-12-05 22:20:01   来源:PS教程   人气:0

前言:美国一个叫Mackenzie Child的互联网牛人 下定决心在24小时内做一个HTML5网站 不为了讨好现在的老板 不为了自诩上帝的客户

\


美国一个叫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会开发,下面的快速创作攻略应该是你需要的。


必备工具:

www.iH5.cn

(HTML5网页的交互实现)


可能用到的:

Photoshop(图像编辑)

GifCam/LICEcap(GIF录制与编辑)

After Effects(视频特效制作与剪辑)...


你只需要回答三个问题


1、它用来干什么?

明确创作目的,可以确定作品的功能意图,大致分为以下4种:



2、你希望它是什么样的? 

明确设计风格,对于后面找素材、做素材非常关键。不过既然是你自己要耍的网站,文艺热血恐怖二次元鬼畜什么的,怎么喜欢怎么来。


3、它需要什么交互?

下面这个视频集结了近两年惊艳&闪瞎眼&动效神奇的体验类PC网站(网址目录见文末),有流量的强烈建议戳戳看:



p.s.:腾讯视频: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://falter.madebywild.com/

http://www.georgeandjonathan.com/

http://dada-data.net/en

http://bad.diesel.com/badguide

http://borisignatovich.com/

http://www.adultswim.com/music/singles-2016/

http://2016.makemepulse.com/

http://because-recollection.com

http://because-recollection.com

https://cavalierchallenge.com/

http://tour.sydney.edu.au/




本文来自PS教程网www.46PS.com,转载请注明!关键词:设计观点设计观点教程酷友观点经验


PS教程