網頁制作poluoluo文章簡介：阿裡媽媽博客皮膚設計解析.
阿裡媽媽博客皮膚設計解析
2月13日，阿裡媽媽UED的博客換膚項目正式啟動，博客對於團隊宣傳的重要性可想而知，而博客皮膚就像人的外表，沒人不希望自己的漂亮些，何況這皮膚是可以主觀改變的。翻著這些資料和草稿，我們今天抖一抖，回顧一下換膚的過程吧。
既然要換膚當然得有個目標，作為UED團隊，視覺上拉風搶眼，操作上良好的交互性是團隊成員一致認同的。
OK，做事從收集情報資料開始。我們首先收集了一些國內比較有名的設計類交互類團隊博客的截圖，就皮膚的視覺效果和交互性上做了一定分析。從視覺上來看團隊博客在設計上特別拉風的並不多，大多是選用穩重干淨的顏色與質感。這時矛盾產生了，同樣作為團隊博客，媽媽到底是要拉風搶眼的外觀還是隨大流。先不管那麼多，兩條路都走走，於是有這樣一些草稿。
第一稿，只做到了頭部設計，似乎有那麼些思路，但又沒完全放開。
第二稿可以說是第一稿的延續，想法也較為簡單，拉風嘛，頂部如果有一幅插話就好了，大致用素材擺弄了一下，如果這稿要深入下去頂部插話至關重要。顏色方便沒有過多的考慮，並沒選用阿裡常用的橙色。
網頁制作poluoluo文章簡介：阿裡媽媽博客皮膚設計解析.
往集團顏色上靠一靠。但似乎一切的一切和UED團隊沒什麼關系，這個思路PASS掉。
繼續拉風著，拉風導航，試驗一下罷了。
阿裡媽媽文化衫中大魚吃小魚概念的引入，把這樣有故事的圖案放在博客頂部，博客在設計上會有一些阿裡媽媽的味道在。
網頁制作poluoluo文章簡介：阿裡媽媽博客皮膚設計解析.
念念不捨異性導航條，將其簡化一下再加入小魚概念，整體感覺“媽媽”了。
拋棄異性導航，純色簡化版小魚皮膚。
接下來是在白板小魚的大框架下做了一個小調整的草稿。主要在於導航，標題欄背景以及各標簽之間排列的一些嘗試。
網頁制作poluoluo文章簡介：阿裡媽媽博客皮膚設計解析.
橙色微玻璃質感，和諧型設計。
干練的橙色風
紫色版，由於色彩的原因被PASS掉，最終版選用了他的框架結構。
最終版，還是選用了穩重的色彩，頂部的小魚LOGO顯出媽媽團隊特質，局部的結構上做了些小創新。