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

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

系統(tǒng)界面設(shè)計(jì)十一大原則,跟視覺(jué)疲勞說(shuō)拜拜

Time: 2019-12-19

系統(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)放在顯著的位置上,而不太重要的或使用頻率小的放到不太顯著的位置上。


1.png

  (圖片來(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ì)往往更可取。


2.jpg

  (圖片來(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)完成相同的功能。


3.jpg

(圖片來(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)象哦!




合作咨詢(xún)

上海(總部)

上海市浦東新區(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)