雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

軟件系統(tǒng)界面設(shè)計(jì)需要注意哪些關(guān)鍵點(diǎn)?原則是怎樣的?

Time: 2020-01-17


界面對(duì)于用戶朋友們來(lái)說(shuō)是非常重要的。因此對(duì)于界面設(shè)計(jì)要求,我們也必須要重視,界面設(shè)計(jì)原則是怎樣的?軟件系統(tǒng)界面設(shè)計(jì)需要注意哪些關(guān)鍵點(diǎn)?小編來(lái)給大家簡(jiǎn)單說(shuō)一下。


軟件系統(tǒng)界面設(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色安全色。軟件啟動(dòng)封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo),軟件名稱(chēng),版本號(hào),網(wǎng)址,版權(quán)聲明,序列號(hào)等信息,以樹(shù)立軟件形象,方便使用者或購(gòu)買(mǎi)者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的,象征性強(qiáng)的,識(shí)別性高的,視覺(jué)傳達(dá)效果好的圖形,若使用攝影也應(yīng)該進(jìn)行數(shù)位處理,以形成該軟件的個(gè)性化特征

  (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é)流程和用戶使用心理


1.jpg

(圖片來(lái)自網(wǎng)絡(luò))


  (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)為名稱(chēng),右邊應(yīng)為快捷鍵,如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào),不同功能區(qū)間應(yīng)該用線條分割。


界面設(shè)計(jì)原則是怎樣的

  1、界面風(fēng)格保持一致。使用一致的術(shù)語(yǔ)、一致的步驟、一致的動(dòng)作,讓用戶始終用同一種方式思考與操作。最忌諱每換一個(gè)屏幕就更換一套操作命令與操作方法。

  2、富有吸引力。用戶界面不僅應(yīng)該方便、高效,還應(yīng)該使用戶在使用時(shí)感到興奮,能夠從中獲得樂(lè)趣,從而吸引用戶更樂(lè)意使用它、接受它。


2.jpg

(圖片來(lái)自網(wǎng)絡(luò))


  3、界面元素的位置。用戶界面是由若干界面元素組成的,不是所有元素都一樣重要,要確保重要的元素盡快顯現(xiàn)給用戶。重要的或頻繁訪問(wèn)的元素應(yīng)當(dāng)放在顯著的位置上,而不太重要的或使用頻率小的放到不太顯著的位置上。

  4、保持界面元素的一致性。一致的外觀可以在系統(tǒng)中創(chuàng)造一種和諧。如果界面元素缺乏一致性,很可能使界面看起來(lái)雜亂無(wú)章、沒(méi)有條理,甚至可能引起用戶對(duì)系統(tǒng)可靠性的懷疑,失去對(duì)系統(tǒng)應(yīng)用的信心。

  5、合理使用空白區(qū)域。當(dāng)然此處的“白”并非指白色,而是指界面中沒(méi)有被界面元素占用的空白區(qū)域。恰當(dāng)?shù)亍傲舭住庇兄谕怀鼋缑嬖睾透纳瓶捎眯?,引?dǎo)用戶在不知不覺(jué)中進(jìn)入系統(tǒng)的思維框架,從而順利地、正確地應(yīng)用這個(gè)系統(tǒng)。

  6、保持界面簡(jiǎn)單明了。界面設(shè)計(jì)中最重要的原則就是使復(fù)雜的問(wèn)題簡(jiǎn)單化。如果用戶覺(jué)得界面很復(fù)雜,則可能會(huì)認(rèn)為系統(tǒng)本身也很難,而望而卻步,所以與大而全的界面設(shè)計(jì)方案比較起來(lái),簡(jiǎn)單明快的界面設(shè)計(jì)往往更可取。

  7、慎重使用顏色。在界面上合理地使用顏色可以增加視覺(jué)上的感染力,但濫用顏色會(huì)適得其反。一般而言,亮色容易使人興奮,同時(shí)也容易使人的眼睛產(chǎn)生疲勞;柔和的暗色可以使人平靜。

  8、字體的選用。文字是傳達(dá)信息的工具,有文字就有字體。因此字體也是影響用戶界面質(zhì)量的重要因素。程序員要選取在不同的分辨率和不同類(lèi)型的屏幕上都能順利閱讀的字體。另外,字體的一致性也很重要,在大多數(shù)情況下,不應(yīng)當(dāng)采用兩種以上的字體。


上面內(nèi)容就是小編給大家介紹的關(guān)于軟件系統(tǒng)界面設(shè)計(jì)需要注意哪些關(guān)鍵點(diǎn)的文章了,這些設(shè)計(jì)的關(guān)鍵點(diǎn),我們一定要弄清楚,才能設(shè)計(jì)出好的界面。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)