臭魚:QQ空間大頭貼改版設計總結_網頁設計教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:產品需要合適自己的設計上圖左側是電梯里的飄柔廣告。把洗發水的廣告做成一面鏡子的創意著實很棒。設計者清楚的知道:”在鏡子上做廣告更適合自己的品牌性質”。不過,從上圖中不難
臭魚的個人站點: http://www.chouyu.com.cn/
大頭貼是QQ空間里的一個照片合成的小工具。讓用戶將自己給自己的照片加個畫框合成一個形象照。07年6-7月,大頭貼進行了重新設計,改善了之前的一些設計并添加了一些新功能。在此,將這個重新設計的過程總結下來,通過這個實例來闡述愚下對交互設計的一些理解。
改版面臨的問題一:舊版設計的缺陷
舊版大頭貼有一些設計上的缺陷。我們可以通過界面截圖了解一二。
默認首頁(照片合成頁):
點擊中間左排的“高級圖像處理”按鈕(“照片”圖標按鈕),界面變為:
在主界面上點擊中間右列的“文字設定”按鈕(A圖標按鈕),界面變為:
“攝像頭拍照”頁簽:
其中存在的缺陷就不詳述了,相信您也都能看到了。
(前面說到了,大頭貼是讓用戶將照片加上外框的一個圖像編輯工具,這里的截圖只是整個界面左側部分,界面右側是大頭貼外框的物品列表。這次改版的設計主要在于左側部分,所以,這篇總結沒有提及右側列表部分。)
分享:幾點閃光出錯,也能莞爾一笑~碰到出錯頁面經常是讓人討厭的事,不過撞見些可愛的頁面,有時反而成了種樂趣。個人最喜歡的404頁面,是淘寶UED團隊blog的那個。“四零
相關網頁設計教程:
- 相關鏈接:
- 教程說明:
網頁設計教程-臭魚:QQ空間大頭貼改版設計總結。