• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 界面設(shè)計(jì)中的Pattern	共有1245人瀏覽過本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈鮮花：182

發(fā)表時(shí)間：2020/6/7 13:22:00 樓　主 界面設(shè)計(jì)中的Pattern 　　什么是Pattern呢？Pattern，我們可以把它看做是一組可重復(fù)使用、被大多數(shù)人知曉、蘊(yùn)含設(shè)計(jì)經(jīng)驗(yàn)小結(jié)的界面交互模式。這些模式可能適用于桌面軟件、Web應(yīng)用、手機(jī)應(yīng)用等等。這里我們通過分析兩個(gè)Pattern應(yīng)用的實(shí)例，來更好的理解Pattern和運(yùn)用Pattern。 　　雙面板Pattern用來承載對象與對象內(nèi)容的兩個(gè)面板，用戶選擇【對象面板】后，【對象內(nèi)容面板】會自動顯示該對象的詳細(xì)信息。 　　MicrosoftOutlook2007適用范圍郵件、歌曲庫、圖片庫、主從數(shù)據(jù)記錄、文件管理器等。優(yōu)點(diǎn) 　　1、對象與對象內(nèi)容同時(shí)可視； 　　2、避免了頁面切換和更多的鼠標(biāo)點(diǎn)擊操作，節(jié)省體力； 　　3、減輕用戶記憶負(fù)擔(dān)，用戶不需要去記憶【對象內(nèi)容】的存在位置； 　　4、支持上、下方向鍵的快速瀏覽，有效減少瀏覽時(shí)間。如何使用根據(jù)用戶的視覺流動方向，可將【對象面板】與【對象內(nèi)容面板】左右、上下排布。當(dāng)用戶選中【對象面板】時(shí)，【對象內(nèi)容】面板及時(shí)刷新。案例 　　如上圖：在Web軟件應(yīng)用中，可將基礎(chǔ)資料類（幣別、部門、職員）數(shù)據(jù)的錄入與查詢整合為”雙面板模式”，上面用做【數(shù)據(jù)輸入?yún)^(qū)】，下面列表用做【數(shù)據(jù)展示區(qū)】。鼠標(biāo)單擊【數(shù)據(jù)展示區(qū)】即可在【數(shù)據(jù)輸入?yún)^(qū)】完成數(shù)據(jù)修改。此方案充分利了用雙面板Pattern的優(yōu)勢，并進(jìn)行了擴(kuò)展。用戶的反饋效果還是不錯的！ 　　————————————————————————————————-畫布+工具條Pattern畫布+帶圖標(biāo)的工具條，通過畫布旁的工具條來創(chuàng)建、修改畫布對象。 　　適用范圍圖形編輯、文字編輯優(yōu)點(diǎn) 　　1、一張畫紙和一支畫筆，現(xiàn)實(shí)生活到軟件界面的自然映射，符合用戶心智模型； 　　2、通過使用工具條可以對復(fù)雜的操作進(jìn)行分類，方便用戶使用。如何使用可根據(jù)用戶習(xí)慣將工具條放置在畫布上、左、右邊，工具條一定要提供表意明確的圖標(biāo)（或增加文字描述）來幫助用戶識別。案例 　　如上圖：在SnagIt9.0當(dāng)中，將原有的工具條改為微軟的Ribbon，并在界面底部增加了”捕捉庫”操作區(qū)。在PhotoShop中進(jìn)行多圖切換時(shí)需要使用Ctrl+Tab快捷鍵，而在SnagIt9.0″捕捉庫區(qū)域”既能看到多圖的縮略，又能很方便的通過鼠標(biāo)點(diǎn)擊進(jìn)行切換。這個(gè)在畫布+工具條Pattern的基礎(chǔ)上增加了“捕捉區(qū)”的擴(kuò)展，更加方便了用戶進(jìn)行多圖的切換 　　通過上面兩個(gè)案例，我們可以了解到界面設(shè)計(jì)中的Pattern是什么？我們該如何利用已有的Pattern去更好的設(shè)計(jì)界面？好的Pattern有很多，這里沒法一一列舉。有興趣的話可以自己分析研究一下其他pattern。 　　原文：http://www.yuhou.cn/2008/11/%E7%95%8C%E9%9D%A2%E8%AE%BE%E8%AE%A1%E4%B8%AD%E7%9A%84pattern/ 奈薇建站網(wǎng)致力于，讓每個(gè)中國人、每個(gè)中國企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁

上一頁 / 下一頁   當(dāng)前第頁

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開發(fā)區(qū)信息港 山東在線門戶