郑州APP开发第一步（构思部门）：想和看
想什么？呢，当然是想我们要创作出一个什么样的作品，可以是自己喜欢的产品，做个redesign什么的。也可以是一个大杂烩功能整合，但是尽量不要做差异太大的两种产品，好比佛学类和目生人社交（yuepao）这两类的结合就有点坑爹了：D 总不能和尚约和尚我们出来一起念经对吧。
看什么？
1.互联网热门新闻、黑科技等前沿科技讲演。
2.国外设计资源网站（我主要仍是上上追波、比汉子、站酷、UI中国）。
3.看自己对什么比较感爱好，爱好是支撑你一直坚持设计下去的动力。固然我自己也不是很喜欢骑单车，蛋疼。
经由前两步应该有一点小想法主意了吧，那么我们可以开始考虑整一个产品的框架还有风格的走向。在看的过程中你可能对这两点已经有了方向，但是没有落地依然仍是很虚的。好那么我们就要拿起你的手中的纸和笔，将你的想法主意都写下来。不管是什么想法主意都要写，创意点，功能，交互，风格，目标人群，色彩，等等。这里我们不需要考虑贸易题目，由于我们不是在创业，而是在创作。但是逻辑一定要清楚。
郑州APP开发第二步（交互部门）画和写
构思和画框架，由于时间有限我做出了主要的一些功能和说明。
实在功能未几对分歧错误，嗯千万不要给自己挖坑，做一个轻量型的就行了，除非你打算做一年。
理清页面的逻辑这边也长短常重要的一个环节，由于即便这次我们不考虑贸易题目，但是用户界面是基于用户操纵的，假如连逻辑都梳理不通，那真的就是一个花架子，做UI的朋友这点要留意喔。
实在看上去页面良多实在只做了几个一级页面，纸质原型的好处就是想到哪就可以改到哪，草稿部门我就不发出来了，辣眼睛。
郑州APP开发第三步：（视觉）除了磨就是磨
视觉部门占了这次设计的大头，固然只是短短十几个页面，但是有一半的页面是花了1，2个小时才设计出来的，常常碰到的题目就是花大半个小时设计出一张，不满足重新推翻再设计，反复修改。那么我们在做页面的时候通常需要考虑一下几点：
1. 配色；
一个产品的色彩，大致能反映出该产品的性格、品味、气质。一款优秀的产品，在配色上他也是具有这些特质的。使用的颜色将决定了我们的产品将是一种什么样的风格，是热情，是低调，仍是欢乐。那么这次我用了饱和度不高的深蓝色为背景色，搭配一种饱和度不高的亮蓝色和桃色作为产品的主色和辅色，目的是为了让用户感知到有蓝色的运动、科技感，深色的低调收敛感，还有桃色的跳跃，惊喜感。当我们在使用这3种色彩的时候，不是毫无所惧的乱用，而是需要恰如其分的使用。好比亮蓝色和桃色我们不能大面积的使用这样会破坏整个页面的氛围。

我通常使用，也是良多画原画朋友用的一种方法，就是设计完一张页面，我会缩小的去看整张页面大致的色彩分布情况，亮蓝色和桃色作为引导和提醒使用是最好不外。

2. 信息布局和层次的展现；
说完了配色，说一下信息布局和层次展现的小技巧。思索场景是我们需要先想到的，用户在导航时候的场景，和在添加路线时候的场景是不一样的，操纵方式也是不同的，一般信息布局首先我会将相联系关系的内容靠近摆放，或者沿着视觉流顺序摆放。层次展现一般是控制元素的大小，颜色深浅，粗细，远近等几个因素来区分。
3.是否符适用户操纵习惯；
思索用户手指的操纵热力图，和使用场景，将重点操纵功能置于下部门，信息展现置于上部门、返回在右上角、左滑删除，长按删除等等。
4.交互的连贯性和公道性等等；
好比通常页面的返回是在左上角用箭头的形式展现，假如其中一个页面的返回跑到了右上角用文字展现，这样的方式就是不连贯的，也是违反了用户的操纵习惯的设计。
再好比一个箭头给用户的感觉是下拉，但是假如操纵结果是跳转页面，那就违反了用户的预期，是不好的体验，就是不公道的。
5.各种状态和极值
这次训练不考虑开发，所以这条就不写了。但是在我们日常项目当中，这些是需要画，并且画的更全面的。
还有每次做设计训练都会先定好一个视觉规范，举几个例子（当然不止这4点）：
1.字体：通常我会在一倍尺寸下使用18，16，14，12，10的字体大小，18用于顶部标题，16用作标题或正文，14号可以用作说明，12号可以用做提示，10号字用作小标签。
2.字色：字体颜色通常使用3个层次深浅即可，切忌不能使用纯玄色。
3.线条：1倍图我用的是#dddddd，0.5px。这个实在不用那么死板，就像每台电视机适合自己的参数都是不同的，可能你家产品适适用1px，或者别的颜色。
4.栅格。栅格的用处可长短常大，栅格系统应用于设计领域已经至少50年了。栅格化让眼睛浏览信息更加愉悦。从报纸、杂志，得手机界面，栅格系统全面渗透渗出到各种信息传达的界面当中。详细什么是栅格系统，不在这里多说，大家可以去百度一下。
还有每次做设计训练都会先定好一个视觉规范，好比用什么字体，用几种字体大小和颜色，线条粗细颜色，主色辅色点睛色的敲定，栅格的排列等等，尽量使所有页面看起来同一有格调。
等等，你问我颜色是怎么搭配的？我又要安利dribbble了，追波每一个作品边上会有一张该作品的配色条，良多优秀的作品的配色都可以做参考。但是这次我选择的配色倒是自己瞎选选出来的，本身做东西喜欢蓝色系，再加上颜色和产品的调性比较搭，然后配上一个桃色，哈哈。
郑州APP开发第四步（包装/动效）考验排版的时候到了
实在每一步都很让我纠结，有一天我页面做完了打算做长图，想了一天都没想出来，索性抛却了。第二天晚上做了两三个小时就做完了长图。然后开始磨动效，这边使用了principle和ae两个软件，真的灰常好用。
在最后展示作品之前我想说：创意是羽毛，想法主意是皮肤，工具是肌肉，思维是骨骼，缺一不可。