图平方设计历程

大家见到的图平方，已经是第五版了，在这之前我们也做过很多版的设计。
但是由于缺乏实际经验，以及对于整体功能的不了解，导致整个外观设计不停的修改。
而且在这次比赛中也渐渐意识到用户体验的问题，这在之前的网站设计的时候并没有充分的考虑。
再加上这是第一次团队合作来开发一个全新的站点，如何做好分工，如何跟程序配合，这些都是我们面临的很多问题。

在我们确定好思路是做图片PK的前提下，当时并没有明确的分工，因为我当时在上海没有电脑，所以就先由敏哲和童瑶设计第一版的雏形。敏哲和童瑶是第一次接触网站，虽然之前两个人都是视觉传达的强人，在平面领域游刃有余，但是咋一接到做网站的任务，还是头大不小。所以我首先让他们每人按照自己的思路做一个第一版的首页雏形。


下面这个就是敏哲做的第一版。

这一个版本可以说是非常不成熟的，首先从美观上讲过于乏味和单调【当然这个是见仁见智的问题，在此只代表我个人的观点】，而且那个阴影和很多破碎的小细节，比如上面的hotornot几个字符，下面的小花瓣等，还有投票按钮，都压倒了好多边界，这个虽然在平面设计中无所谓，但是对于网页来说就是很纠结的事情了。所以做网页的时候，尽量避免不规则的图形出现【个人酷站除外】。这一版的可取之处在于添加了评论的位置，但是很多布局不合理，配色也不是非常舒服，而且当时并没有和技术讨论能否实现的问题，所以导致这一版基本上就被搁置了。

童瑶做的第一版

这是同期童瑶做的一版，虽然简洁了很多，但是好多功能按钮都不见了，而且投票按钮也不是很突出，版面扩展性也不够强。所以当时做到这个程度我就让他们停止了。

这个时候距离比赛开始还有个把月的时间，当时就没有考虑怎么跟大家沟通好重新设计，而是选了最蠢笨的方法开始自己来做了。



这是当时我赶出来的一版，虽然这个版本的导航得到大家的认同，但是问题也是非常多。
■上传按钮指示不明确，英文过大，而且根本看不出来是一个按钮
■评论区域过大，而下面比分区域却空白太多

这个时候出现的最大的问题是程序那边的杨铸说不了解我们的整个运作，让我把整个网站所有的页面模板做好给他，而且我这时候又要天天去公司上班，家里面也没有网络，所以这样子肯定会拖累整个团队，并且也没有发挥出童瑶和敏哲的设计能力。
这时候我也意识到光这样自己做就不是团队合作了。于是第一次尝试了一种搭建框架的方法。


















       这些就是当时做的所有的框架了。虽然都是线框并没有任何修饰，还是让我做了一个多星期之久。因为之前做的一些企业网站并没有这么页面，很多也不需要考虑，都是模块化的东西。而这一次本身策划加设计，就发现这是一个多么浩大的工程了。
很多平时看网站忽略掉的细节现在都要重新拾起来细细揣摩，而且当时由于沟通的问题，并没有及时的和团队宣传负责人和程序负责人沟通，比如上面的礼品页面就犹豫宣传人员说效果并不是很理想就取消掉了，而很多页面仿照了其他网站的但是程序那边说开发的时候已经做成另外一个样子了。
       所以及时的沟通是非常重要的，而且策划就应该前期把这些问题考虑到，设计并非指单单的把页面设计的好看就结束了，而是要设计整个流程，要考虑整体的用户体验，要设计如何跟推广营销配合。还有就是有很多拍脑袋出来的东西，这点非常忌讳。不是不可以，有新奇的点子应该是在头脑风暴的时候提出来的，而不是由着自己性子来随便加，因为这里一添加就会导致上下游的修改，并且还不是经过讨论的，无法保证其是否有用，会造成严重的时间和人力的浪费。在这里我需要检讨，当时并没有跟大家讨论那个所谓经验值的问题，虽然我们会在第二版开发出类似的功能，但是当时提出的很仓促，而且并没有想好其逻辑关系，导致杨铸那里无法开发。所以在第一版，就去掉了这个功能。
       这个版本出来之后，跟阿黄和杨铸好好的沟通了下，确定了推广方案后就取消了礼品页；跟杨铸沟通后取消了一次上传多张页面，取消了上传中页面，修改了整个网站的上传顺序，取消了经验值的设定，以及增补了很多疏漏的地方。

有了这些框架后，杨铸那边的开发就相对清晰了【还有很多问题限于我个人的认识以及对程序的不了解，还是没有考虑到，所以那些部分杨铸就帮忙补齐了】




这是出来框架后敏哲和童瑶做的一版，虽然思路很接近了，但是这样两个人都做一版然后比稿然后再做，这样虽然能发挥每个人的强项，但是风格会差距比较大，而且时间也不是很允许了。所以跟他们俩讨论后，我决定做一版头部和底部，中部由敏哲和童瑶分别设计，这样既能保持风格的统一，又能分工协作提高效率。