談到pc端后臺(tái)界面設(shè)計(jì)估計(jì)有很多人都不是很清楚,畢竟平時(shí)接觸設(shè)計(jì)的東西比較少,不清楚或不知道都是很正常的事情,下面我們一起來(lái)了解一下pc端后臺(tái)界面設(shè)計(jì)的相關(guān)資料介紹吧。
一、PC端
PC端是和移動(dòng)終端相對(duì)應(yīng)的名詞,就是指網(wǎng)絡(luò)世界里可以連接到電腦主機(jī)的那個(gè)端口,是基于電腦的界面體系,它有別于移動(dòng)端的手機(jī)界面體系。其實(shí)PC的英文全稱是:Personal Computer 翻譯成中文的意思是:個(gè)人計(jì)算機(jī)或者個(gè)人電腦。PC是一個(gè)具有廣泛含義的詞語(yǔ),也是電腦的統(tǒng)稱。就目前而言個(gè)人電腦種類有很多,比如傳統(tǒng)的臺(tái)式電腦、DIY電腦、筆記本電腦、以及近年來(lái)開始流行的平板電腦、一體機(jī)電腦、超級(jí)本、掌上電腦、嵌入式計(jì)算機(jī)均屬于PC的范疇。也就是說(shuō)PC是一個(gè)廣泛詞,屬于電腦的總稱。

(圖片來(lái)自網(wǎng)絡(luò))
二、完全扁平化不適用于PC端的后臺(tái)系統(tǒng)設(shè)計(jì)
其實(shí)可以對(duì)比“移動(dòng)端產(chǎn)品”和“PC端后臺(tái)系統(tǒng)”的實(shí)際使用場(chǎng)景,PC端后臺(tái)系統(tǒng)的操作對(duì)視覺(jué)依賴更多。也就是:用戶在使用后臺(tái)操作系統(tǒng)的時(shí)候是長(zhǎng)時(shí)間持續(xù)性的,在使用中,視覺(jué)的疲勞會(huì)很快降臨,“視覺(jué)扁平”所帶來(lái)的缺點(diǎn)顯而易見(jiàn),所以強(qiáng)烈的視覺(jué)沖擊更加符合之一使用場(chǎng)景。另外扁平化風(fēng)格本身有很多優(yōu)點(diǎn),例如更加干凈和簡(jiǎn)約,但是扁平化本身卻有著一些不可忽視的缺點(diǎn)。后臺(tái)系統(tǒng)的扁平化設(shè)計(jì)應(yīng)該注意,扁平化本身更加干凈和簡(jiǎn)約,但扁平化本身的視覺(jué)對(duì)比不夠強(qiáng)烈,在扁平化的基礎(chǔ)上,進(jìn)行視覺(jué)上的優(yōu)化,才是后臺(tái)系統(tǒng)界面設(shè)計(jì)正確選擇。我們可以借鑒過(guò)去系統(tǒng)設(shè)計(jì)的部分元素,例如在扁平化的基礎(chǔ)上增加視覺(jué)的對(duì)比度和擬物感。PC端后臺(tái)系統(tǒng)的視覺(jué)設(shè)計(jì)核心:扁平化讓系統(tǒng)更加簡(jiǎn)潔,整體視覺(jué)看上去很舒服,但是在扁平化設(shè)計(jì)的同時(shí),一定要增強(qiáng)視覺(jué)上的對(duì)比度。

(圖片來(lái)自網(wǎng)絡(luò))
三、增強(qiáng)界面的視覺(jué)對(duì)比度
增強(qiáng)按鈕的視覺(jué)重量。可以通過(guò)漸變,按鈕外陰影等樣式增強(qiáng)按鈕的立體感。適量增加圖標(biāo)的擬物化,豐富情感。圖標(biāo)過(guò)于簡(jiǎn)化的同時(shí),還會(huì)增加用戶的學(xué)習(xí)成本。輕微漸變。漸變可以豐富頁(yè)面細(xì)節(jié),漸變還可以營(yíng)造自然中的光線照射感??ㄆ幱???ㄆ幱霸谝苿?dòng)端的使用非常廣泛,pc端的卡片陰影同樣可以營(yíng)造較好的立體感。不用“無(wú)豎線”的表格樣式,表格是后臺(tái)系統(tǒng)出現(xiàn)頻率非常高的一個(gè)組件,有的表格樣式為了整體看上去更加干凈簡(jiǎn)約,表格沒(méi)有豎線只有橫線,但是在實(shí)際中不如橫豎線都有的表格好。一般UI設(shè)計(jì)中,除了運(yùn)營(yíng)banner中采用對(duì)比色,來(lái)突出模塊,很少用到對(duì)比色。在系統(tǒng)設(shè)計(jì)中,運(yùn)用對(duì)比色搭配,雖然損失整體頁(yè)面的美感,但是強(qiáng)烈的對(duì)比,在實(shí)際的操作中將起到好的作用。
以上的資料介紹就是關(guān)于pc端后臺(tái)界面設(shè)計(jì)的內(nèi)容,設(shè)計(jì)一定要遵循設(shè)計(jì)原則,千萬(wàn)不可憑空胡亂想象,不然再好的界面設(shè)計(jì)得不到用戶的肯定都是白搭。


在微信中搜索faceui