亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

為金融安全防線的構建、金融秩序的穩定,貢獻力量

為金融安全防線的構建、金融秩序的穩定,貢獻力量

圖標設計 | 交互設計 | 界面設計 | html開發

圖標設計 | 交互設計 | 界面設計 | html開發

“銀行統一監管報送系統”是銀豐新融第二次和藍藍設計合作,這次合作更加特殊,在疫情期間大家遠程辦公。該項目主要是全面滿足各類監管報送要求,各類監管報表的靈活定制,滿足最新監管規則要求,自動靈活的數據采集加工等等。藍藍設計與銀豐新融合作,負責交互設計,界面設計及開發。

這個項目的時間要求特別緊迫, 工作量非常大,特別是開發工作比較艱巨。對接負責人非常敬業,每次反饋的文檔都特別的詳細,并且每天都會開會討論當天工作進度及成果,及時溝通解決項目中遇到的各種問題和困難。盡管項目進行的EXT開發過程中遇到一些困難,但經過大家一起努力最終克服困難。

銀豐新融銀行統一監管報送系統 產品定位

銀行業面臨人民銀行、銀監會及外管局三大監管當局,其建設的監管報送平臺應充分滿足各報送模塊的報送

業務流程與監管要求,主要包括:人行大集中統計報表、人行標準化、人行利率報備統計報表、人行支付指標統計報表、人行理財產品報表、銀監會EAST系統、1104報表等等二十余種監管類報表。

財政銀行界面設計 目標用戶

銀豐新融業務范圍覆蓋了銀行、保險、第三方支付、信托、證券、擔保公司等金融企業,客戶總數將近200家。其中,銀行業客戶占絕大部分比重,銀行客戶遍布國有銀行、政策性銀行、股份制商業銀行、城市商業銀行、農村商業銀行、農村合作銀行、農村信用社以及村鎮銀行等各類銀行機構。

財政銀行界面設計 設計風格

第一版設計采用商務風的藍色,整體采用比較流行的扁平風,簡潔大方,布局方面,以大間距和卡片式布局等主流布局為主,主要突出信息本身。由于整個系統比較龐大,首頁是重新畫的原型然后設計,其他頁在原有的原形基礎上進行美化,設計整體完成后,還適配了紅色、橘黃色和綠色幾個版本。

首頁原型

銀行統一監管報送系統軟件界面設計

首頁風格采用深藍色和白色為主,淺藍為輔,整體較為穩重且簡潔大方。

整體布局采用左側為統計圖、代辦統計、常用菜單和公告。右側為用戶的登錄信息,以及用戶相關辦理數據和消息。

統計圖可根據后期需求進行左右切換;代辦事項統計分成兩排羅列,后續可根據用戶的不同角色來定制最關心的前八個數據;常用菜單可自定義;公告以時間時間軸的方式展示,左右切換顯示更多,點擊某條可查看詳情。

左側點擊全部、已審批、待辦事項或消息時下面內容會隨之切換成相對應的數據。

首頁定稿設計圖

財政銀行界面設計
銀豐新融銀行統一監管報送系統軟件界面設計
銀豐新融銀行統一監管報送系統軟件界面設計
財政銀行界面設計

EXT開發說明

項目屬于后臺管理系統,框架采用的是ext4.5版本,是在原系統的上進行二次開發升級,保留原先接口大大縮減了客戶的開發時間,整體共有二十多頁,其中還有四套不同主題的換膚功能。整個系統兼容的主流瀏覽器為ie、火狐、google和safari。頁面適配于1920~1366。

開發過程中為了兼顧原有系統和設計圖遇到很多困難,ext原有控件比較單一很難達到設計圖上的樣式,比如首頁的一些快捷入口每個模塊要隨著內容的多少進行自適應并且需要左右切換,還有聊天窗口的樣式等等。盡管困難重重藍藍設計在整體項目進行中并沒有顧此失彼,而是把需要克服的問題都一一羅列出來,每天會進行會議討論總結把困難逐個克服。最后通過大家的共同努力給整個想項目畫上了完美的句號。更多的細節展示請看視頻。

財政銀行界面設計
銀豐新融銀行統一監管報送系統軟件界面設計

數據明細頁原型

財政銀行界面設計

數據明細頁是在原有原型基礎上進行優化設計,所以布局上沒有太大的改變。設計的時候在信息組織上做了小的調整,比如單選框換了一種表現方式,更加直觀減少用戶的視覺思考。下面“數據源物理表字段”中下面的按鈕調到了和標題一行的右側,這樣既節省了一行位置,又和上面模塊的按鈕相對應。再列表的設計上,也不同于傳統表格,進行了創新使視覺效果更加清新。

數據明細頁設計圖

監管報送軟件UI設計及EXT開發

數據報錯頁原型

監管報送軟件UI設計及EXT開發

數據報錯頁是在原有原型基礎上進行優化設計,所以布局上沒有太大的改變。在風格上進行調整按鈕中的圖標藍藍設計進行了統一的改版設計,由于后續該系統會有換膚功能,所以在按鈕這塊為了使按鈕在其他色調的界面上也較為和諧,藍藍設計根據每個圖標的含義進行了雙色設計。該頁面的每個模塊都有展開收起的功能,下面是每個模塊收起時的效果。

數據報錯頁設計圖

監管報送軟件UI設計及EXT開發
監管報送軟件UI設計及EXT開發

銀豐新融銀行統一監管報送系統軟件界面設計
監管報送軟件UI設計及EXT開發

監管報送軟件UI設計及EXT開發

  返回