一組驚艷的后臺(tái)管理界面設(shè)計(jì)欣賞

2013-11-29    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   yvirxh.cn  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

藍(lán)藍(lán)設(shè)計(jì)其實(shí)在最早做設(shè)計(jì)的時(shí)候,就是設(shè)計(jì)銀行的客戶(hù)關(guān)系管理系統(tǒng)以及電商網(wǎng)站的后臺(tái)管理界面。

做那種界面的時(shí)候,和設(shè)計(jì)網(wǎng)頁(yè)的感覺(jué)不一樣。因?yàn)榈每紤]的不只是美觀,更多應(yīng)該在操作體驗(yàn)及視覺(jué)舒適度上下足功夫。

這種界面會(huì)成為管理員長(zhǎng)時(shí)間駐留的地方,會(huì)有很多數(shù)據(jù)表格。如果我們的配色太鮮艷或者太暗沉,都會(huì)讓使用者遭受眼球上的磨難。

而且一些按鈕和操作焦點(diǎn)沒(méi)有做好區(qū)分和規(guī)范,那都會(huì)是致命的。

關(guān)于界面中的交互,這里藍(lán)藍(lán)設(shè)計(jì)送上前輩們留下的一句金句,非常經(jīng)典,也很好記:

1、操作前可以預(yù)知;
2、操作中有反饋;
3、操作后可撤銷(xiāo);

不管怎么樣,這三句話(huà),你可以牢牢記住。這是只可意會(huì)不可言傳的。等到你鉆研達(dá)到一定程度了,自然就會(huì)明白咯。

而視覺(jué)方面的注意事項(xiàng),其實(shí)大家都知道,依然是不要超過(guò)三個(gè)顏色。這點(diǎn)大家雖然都知道,可是在實(shí)際設(shè)計(jì)的過(guò)程中,會(huì)不知不覺(jué)的用多一些顏色出來(lái),而且還潛意識(shí)說(shuō)服自己:“這個(gè)加上也不錯(cuò),干脆就用上吧?!闭自O(shè)計(jì)稿出來(lái),全局觀察的時(shí)候,結(jié)果就有些混亂,干擾到數(shù)據(jù)的主視覺(jué)區(qū)域了。

好吧!今天就為大家?guī)?lái)speckyboy上收集整理的一些dribbble上的精華作品。我相信,這些作品驚艷到你甚至臨摹不過(guò)來(lái),不信可以試試喲:)

Device Dashboard

mobile ipad device admin dashboard photo

Admin Tools

dashboard icons photo user profile designs

Admin Charts

red toolbar title webpage admin charts information

Wood Control Panel

wooden control admin webpage layout inspiration

Responsive Dashboard

mobile responsive clean crisp retina display admin panel

Datatable Content

content rows datatable dashboard admin panel

Ultramarine Admin

blue admin control panel dashboard interface

Flyout Menu

white administrator flyout menu links panel

Administration Panel

website layout admin postlayout homepage

Minimalist Admin

minimalist wordpress simple white admin dashboard

Dashboard Charts

tan bright colors navigation administration panel

Sidebar Navigation

vertical navbar interface website design ning

Dashboard Link Icons

dark icons link vertical menu dropdown ideas

Dark Admin Tabs

administration panel blue tabs icons interface

Dashboard Management

dashboard interface layout themes websitelayout

Flat Admin Design

webapp pro dashboard interface inspiriation

A New Project

projects website admin dashboard charts interface statistics

Data Tables Admin

table charts information data administration dashboard

Admin Panel Layout

featured icons horizontal navigation menu links blocks

Dashboard UI

harts graphics dashboard user interface effects

Contacts Listing

color icons interface dashboard admin cp

A Web Service

web application admin panel navigation links

Analytics Dashboard

analytics charts data resources design interface

Colorful Admin Dashboard

flat colorful administration dashboard user interface

Analytics Traffic Charts

ppm analytics dashboard website ui interface management

MyPage Dashboard

user profile interface website dashboard management

原文地址:speckyboy

日歷

鏈接

個(gè)人資料

存檔