項目簡介:

項目進展整體歷時一個多月，其中交互設(shè)計Axture原型約60頁在二三周內(nèi)設(shè)計完成，修改完畢視覺設(shè)計、修改、前端切圖標注在二三周內(nèi)設(shè)計完成。

雙方都非常重視此產(chǎn)品的易用性和視覺效果，一次通過首頁設(shè)計方案，后續(xù)頁面的設(shè)計做到 提交及時溝通，修改。

交互原型/UX Prototype:

客戶方的產(chǎn)品經(jīng)理和需求經(jīng)理對銀行業(yè)務有多年了解，提供了需求文檔。

根據(jù)需求文檔，藍藍設(shè)計參考多家銀行pad端金融類應用，作為贊同科技的產(chǎn)品，此產(chǎn)品將來會出售給多家銀行,所以本項目的交互也需要考慮到拓展性和適應各種情況。大的布局.上重點參考了網(wǎng)易根據(jù)需求文檔，藍藍設(shè)計參考多家銀行pad端金融類應用，作為贊同科技的產(chǎn)品，此產(chǎn)品將來會出售給多家銀行,所以本項目的交互也需要考慮到拓展性和適應各種情況。大的布局.上重點參考了網(wǎng)易的 局交互方式，這種形式在拓展性和適用性上有優(yōu)勢。交互設(shè)計以重點突出，功能明確、易用直觀大數(shù)據(jù)化表達為核心，此交互設(shè)計的難點在于:選擇合適的表達方式，用圖表?圖形?還是表格?難以通過文檔就準確的畫出原型，需要雙方更多的討論和確定布局的方式，

界面解析/UI Resolve:

主色

主色選用比較鮮亮的 黃 和明亮的 藍 色形成對比，讓主要內(nèi)容更加醒目：黃色選自客戶提供的logo色，藍色則來自于色環(huán)中黃色的補色。

輔色

導航的棕色是客戶vi標準里用到的顏色，紅色主要運用到一些提示或警示信息里邊！灰色則主要用于背景，讓布局分明，層次突出等特點。

布局

整體布局主要考慮用戶習慣和操作等習慣采用簡單的左右布局；左側(cè)導航區(qū)，右側(cè)為功能區(qū)和二級菜單按鈕區(qū)，讓用戶可以實現(xiàn)手持操作的一些習慣與快捷的功能分區(qū)，減少誤操作的發(fā)生！