系統(tǒng)界面的設(shè)計(jì)往往關(guān)系在著用戶(hù)的使用感,而且好的界面設(shè)計(jì)對(duì)于系統(tǒng)的推廣和留住客戶(hù)有非常大的好處哦!下面我們跟隨小編一起來(lái)了解一下系統(tǒng)界面設(shè)計(jì)的相關(guān)資料吧。
系統(tǒng)界面設(shè)計(jì)原則:
一、界面風(fēng)格保持一致
使用一致的術(shù)語(yǔ)、一致的步驟、一致的動(dòng)作,讓用戶(hù)始終用同一種方式思考與操作。最忌諱每換一個(gè)屏幕就更換一套操作命令與操作方法。
二、富有吸引力
用戶(hù)界面不僅應(yīng)該方便、高效,還應(yīng)該使用戶(hù)在使用時(shí)感到興奮,能夠從中獲得樂(lè)趣,從而吸引用戶(hù)更樂(lè)意使用它、接受它。
三、界面元素的位置
用戶(hù)界面是由若干界面元素組成的,不是所有元素都一樣重要,要確保重要的元素盡快顯現(xiàn)給用戶(hù)。重要的或頻繁訪(fǎng)問(wèn)的元素應(yīng)當(dāng)放在顯著的位置上,而不太重要的或使用頻率小的放到不太顯著的位置上。
(圖片來(lái)自網(wǎng)絡(luò))
四、保持界面元素的一致性
一致的外觀可以在系統(tǒng)中創(chuàng)造一種和諧。如果界面元素缺乏一致性,很可能使界面看起來(lái)雜亂無(wú)章、沒(méi)有條理,甚至可能引起用戶(hù)對(duì)系統(tǒng)可靠性的懷疑,失去對(duì)系統(tǒng)應(yīng)用的信心。
五、合理使用空白區(qū)域
當(dāng)然此處的“白”并非指白色,而是指界面中沒(méi)有被界面元素占用的空白區(qū)域。恰當(dāng)?shù)亍傲舭住庇兄谕怀鼋缑嬖睾透纳瓶捎眯?,引?dǎo)用戶(hù)在不知不覺(jué)中進(jìn)入系統(tǒng)的思維框架,從而順利地、正確地應(yīng)用這個(gè)系統(tǒng)。
六、保持界面簡(jiǎn)單明了
界面設(shè)計(jì)中最重要的原則就是使復(fù)雜的問(wèn)題簡(jiǎn)單化。如果用戶(hù)覺(jué)得界面很復(fù)雜,則可能會(huì)認(rèn)為系統(tǒng)本身也很難,而望而卻步,所以與大而全的界面設(shè)計(jì)方案比較起來(lái),簡(jiǎn)單明快的界面設(shè)計(jì)往往更可取。
(圖片來(lái)自網(wǎng)絡(luò))
七、慎重使用顏色
在界面上合理地使用顏色可以增加視覺(jué)上的感染力,但濫用顏色會(huì)適得其反。一般而言,亮色容易使人興奮,同時(shí)也容易使人的眼睛產(chǎn)生疲勞;柔和的暗色可以使人平靜。
八、字體的選用
文字是傳達(dá)信息的工具,有文字就有字體。因此字體也是影響用戶(hù)界面質(zhì)量的重要因素。程序員要選取在不同的分辨率和不同類(lèi)型的屏幕上都能順利閱讀的字體。另外,字體的一致性也很重要,在大多數(shù)情況下,不應(yīng)當(dāng)采用兩種以上的字體。
九、按鈕類(lèi)元素
設(shè)計(jì)界面時(shí)仔細(xì)分析各種元素的功能以及元素之間的邏輯關(guān)系,并按功能或關(guān)系進(jìn)行邏輯分組,使用控件組織起來(lái),以加強(qiáng)元素之間的聯(lián)系。另外,如果界面放置的元素太多,可考慮采用菜單來(lái)完成相同的功能。
(圖片來(lái)自網(wǎng)絡(luò))
十、列表框類(lèi)元素
列表框類(lèi)元素有一個(gè)共同的特點(diǎn),都可以設(shè)置滾動(dòng)條。使在一個(gè)小“框”中閱讀大文件成為可能。但也產(chǎn)生一個(gè)問(wèn)題:如果閱讀一個(gè)行列均很多的文件,用戶(hù)就會(huì)反復(fù)拉動(dòng)水平或垂直滾動(dòng)條,給閱讀帶來(lái)諸多不便。設(shè)計(jì)時(shí)最好只使用一個(gè)方向的滾動(dòng)條,即要么橫向夠?qū)?,要么縱向夠長(zhǎng)。
十一、控件隱藏
把當(dāng)前狀態(tài)下無(wú)用的元素隱藏起來(lái),既能使界面清潔明了,突出重點(diǎn),又能保證用戶(hù)不做無(wú)效的“工作”。
小編覺(jué)得在進(jìn)行系統(tǒng)界面設(shè)計(jì)的時(shí)候一定要遵循以上的十一個(gè)界面設(shè)計(jì)原則,才能避免讓人在瀏覽的你所設(shè)計(jì)的系統(tǒng)界面是出現(xiàn)視覺(jué)疲勞的現(xiàn)象哦!