|
在實際的設(shè)計工作中，會遇到各種不同的具體情況，不僅需要我們清楚上面所說這種種左右對應(yīng)的關(guān)系，還需要能分辨出哪些是“拖動手柄”，哪些是“被間接控制的界面”。來看個實際的例子有助于進一步的理解：
http://qqshow.qq.com/act/2006/zrshow/upload.html
這是一個讓用戶自己上傳圖片、加工圖片作為個人形象的工具。用戶選中本地的圖片后，圖片會直接顯示在331×347px的圖像顯示區(qū)域中。140×226px的黑線框內(nèi)是個人形象應(yīng)有的大小。用戶可以縮放、移動圖片。
方向鍵操縱的是圖片，140×226px的黑線框是不動的。通過縮放，圖片可以比整個圖像顯示區(qū)域（331×347px）更大或更小。
被操縱的圖片到底是“拖動手柄”還是“被間接控制的界面”？圖片被放得很大的時候，在331×347px的圖像顯示區(qū)域里無法完整顯示，更象那張無限大的地圖。圖片似乎應(yīng)該是“被間接控制的界面”。圖片被縮得很小的時候，方向鍵更像是在操作瑪麗兄弟。但是，顯然不能隨著圖片的縮放，方向鍵的功能也變化吧。
這里提供的功能是讓用戶調(diào)整圖片作為個人形象，在140×226px的區(qū)域內(nèi)顯示。140×226px的區(qū)域是真正的可視窗口。用戶上傳的圖片應(yīng)當至少是一個能充滿整個140×226px窗口的圖片。窗口是140×226px的黑線框，圖片只會比窗口大，不會比窗口小。這樣來理解，圖片顯然應(yīng)該是“被間接控制的界面”。接下來只需要修改一下界面上的視覺效果，正確的表現(xiàn)出上面的理解就ok了。修改效果如下圖：
本文中的基本結(jié)論是在一次和seven的討論中得出的，之后，我又進行了一些整理、分析。和seven經(jīng)常有類似的討論，另外一次討論下拉箭頭的問題，seven已經(jīng)整理成文：《下拉箭頭怎么拉？》也許以后有精力應(yīng)該將類似的討論都系統(tǒng)的整理、記錄下來。
本文鏈接：http://www.95time.cn/design/doc/2007/4529.asp 
出處：藍色理想
責任編輯：moby
上一頁 按"右箭頭"按鈕,往左移 [1] 下一頁
|
第 1 頁 
第 2 頁 按"右箭頭"按鈕,往左移 [2]
