2016作品合集

每次到了年末回想一年做了些什么东西的时候，就觉得好像什么都没做，又好像做了好多的感觉，没办法，设计师都是这样的

2016年主要做的就是独立负责公司的网站（平台型的）和移动端的设计，从三月份入职做到10月底1.0上线，目前在做2.0改版中。公司只有一个设计，所以所有的东西都得自己做，而且自己没什么做网页的经验，所以在做1.0的时候，遇到了很多问题，包括前期网页的部分原型和移动端的所有原型，都是自己一步一步摸索的来的，不过还好是自己也比较感兴趣，所以越做也越带劲，但是毕竟经验不足，所以也有很多考虑欠周的地方，不过后来公司来了个还比较厉害的产品经理，在他身上也学到了很多产品方面的知识，在下一版中，会把发现的问题尽最大的努力改好改完善。

在这个项目的过程中，自己也积累了一些团队合作的经验，也知道了很多以前自己做概念稿忽略的问题，下面就稍微列一下，也算记录一下自己的成长

1、注意沟通

前期一定要多和团队沟通，一定要，一定要，重要的事说三遍，我们之前就是每个人闷着头做，不懂得也不问，所以以至于会出现很多不必要的bug，浪费时间（如果程序员哥哥比较内敛，没什么话，感觉不敢跟他讲话，那你就平时没事多聊聊他，慢慢的你就会发现他们都是很逗逼的，然后工作沟通起来也会顺畅很多的）

2、不要为了追求快而快，要知道老板要快速上线不代表你们可以随便做做，这都是前期我们走过的坑啊，最后时间没省到，还给自己埋了很多坑，其实我们六月底差不多就做完了，后面一直都在改bug，改的心塞，而且这个时候程序他们自己的流程都没走通，他们也没有时间也没有心情去改你的视觉bug，之前就觉得没按照设计稿来就得改啊，后来慢慢的也发现最重要的流程能够走下去，然后不要有太大的视觉bug，这样就行了，后续的小问题

小细节，再一步一步的迭代。因为你要相信设计永远都改不完的，只要你想改。

3、视觉规范，

在确定了页面的整体风格以及主页等几个重要的页面确定之后，一定要做一个视觉规范，把主色调、一级、二级标题字体颜色、大小、按钮控件的大小以及色值都要书面化，给团队人手一份。避免后期在这些事情上浪费时间，也提前让前端知道设计的页面是有规范的，而且一定要面对面沟通，防止他根本不看，还是按照自己的来，或者是理解上出现偏差。

不过，在实际做设计规范的时候，我也有一个疑问，我怎么把这个规范写的清晰明了，让其他人一看就知道哪里是哪里，为此，也找了很多别人做的视觉规范做参考，然后我发现写的都很浅显，具体的我也不知道哪里是哪里，最后咨询了一些人，我自己总结了一下，视觉规范做大概的、主要的一些规范、比如：字体、主色调、按钮图标点击与默认的效果等等，其他具体的不好直接写清楚的，到时候在标注稿上标明，以标注稿为主。

我们公司前端，就问过我他哪知道我哪里是一级标题，哪里是二级标题，然后项目比较赶，也没有时间做标注稿，而且之前也一直觉得只要把psd原稿和设计规范丢过去，一切前端自己就能搞定。事实证明，没有人比你自己更了解自己的设计稿，项目再紧，这个时间还是要有的，不然后期调整更麻烦。

4、错误提示

特别是登录注册的时候，在页面上一定要事先留好错误提示的位置，字符大概多少，会不会留的不够，我们网站因为是英文的，所以有些错误提示字符特别长，所以要考虑到怎么保证再长和短的时候都有一个比较好的展示。而且登录注册的时候有很多地方需要提示，比如密码错了，密码位数不够等等，感觉正式做的时候，这看起来简单的两个页面可多需要注意的。这里也感谢我们老板跟我们讲了很多他之前做测试员的时候一些事情。

5、切图标注

标注需要怎么标？怎么标注更能提高效率？

很多页面的同一个位置的字体大小、颜色都是一样的，那这需不需要在每一个页面的标注上都标好，最开始我做的时候，所有我是把所有页面当做一个新的页面来标注，这样就导致每一个页面标注的密密麻麻的，说实话有时候自己都不愿意看，而且这对前端他们做全局规范也不好，他们也不知道哪些页面的哪些元素是一样的，可以调用一个。而且这样的话之前花了好大的功夫做的视觉规范用途也不大。所以到后续的时候，那些公共控件，在标注里有的或者是别的页面标注了的，我就不标注了（当然在这之前是和前端沟通过视觉规范的，保证我在不标注的情况下也不出错）

在做标注稿的时候，我个人有一个小习惯，我会把不同的标注内容用不同的颜色进行区分 比如标注距离的用红色 标注字体大小、色值的用蓝色 一些特别说明用紫色

好了，终于各种删删减减写完了，第一次在作品上写这么多说明，都快要超出限制了，哈哈，希望2017年能够多多点个人练习，开心的学习，开心的生活。