站在產(chǎn)品原型之上的移動(dòng)端UI設(shè)計(jì)思維模式
金融產(chǎn)品移動(dòng)端首頁設(shè)計(jì),自己的隨筆。
原型圖沒有交互,設(shè)計(jì)師怎么解
誰來設(shè)計(jì)交互?很多公司會(huì)讓產(chǎn)品經(jīng)理,或者UI設(shè)計(jì)師,或者前端工程師做。甚至很多公司不在意誰做,只看到上線后的結(jié)果。接下來我分享一下我的處理方式。
我是一枚UI設(shè)計(jì)師,請(qǐng)?jiān)试S我自稱UI設(shè)計(jì)師,而不是美工。畢業(yè)于美術(shù)專業(yè),找到了現(xiàn)在的坑,就奮不顧身跳了進(jìn)來。
作為一個(gè)UI設(shè)計(jì)師,不局限于UI的布局和配色,還需考慮用戶體驗(yàn),交互設(shè)計(jì)等,把自己想成服務(wù)對(duì)象去感受設(shè)計(jì)出來的產(chǎn)品。
接下來從1張?jiān)蛨D的信息中,提取出關(guān)鍵的8張?jiān)O(shè)計(jì)圖,然后準(zhǔn)確的把信息傳達(dá)給前端工程師。
---------------------------------------------------------------------------------------------------------------------------------------------------
分析原型圖
首先分析原型圖,從以下幾點(diǎn)分析:
1.產(chǎn)品背景,
比如產(chǎn)品類型、產(chǎn)品用戶群,產(chǎn)品的競(jìng)品、企業(yè)文化等、當(dāng)然還有老板喜好程度(boss是第一位用戶,如果他不滿意,要么跟他pk,要么服從他,我建議拿著廣大用戶反映的數(shù)據(jù)去PK,大家說好,才是真的好!)
2.布局
3.配色
4.交互體驗(yàn)
5.是否有沿用產(chǎn)品以前的logo
分析結(jié)果
1.是款p2p金融產(chǎn)品
2.產(chǎn)品用戶群,通過數(shù)據(jù)可知p2p主要用戶群在26-45歲之間。在UI設(shè)計(jì)的過程中能夠拋開個(gè)人喜好,需要根據(jù)大眾的用戶喜好進(jìn)行設(shè)計(jì)

3.需要沿用產(chǎn)品以前的帆船logo
4.該公司的企業(yè)文化
5.產(chǎn)品的角色分為企業(yè)用戶和個(gè)人用戶
設(shè)計(jì)理念
由于logo是一個(gè)帆船,所以首頁焦點(diǎn)圖設(shè)計(jì)成的水波的形式,按照傳統(tǒng)的風(fēng)水理論水能生財(cái),水的流動(dòng)性象征著“財(cái)源滾滾”,寓意在金融的大海中揚(yáng)帆前行。
---------------------------------------------------------------------------------------------------------------------------------------------------
呈現(xiàn)效果
原型圖







































