四个步骤教你捏个作品
小编：@Razer_YjJjJ已经快两周没有发文了，因为都在做作品，从构思，画原型，到定视觉风格和规范，再到出视觉稿和动效。说实话中间过程比较艰辛，因为时间太短，同时这也是我给自己的一个训练。今天下午终于上了期盼已久的站酷首页，离明年的目标又近了一步。
好了，废话就说这么多，接下去我就此次作品的流程或者说做法，讲解一下。
第一步（构思部分）：想和看
想什么？呢，当然是想我们要创作出一个什么样的作品，可以是自己喜欢的产品，做个redesign什么的。也可以是一个大杂烩功能整合，但是尽量不要做差异太大的两种产品，比如佛学类和陌生人社交（yuepao）这两类的结合就有点坑爹了：D 总不能和尚约和尚我们出来一起念经对吧。
看什么？
1.互联网热点新闻、黑科技等前沿科技报告。
2.国外设计资源网站（我主要还是上上追波、比汉子、站酷、UI中国）。
3.看自己对什么比较感兴趣，兴趣是支撑你一直坚持设计下去的动力。虽然我自己也不是很喜欢骑单车，蛋疼。
经过前两步应该有一点小想法了吧，那么我们可以开始考虑整一个产品的框架还有风格的走向。在看的过程中你可能对这两点已经有了方向，但是没有落地依然还是很虚的。好那么我们就要拿起你的手中的纸和笔，将你的想法都写下来。无论是什么想法都要写，创意点，功能，交互，风格，目标人群，色彩，等等。这里我们不需要考虑商业问题，因为我们不是在创业，而是在创作。但是逻辑一定要清晰。
第二步（交互部分）画和写
构思和画框架，因为时间有限我做出了主要的一些功能和说明。来看一下我写的结构图：
其实功能不多对不对，嗯千万不要给自己挖坑，做一个轻量型的就行了，除非你打算做一年。
理清页面的逻辑这边也是非常重要的一个环节，因为即便这次我们不考虑商业问题，但是用户界面是基于用户操作的，如果连逻辑都梳理不通，那真的就是一个花架子，做UI的朋友这点要注意喔。
好，下面再来看一下我画的纸质原型，字丑多担待：
其实看上去页面很多其实只做了几个一级页面，纸质原型的好处就是想到哪就可以改到哪，草稿部分我就不发出来了，辣眼睛。
第三步（视觉）除了磨就是磨
视觉部分占了这次设计的大头，虽然只是短短十几个页面，但是有一半的页面是花了1，2个小时才设计出来的，经常遇到的问题就是花大半个小时设计出一张，不满意重新推翻再设计，反复修改，因为需要考虑的地方非常多，配色，布局，用户操作，交互动效等等。
还有每次做设计练习都会先定好一个视觉规范，比如用什么字体，用几种字体大小和颜色，线条粗细颜色，主色辅色点睛色的敲定，栅格的排列等等，尽量使所有页面看起来统一有格调。
等等，你问我颜色是怎么搭配的？我又要安利dribbble了，追波每一个作品边上会有一张该作品的配色条，很多优秀的作品的配色都可以做参考。但是这次我选择的配色倒是自己瞎选选出来的，本身做东西喜欢蓝色系，再加上颜色和产品的调性比较搭，然后配上一个桃色，哈哈。
第四步（包装/动效）考验排版的时候到了
其实每一步都很让我纠结，有一天我页面做完了打算做长图，想了一天都没想出来，索性放弃了。第二天晚上做了两三个小时就做完了长图。然后开始磨动效，这边使用了principle和ae两个软件，真的灰常好用。
在最后展示作品之前我想说：创意是羽毛，想法是皮肤，工具是肌肉，思维是骨骼，缺一不可。好了，下面就是我首次站酷首页作品，这只是一个开始，明年朝着站酷推荐设计师进发，明年就只有这一个目标，努力完成！
站酷id：疯狂的蝴蝶 http://www.zcool.com.cn/work/ZMTkyNzM1MjA=.html
