雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

pc端后臺界面設計適合完全扁平化嗎?

Time: 2020-01-16


談到pc端后臺界面設計估計有很多人都不是很清楚,畢竟平時接觸設計的東西比較少,不清楚或不知道都是很正常的事情,下面我們一起來了解一下pc端后臺界面設計的相關資料介紹吧。

一、PC端

  PC端是和移動終端相對應的名詞,就是指網絡世界里可以連接到電腦主機的那個端口,是基于電腦的界面體系,它有別于移動端的手機界面體系。其實PC的英文全稱是:Personal Computer 翻譯成中文的意思是:個人計算機或者個人電腦。PC是一個具有廣泛含義的詞語,也是電腦的統稱。就目前而言個人電腦種類有很多,比如傳統的臺式電腦、DIY電腦、筆記本電腦、以及近年來開始流行的平板電腦、一體機電腦、超級本、掌上電腦、嵌入式計算機均屬于PC的范疇。也就是說PC是一個廣泛詞,屬于電腦的總稱。


f.png

(圖片來自網絡)


  二、完全扁平化不適用于PC端的后臺系統設計

  其實可以對比“移動端產品”和“PC端后臺系統”的實際使用場景,PC端后臺系統的操作對視覺依賴更多。也就是:用戶在使用后臺操作系統的時候是長時間持續性的,在使用中,視覺的疲勞會很快降臨,“視覺扁平”所帶來的缺點顯而易見,所以強烈的視覺沖擊更加符合之一使用場景。另外扁平化風格本身有很多優點,例如更加干凈和簡約,但是扁平化本身卻有著一些不可忽視的缺點。后臺系統的扁平化設計應該注意,扁平化本身更加干凈和簡約,但扁平化本身的視覺對比不夠強烈,在扁平化的基礎上,進行視覺上的優化,才是后臺系統界面設計正確選擇。我們可以借鑒過去系統設計的部分元素,例如在扁平化的基礎上增加視覺的對比度和擬物感。PC端后臺系統的視覺設計核心:扁平化讓系統更加簡潔,整體視覺看上去很舒服,但是在扁平化設計的同時,一定要增強視覺上的對比度。


1.jpg

(圖片來自網絡)


  三、增強界面的視覺對比度

  增強按鈕的視覺重量。可以通過漸變,按鈕外陰影等樣式增強按鈕的立體感。適量增加圖標的擬物化,豐富情感。圖標過于簡化的同時,還會增加用戶的學習成本。輕微漸變。漸變可以豐富頁面細節,漸變還可以營造自然中的光線照射感。卡片陰影。卡片陰影在移動端的使用非常廣泛,pc端的卡片陰影同樣可以營造較好的立體感。不用“無豎線”的表格樣式,表格是后臺系統出現頻率非常高的一個組件,有的表格樣式為了整體看上去更加干凈簡約,表格沒有豎線只有橫線,但是在實際中不如橫豎線都有的表格好。一般UI設計中,除了運營banner中采用對比色,來突出模塊,很少用到對比色。在系統設計中,運用對比色搭配,雖然損失整體頁面的美感,但是強烈的對比,在實際的操作中將起到好的作用。


  以上的資料介紹就是關于pc端后臺界面設計的內容,設計一定要遵循設計原則,千萬不可憑空胡亂想象,不然再好的界面設計得不到用戶的肯定都是白搭。


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開