|
信息構(gòu)架的問題解決了，再來設(shè)計細節(jié)。
設(shè)計原則1說：相似的操作放在一起，可以使內(nèi)容之間的邏輯關(guān)系更清晰。
“現(xiàn)有照片”和“攝像頭”這兩個按鈕都是添加照片的功能，放在一起。大頭貼有很多編輯照片的功能（比如，放大、縮小照片），也應(yīng)該放在一起。現(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è)定”的具體功能怎么顯示？給它們另外一個單獨浮起的界面就行了�！安迦氍F(xiàn)有照片”和“用攝像頭拍攝”兩相功能也是類似的。
至此，大頭貼的主要設(shè)計完成了。最終的設(shè)計效果：
新版的大頭貼已于7月27日正式發(fā)布了。訪問方式：
- 訪問qzone.qq.com，
- 登錄，
- 點擊“進入空間”（如果您之前沒有開通過qq空間，則需要先“開通”），
- 在您個人的qq空間中點擊右上角的“裝扮空間”進入qq空間商城，
- 在商城導(dǎo)航中選擇“大頭貼”。
有點復(fù)雜哈，顯然，設(shè)計上要做的事情還很多。
愚下希望能借此總結(jié)反應(yīng)出一些設(shè)計原理在實際中的應(yīng)用，或許其中只言片語與您有益。
本文鏈接：http://m.95time.cn/design/doc/2007/4908.asp 
出處：藍色理想
責(zé)任編輯：moby
上一頁 大頭貼改版設(shè)計總結(jié) [3] 下一頁
|
第 1 頁 
第 4 頁 大頭貼改版設(shè)計總結(jié) [4]
