建站常識
阿里媽媽博客皮膚設計解析
2009-11-30 14:37:00
阿里媽媽博客皮膚設計解析
2月13日,阿里媽媽UED的博客換膚項目正式啟動,博客對于團隊宣傳的重要性可想而知,而博客皮膚就像人的外表,沒人不希望自己的漂亮些,何況這皮膚是可以主觀改變的。翻著這些資料和草稿,我們今天抖一抖,回顧一下?lián)Q膚的過程吧。
既然要換膚當然得有個目標,作為UED團隊,視覺上拉風搶眼,操作上良好的交互性是團隊成員一致認同的。
OK,做事從收集情報資料開始。我們首先收集了一些國內比較有名的設計類交互類團隊博客的截圖,就皮膚的視覺效果和交互性上做了一定分析。從視覺上來看團隊博客在設計上特別拉風的并不多,大多是選用穩(wěn)重干凈的顏色與質感。這時矛盾產生了,同樣作為團隊博客,媽媽到底是要拉風搶眼的外觀還是隨大流。先不管那么多,兩條路都走走,于是有這樣一些草稿。
第一稿,只做到了頭部設計,似乎有那么些思路,但又沒完全放開。
第二稿可以說是第一稿的延續(xù),想法也較為簡單,拉風嘛,頂部如果有一幅插話就好了,大致用素材擺弄了一下,如果這稿要深入下去頂部插話至關重要。顏色方便沒有過多的考慮,并沒選用阿里常用的橙色。
#p#
往集團顏色上靠一靠。但似乎一切的一切和UED團隊沒什么關系,這個思路PASS掉。
繼續(xù)拉風著,拉風導航,試驗一下罷了。
阿里媽媽文化衫中大魚吃小魚概念的引入,把這樣有故事的圖案放在博客頂部,博客在設計上會有一些阿里媽媽的味道在。
#p#
念念不舍異性導航條,將其簡化一下再加入小魚概念,整體感覺“媽媽”了。
拋棄異性導航,純色簡化版小魚皮膚。
接下來是在白板小魚的大框架下做了一個小調整的草稿。主要在于導航,標題欄背景以及各標簽之間排列的一些嘗試。
#p#
橙色微玻璃質感,和諧型設計。
干練的橙色風
紫色版,由于色彩的原因被PASS掉,最終版選用了他的框架結構。
最終版,還是選用了穩(wěn)重的色彩,頂部的小魚LOGO顯出媽媽團隊特質,局部的結構上做了些小創(chuàng)新。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2006-09-25 13:10:00] 用戶體驗:現(xiàn)有博客體系需進行四大改造
- [2009-05-04 08:28:00] 博客導航的用戶體驗
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
力圖數(shù)字科技 網(wǎng)站優(yōu)化 IT資訊 企業(yè)網(wǎng)站 GOOGLE 青島網(wǎng)站建設基礎知識 青島網(wǎng)站案例 視覺靈感 網(wǎng)站設計資訊 網(wǎng)頁設計 網(wǎng)站品牌 圖形網(wǎng)格 中小型企業(yè)網(wǎng)站建設 企業(yè)網(wǎng)站設計 網(wǎng)站交互設計 青島好的網(wǎng)站優(yōu)化公司 SEO 網(wǎng)站改版 力圖 手機端的網(wǎng)站 網(wǎng)站設計 建站常識 良好的導航 高端網(wǎng)站設計 交互設計 css 青島高端網(wǎng)站建設 頁面設計 網(wǎng)站開發(fā) 青島做網(wǎng)站多少錢