2016-10-20 ui設(shè)計(jì)分享達(dá)人
藍(lán)藍(lán)設(shè)計(jì)( m.cqzjtgb.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
在移動互聯(lián)網(wǎng)越來越火的今天，手機(jī)成為了人們離不開的工具，隨著智能手機(jī)時(shí)代的到了，各種各樣的手機(jī)軟件也越來越多，而這些軟件界面的設(shè)計(jì)也成為了不可或缺的一部分，那么今天我們就來說一說有關(guān)軟件界面設(shè)計(jì)時(shí)需要把握的一些設(shè)計(jì)關(guān)鍵！當(dāng)然了，這些關(guān)鍵不僅僅局限于對手機(jī)界面的設(shè)計(jì)，同時(shí)也適用于其他軟件的界面設(shè)計(jì)上。設(shè)計(jì)關(guān)鍵點(diǎn)如下：
（1）軟件啟動封面設(shè)計(jì)--Splash：應(yīng)使軟件啟動封面最終為高清晰度的圖像，如軟件啟動封面需在不同的平臺、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對選用的色彩不宜超過256色，最好為216色安全色。
（2）軟件框架設(shè)計(jì)：軟件的框架設(shè)計(jì)就復(fù)雜得多，因?yàn)樯婕败浖氖褂霉δ?，?yīng)該對該軟件產(chǎn)品的程序和使用比較了解，這就需要設(shè)計(jì)師有一定的軟件跟進(jìn)經(jīng)驗(yàn)，能夠快速的學(xué)習(xí)軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對象進(jìn)行共同溝通，以設(shè)計(jì)出友好的，獨(dú)特的，符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡潔明快，盡量少用無謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時(shí)的狀態(tài)和原則，并且為將來設(shè)計(jì)的按鈕，菜單，標(biāo)簽，滾動條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動條放在右邊，狀態(tài)欄放在下邊，以符合視覺流程和用戶使用心理。
（3）軟件按鈕設(shè)計(jì)。軟件按鈕設(shè)計(jì)應(yīng)該具有交互性，即應(yīng)該有3到6種狀態(tài)效果：點(diǎn)擊時(shí)狀態(tài)；鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)；點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)；點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)；不能點(diǎn)擊時(shí)狀態(tài)；獨(dú)立自動變化的狀態(tài)。按鈕應(yīng)具備簡潔的圖示效果，應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng)，群組內(nèi)按鈕應(yīng)該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。
（4）軟件面板設(shè)計(jì)。軟件面板設(shè)計(jì)應(yīng)該具有縮放功能，面板應(yīng)該對功能區(qū)間劃分清晰，應(yīng)該和對話框，彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。
（5）菜單設(shè)計(jì)。菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵，如果有下級菜單應(yīng)該有下級箭頭符號，不同功能區(qū)間應(yīng)該用線條分割。
設(shè)計(jì)的關(guān)鍵在于規(guī)范設(shè)計(jì)師能夠設(shè)計(jì)出好的界面，更加滿足于用戶的體驗(yàn)。我們相信，只要設(shè)計(jì)師肯下功夫，把握好設(shè)計(jì)的每一個(gè)關(guān)鍵點(diǎn)，我們的軟件界面設(shè)計(jì)就會越來越好。
（注：以上部分內(nèi)容來源于網(wǎng)絡(luò)。整理歸檔：藍(lán)藍(lán)設(shè)計(jì)，http://m.cqzjtgb.com）
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.cqzjtgb.com
