臭魚:QQ空間大頭貼改版設(shè)計總結(jié)(4)_網(wǎng)頁設(shè)計教程
推薦:產(chǎn)品需要合適自己的設(shè)計上圖左側(cè)是電梯里的飄柔廣告。把洗發(fā)水的廣告做成一面鏡子的創(chuàng)意著實很棒。設(shè)計者清楚的知道:”在鏡子上做廣告更適合自己的品牌性質(zhì)”。不過,從上圖中不難
信息構(gòu)架的問題解決了,再來設(shè)計細(xì)節(jié)。
設(shè)計原則1說:相似的操作放在一起,可以使內(nèi)容之間的邏輯關(guān)系更清楚。
“現(xiàn)有照片”和“攝像頭”這兩個按鈕都是添加照片的功能,放在一起。大頭貼有很多編輯照片的功能(比如,放大、縮小照片),也應(yīng)該放在一起�,F(xiàn)在又有了動畫合成功能,相應(yīng)的一個操作也應(yīng)該歸在一起。這樣界面上就應(yīng)該有三組功能按鈕了:
編輯照片的功能中有“高級圖像設(shè)置”和“文字設(shè)定”這兩個功能操作起來比較復(fù)雜,需要較大的界面來展示。在舊版中,點擊這些按鈕,界面替換:
點擊中間左排的“高級圖像處理”按鈕(“照片”圖標(biāo)按鈕),界面變?yōu)椋?/P>
之前的“選擇本地照片”按鈕變成了“返回”按鈕。雖然充分利用了空間,但是不好用。用戶剛剛形成了一些隱約的印象:下面中間那里是個“選擇本地…”的功能。想要“返回”就不會上那兒去找了。
設(shè)計原則2中說:一個按鈕一個功能。把這個原理引申可以理解為:某個位置上的按鈕應(yīng)該是固定的。
無論是設(shè)計理論還是對實際的分析,都說明在統(tǒng)一位置上變換按鈕不是件好事。那么,“高級圖像設(shè)置”和“文字設(shè)定”的具體功能怎么顯示?給它們另外一個單獨浮起的界面就行了。“插入現(xiàn)有照片”和“用攝像頭拍攝”兩相功能也是類似的。
至此,大頭貼的主要設(shè)計完成了。最終的設(shè)計效果:
新版的大頭貼已于7月27日正式發(fā)布了。訪問方式:
- 訪問qzone.qq.com,
- 登錄,
- 點擊“進(jìn)入空間”(假如您之前沒有開通過qq空間,則需要先“開通”),
- 在您個人的qq空間中點擊右上角的“裝扮空間”進(jìn)入qq空間商城,
- 在商城導(dǎo)航中選擇“大頭貼”。
有點復(fù)雜哈,顯然,設(shè)計上要做的事情還很多。
愚下希望能借此總結(jié)反應(yīng)出一些設(shè)計原理在實際中的應(yīng)用,或許其中只言片語與您有益。
分享:幾點閃光出錯,也能莞爾一笑~碰到出錯頁面經(jīng)常是讓人討厭的事,不過撞見些可愛的頁面,有時反而成了種樂趣。個人最喜歡的404頁面,是淘寶UED團(tuán)隊blog的那個�!八牧�
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費CDN申請使用教程:100GB流量香港日本新加坡節(jié)點
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計教程-臭魚:QQ空間大頭貼改版設(shè)計總結(jié)(4)
。




