首頁(yè)原型

首頁(yè)風(fēng)格采用深藍(lán)色和白色為主，淺藍(lán)為輔，整體較為穩(wěn)重且簡(jiǎn)潔大方。

整體布局采用左側(cè)為統(tǒng)計(jì)圖、代辦統(tǒng)計(jì)、常用菜單和公告。右側(cè)為用戶(hù)的登錄信息，以及用戶(hù)相關(guān)辦理數(shù)據(jù)和消息。

統(tǒng)計(jì)圖可根據(jù)后期需求進(jìn)行左右切換；代辦事項(xiàng)統(tǒng)計(jì)分成兩排羅列，后續(xù)可根據(jù)用戶(hù)的不同角色來(lái)定制最關(guān)心的前八個(gè)數(shù)據(jù)；常用菜單可自定義；公告以時(shí)間時(shí)間軸的方式展示，左右切換顯示更多，點(diǎn)擊某條可查看詳情。

左側(cè)點(diǎn)擊全部、已審批、待辦事項(xiàng)或消息時(shí)下面內(nèi)容會(huì)隨之切換成相對(duì)應(yīng)的數(shù)據(jù)。

EXT開(kāi)發(fā)說(shuō)明

項(xiàng)目屬于后臺(tái)管理系統(tǒng)，框架采用的是ext4.5版本，是在原系統(tǒng)的上進(jìn)行二次開(kāi)發(fā)升級(jí)，保留原先接口大大縮減了客戶(hù)的開(kāi)發(fā)時(shí)間，整體共有二十多頁(yè)，其中還有四套不同主題的換膚功能。整個(gè)系統(tǒng)兼容的主流瀏覽器為ie、火狐、google和safari。頁(yè)面適配于1920～1366。

開(kāi)發(fā)過(guò)程中為了兼顧原有系統(tǒng)和設(shè)計(jì)圖遇到很多困難，ext原有控件比較單一很難達(dá)到設(shè)計(jì)圖上的樣式，比如首頁(yè)的一些快捷入口每個(gè)模塊要隨著內(nèi)容的多少進(jìn)行自適應(yīng)并且需要左右切換，還有聊天窗口的樣式等等。盡管困難重重藍(lán)藍(lán)設(shè)計(jì)在整體項(xiàng)目進(jìn)行中并沒(méi)有顧此失彼，而是把需要克服的問(wèn)題都一一羅列出來(lái)，每天會(huì)進(jìn)行會(huì)議討論總結(jié)把困難逐個(gè)克服。最后通過(guò)大家的共同努力給整個(gè)想項(xiàng)目畫(huà)上了完美的句號(hào)。更多的細(xì)節(jié)展示請(qǐng)看視頻。

數(shù)據(jù)明細(xì)頁(yè)原型

數(shù)據(jù)明細(xì)頁(yè)是在原有原型基礎(chǔ)上進(jìn)行優(yōu)化設(shè)計(jì)，所以布局上沒(méi)有太大的改變。設(shè)計(jì)的時(shí)候在信息組織上做了小的調(diào)整，比如單選框換了一種表現(xiàn)方式，更加直觀減少用戶(hù)的視覺(jué)思考。下面“數(shù)據(jù)源物理表字段”中下面的按鈕調(diào)到了和標(biāo)題一行的右側(cè)，這樣既節(jié)省了一行位置，又和上面模塊的按鈕相對(duì)應(yīng)。再列表的設(shè)計(jì)上，也不同于傳統(tǒng)表格，進(jìn)行了創(chuàng)新使視覺(jué)效果更加清新。

數(shù)據(jù)報(bào)錯(cuò)頁(yè)原型

數(shù)據(jù)報(bào)錯(cuò)頁(yè)是在原有原型基礎(chǔ)上進(jìn)行優(yōu)化設(shè)計(jì)，所以布局上沒(méi)有太大的改變。在風(fēng)格上進(jìn)行調(diào)整按鈕中的圖標(biāo)藍(lán)藍(lán)設(shè)計(jì)進(jìn)行了統(tǒng)一的改版設(shè)計(jì)，由于后續(xù)該系統(tǒng)會(huì)有換膚功能，所以在按鈕這塊為了使按鈕在其他色調(diào)的界面上也較為和諧，藍(lán)藍(lán)設(shè)計(jì)根據(jù)每個(gè)圖標(biāo)的含義進(jìn)行了雙色設(shè)計(jì)。該頁(yè)面的每個(gè)模塊都有展開(kāi)收起的功能，下面是每個(gè)模塊收起時(shí)的效果。