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

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

系統(tǒng)后臺界面設(shè)計的基本原則有哪些?

Time: 2019-12-26


大家對于界面設(shè)計了解多少呢?那么,系統(tǒng)后臺界面設(shè)計的原則有哪些呢?這也是我們需要非常重視的問題,也將會對大家的界面設(shè)計有一定指導(dǎo)作用,下面就讓我們一起全面的了解下吧。


Dashboard設(shè)計,盡管設(shè)計師們叫法各不相同(例如:“數(shù)據(jù)面板設(shè)計”, “控制面板設(shè)計”, “儀表盤設(shè)計”或“后臺界面設(shè)計”等等)。但,此類設(shè)計的最終目都是力求以最直觀、最簡潔的方式呈現(xiàn)各種信息和數(shù)據(jù),從而為Web或App用戶提供最有效、最實用的行動指南或決策基礎(chǔ)。


1.jpg

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


  1. 合理搭配色彩,打造極具視覺魅力的主控界面設(shè)計

  合理的配色方案, 漸變色的使用,結(jié)合陰影以及色彩透明度的變化,輕松打造極具層次感的視覺設(shè)計。

  注意:色彩使用也要注意把握分寸。過度使用色彩,反而會增加界面干擾,造成重點不再突出,從而給用戶帶來困擾,影響用戶體驗。


2. 重要信息或數(shù)據(jù)盡可能放置在Dashboard界面的左上角或中間區(qū)域

  無論是哪種類型的網(wǎng)頁或App界面設(shè)計,設(shè)計師都需要遵循用戶的閱讀習(xí)慣 (即人們習(xí)慣從上到下,從左到右,中間位置最能吸引關(guān)注的閱讀習(xí)慣),將重要的內(nèi)容或數(shù)據(jù)集中展示在主控界面設(shè)計的左上角或中間區(qū)域。

  將最具吸引力或最重要的內(nèi)容展示在中間,更能吸引和留住用戶。


  3.注意界面可交互式設(shè)計

  交互式聯(lián)動設(shè)計,能夠有效的增加界面實用性和互動性,激發(fā)用戶參與的興趣,從而降低界面跳出率,促進商業(yè)價值的實現(xiàn)。


2.jpg


  4. 注意界面可視化設(shè)計

現(xiàn)今Web/App設(shè)計中,極大部分Dashboard設(shè)計都涉及數(shù)據(jù)的分析和展示。為提升界面實用性,打破死板無趣的數(shù)據(jù)展示,打造極具視覺效果的可視化界面設(shè)計,也相當(dāng)重要。

  而這就需要設(shè)計師靈活的選用各類圖表展示數(shù)據(jù)的同時,結(jié)合色彩、圖標(biāo)、動效以及交互設(shè)計,創(chuàng)建可視化界面。讓用戶進入界面,即可清晰的查看相關(guān)數(shù)據(jù)信息。


5. 一般設(shè)計和可定制化設(shè)計相結(jié)合

  一般設(shè)計,例如表格、圖表、圖片等設(shè)計,能夠幫助設(shè)計師直觀簡潔的展示Dashboard相關(guān)數(shù)據(jù)和信息。為提升用戶體驗愉悅度,適當(dāng)?shù)奶砑觽€性化設(shè)計,例如方便用戶搜索詳情的搜索框設(shè)計,方便用戶根據(jù)需要重新排列界面信息的拖拽設(shè)計,以及可根據(jù)用戶需求改變界面背景色彩的皮膚選擇設(shè)計等等,打造定制化主控界面設(shè)計。

  添加搜索框等設(shè)計,打造可定化Dashboard界面設(shè)計。

  注意:過分定制化,又會影響一般數(shù)據(jù)的展示,給用戶決策帶來不利影響。


  系統(tǒng)后臺界面設(shè)計的基本的原則如上文所述,相信大家看完之后,都會有很大的收獲了吧,總之,希望上面的內(nèi)容可以為大家提供參考。


合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

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

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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