天猫小黑盒的页面是这么被虐出来的… 啦啦啦"

转载自白无常设计工作室，授权转发。

客户：阿里alibaba。设计：少玲

3月份的时候有幸接到了天猫小黑盒的项目，要感谢天红与阿里设计师井伊的信赖和支持。

这个预期半个月交稿的项目，愣是做了将近一个月，期间每天都加班到很晚，

到第四个星期天的时候实在熬不住了，跟井伊请了个假，默默地休息了一天，哈哈。

项目期间痛并快乐着，做不出来的时候恨不得把脑袋剖开，做出来之后就是狂喜。

————————

线上效果图

产品坑位图A

产品坑位图B

前期的沟通以及草图

项目前期沟通，客户的意愿非常明确，就是一个街舞主题，项目中所使用的元素要与街舞相关

对方甚至连参考样式及配色都已经确定好了，这点上为项目的进度省了很多时间。

最初方向确定之后我们要开始的就是做出草图，以确定模型方向

我们初期要做的只是一张版头，一个特殊坑位，一个普通坑位。

版头初期是想以地球为原型，代表从小黑盒可以购买到全球各地的新品

可是客户觉得小黑盒加上地球，地球跟盒子的主次关系就很难定义，所以取消了最初地球的想法，只以跟街舞相关的素材营造出从盒子里炸出来的感觉。

（

最初的草图确实是这样的，只是最后定稿的并不是这一版，项目嘛，总会有些波折的）

草图算是比较顺利，交稿之后客户方面都很及时地反馈意见

所以很快地进入到建模阶段，由于前期草图确定，后期建模并没有太费事，只是一些细节上的调整。

白膜也很顺利地通过，

下一步就是整体的颜色质感，因为客户在初期对颜色质感的要求就很明确，整体黑色为主，蓝红色为辅。

其实在配色的时候不太顺利，这时候就是一种抓狂的状态，

在这一步的时候其实还调整了蛮久的，后来终于放弃材质颜色，干脆就彻底让材质反射出灯光颜色来达到参考图的效果。

整个项目中，最花时间的估计就是版头了，中间修改了很多次都不太满意。

首先是元素与元素之间纵深感并不是太强，呈现不了客户想表达的炸开来的感觉

过客户的一番探讨，觉得之前的版头跟页面下方的坑位似乎不太搭

所以决定换一种风格，以一种更接近街舞的形式来呈现。

我们很快完成了场景的搭建

白模顺利地通过，当然中间还是会有一些细节上的小修改，

然后开始配色。

我们总是会习惯性地多出一些方案给到客户选择。

阿里那边反馈速度很快。“

左边细节不够，看着有点粗糙，细节上右边做得比较好

”

那就继续修改吧，2合1。

到这里，终于告一段落。

从最初预期的15天交稿，到最后拖到了第28天交稿。很感谢井伊的理解，对于交稿的拖延并没有炸毛。完成一个项目之后总会有种大大的满足感，又学到了很多东西，希望下一次会更好。

end…

——————————