軟件界面設(shè)計(jì)的設(shè)計(jì)關(guān)鍵（上篇）

2016-10-20    ui設(shè)計(jì)分享達(dá)人

藍(lán)藍(lán)設(shè)計(jì)( m.820esy.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

 

在移動(dòng)互聯(lián)網(wǎng)越來(lái)越火的今天，手機(jī)成為了人們離不開(kāi)的工具，隨著智能手機(jī)時(shí)代的到了，各種各樣的手機(jī)軟件也越來(lái)越多，而這些軟件界面的設(shè)計(jì)也成為了不可或缺的一部分，那么今天我們就來(lái)說(shuō)一說(shuō)有關(guān)軟件界面設(shè)計(jì)時(shí)需要把握的一些設(shè)計(jì)關(guān)鍵！當(dāng)然了，這些關(guān)鍵不僅僅局限于對(duì)手機(jī)界面的設(shè)計(jì)，同時(shí)也適用于其他軟件的界面設(shè)計(jì)上。設(shè)計(jì)關(guān)鍵點(diǎn)如下：

（1）軟件啟動(dòng)封面設(shè)計(jì)--Splash：應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像，如軟件啟動(dòng)封面需在不同的平臺(tái)、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對(duì)選用的色彩不宜超過(guò)256色，最好為216色安全色。

（2）軟件框架設(shè)計(jì)：軟件的框架設(shè)計(jì)就復(fù)雜得多，因?yàn)樯婕败浖氖褂霉δ?，?yīng)該對(duì)該軟件產(chǎn)品的程序和使用比較了解，這就需要設(shè)計(jì)師有一定的軟件跟進(jìn)經(jīng)驗(yàn)，能夠快速的學(xué)習(xí)軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開(kāi)發(fā)員及程序使用對(duì)象進(jìn)行共同溝通，以設(shè)計(jì)出友好的，獨(dú)特的，符合程序開(kāi)發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快，盡量少用無(wú)謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時(shí)的狀態(tài)和原則，并且為將來(lái)設(shè)計(jì)的按鈕，菜單，標(biāo)簽，滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動(dòng)條放在右邊，狀態(tài)欄放在下邊，以符合視覺(jué)流程和用戶使用心理。

（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ú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡(jiǎn)潔的圖示效果，應(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)該對(duì)功能區(qū)間劃分清晰，應(yīng)該和對(duì)話框，彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。

（5）菜單設(shè)計(jì)。菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵，如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào)，不同功能區(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ì)就會(huì)越來(lái)越好。

（注：以上部分內(nèi)容來(lái)源于網(wǎng)絡(luò)。整理歸檔：藍(lán)藍(lán)設(shè)計(jì)，http://m.820esy.cn）

 

 

分享本文至：

日歷

鏈接

個(gè)人資料

存檔