2016-10-20 ui設(shè)計(jì)分享達(dá)人
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.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)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里
在移動(dòng)互聯(lián)網(wǎng)越來越火的今天,手機(jī)成為了人們離不開的工具,隨著智能手機(jī)時(shí)代的到了,各種各樣的手機(jī)軟件也越來越多,而這些軟件界面的設(shè)計(jì)也成為了不可或缺的一部分,那么今天我們就來說一說有關(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ì)選用的色彩不宜超過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)品的程序開發(fā)員及程序使用對(duì)象進(jìn)行共同溝通,以設(shè)計(jì)出友好的,獨(dú)特的,符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡潔明快,盡量少用無謂的裝飾,應(yīng)該考慮節(jié)省屏幕空間,各種分辨率的大小,縮放時(shí)的狀態(tài)和原則,并且為將來設(shè)計(jì)的按鈕,菜單,標(biāo)簽,滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配,將軟件商標(biāo)放在顯著位置,主菜單應(yīng)放在左邊或上邊,滾動(dò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ú)立自動(dòng)變化的狀態(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)該對(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ì)越來越好。
(注:以上部分內(nèi)容來源于網(wǎng)絡(luò)。整理歸檔:藍(lán)藍(lán)設(shè)計(jì),http://m.sillybuy.com)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com