阿里妈妈博客皮肤设计解析

2月13日，阿里妈妈UED的博客换肤项目正式启动，博客对于团队宣传的重要性可想而知，而博客皮肤就像人的外表，没人不希望自己的漂亮些，何况这皮肤是可以主观改变的。翻着这些资料和草稿，我们今天抖一抖，回顾一下换肤的过程吧。

既然要换肤当然得有个目标，作为UED团队，视觉上拉风抢眼，操作上良好的交互性是团队成员一致认同的。

OK，做事从收集情报资料开始。我们首先收集了一些国内比较有名的设计类交互类团队博客的截图，就皮肤的视觉效果和交互性上做了一定分析。从视觉上来看团队博客在设计上特别拉风的并不多，大多是选用稳重干净的颜色与质感。这时矛盾产生了，同样作为团队博客，妈妈到底是要拉风抢眼的外观还是随大流。先不管那么多，两条路都走走，于是有这样一些草稿。

第一稿，只做到了头部设计，似乎有那么些思路，但又没完全放开。

第二稿可以说是第一稿的延续，想法也较为简单，拉风嘛，顶部如果有一幅插话就好了，大致用素材摆弄了一下，如果这稿要深入下去顶部插话至关重要。颜色方便没有过多的考虑，并没选用阿里常用的橙色。

往集团颜色上靠一靠。但似乎一切的一切和UED团队没什么关系，这个思路PASS掉。

继续拉风着，拉风导航，试验一下罢了。

阿里妈妈文化衫中大鱼吃小鱼概念的引入，把这样有故事的图案放在博客顶部，博客在设计上会有一些阿里妈妈的味道在。

念念不舍异性导航条，将其简化一下再加入小鱼概念，整体感觉“妈妈”了。

抛弃异性导航，纯色简化版小鱼皮肤。

接下来是在白板小鱼的大框架下做了一个小调整的草稿。主要在于导航，标题栏背景以及各标签之间排列的一些尝试。

橙色微玻璃质感，和谐型设计。

干练的橙色风

紫色版，由于色彩的原因被PASS掉，最终版选用了他的框架结构。

最终版，还是选用了稳重的色彩，顶部的小鱼LOGO显出妈妈团队特质，局部的结构上做了些小创新。

评论 (0) All

登陆 还没注册？