如何講好一個(gè)重設(shè)計(jì)作品?通過實(shí)例講述重設(shè)計(jì)作品的思路
基于以上的用戶數(shù)據(jù),以及眾安作為互聯(lián)網(wǎng)保險(xiǎn)公司的特點(diǎn),我們得到了一些視覺設(shè)計(jì)的方向:

經(jīng)過多次討論,我們將改版的視覺設(shè)計(jì)關(guān)鍵詞確定為:年輕、簡潔、輕快

根據(jù)設(shè)計(jì)關(guān)鍵詞,我們重新定義了色彩、圖標(biāo)及界面元素和整體視覺風(fēng)格。
1. 強(qiáng)調(diào)品牌色,減少輔助色,明晰色彩層級
眾安品牌的綠色是生命、健康與活力的隱喻,同時(shí)也是年輕向上的體現(xiàn),視覺方面決定沿用綠色的主色調(diào)。參考流行色趨勢,明亮的色彩更吸引用戶注意力,營造輕快的感覺,因此我們進(jìn)行了適當(dāng)微調(diào),提高色彩明度,讓產(chǎn)品看起來更加輕盈。

減少主要色彩數(shù)量,增加主色調(diào)的顯示比例,強(qiáng)化品牌感受;多層級的文字色階用于適配多樣的內(nèi)容與信息。

2. 圖標(biāo)輕量化、統(tǒng)一化
改版過程中,我們對App內(nèi)圖標(biāo)進(jìn)行了梳理和再設(shè)計(jì)。設(shè)計(jì)過程中,為了達(dá)到簡潔易識別的目標(biāo),對圖標(biāo)的造型、風(fēng)格、質(zhì)感進(jìn)行了很多探索。

為了打造產(chǎn)品的統(tǒng)一感,所有圖標(biāo)都沿用了相同的視覺元素,統(tǒng)一的圓角使圖標(biāo)有一定活潑感,不生硬,又保持了中性的感覺。

另外,根據(jù)應(yīng)用場景定制不同的設(shè)計(jì)策略,如一級導(dǎo)航、分類導(dǎo)航、輔助圖標(biāo)。

3. 化繁為簡,減少頁面元素種類
迎合現(xiàn)在的設(shè)計(jì)趨勢,去除所有裝飾元素,減少不必要元素,適當(dāng)增加留白,保持頁面干凈、清晰。作為保險(xiǎn)產(chǎn)品,為了達(dá)到清晰易懂的目的,增加大量圖片和圖形化內(nèi)容,提高用戶的理解效率。

4. 統(tǒng)一視覺規(guī)范,提升工作效率
在完成主要頁面設(shè)計(jì)的同時(shí),統(tǒng)一的視覺規(guī)范不僅能提高相關(guān)設(shè)計(jì)師的工作效率,也能更清晰的傳達(dá)給開發(fā),提高整個(gè)團(tuán)隊(duì)的效率,同時(shí),也為App中其他業(yè)務(wù)線的設(shè)計(jì)師提供規(guī)范,保持App內(nèi)不同產(chǎn)品風(fēng)格一致。

設(shè)計(jì)跟進(jìn)
規(guī)范化的輸出內(nèi)容
不管是交互還是視覺,都需要在有限時(shí)間內(nèi)提供規(guī)范化的輸出文檔,開發(fā)才能有條不紊的進(jìn)行后續(xù)的工作。另外,設(shè)計(jì)文檔的管理及命名也非常重要,合理的命名及清晰化的文檔存儲能極大提高團(tuán)隊(duì)協(xié)作效率。
及時(shí)走查與反饋
實(shí)際工作中,雖然文檔提供了絕大多數(shù)內(nèi)容,但難免會(huì)有遺漏、修改或者是理解偏差,人與人的對接能夠保證及時(shí)的反饋,隨時(shí)了解開發(fā)進(jìn)度,便于及時(shí)走查。一些特殊情況,還需要設(shè)計(jì)師坐到開發(fā)旁邊,實(shí)時(shí)溝通修改,直到達(dá)到標(biāo)準(zhǔn)。
工作流程中的溝通與協(xié)作
在中型或大型團(tuán)隊(duì)中工作,工作流程規(guī)范與否直接影響產(chǎn)品的實(shí)現(xiàn)效率與結(jié)果。項(xiàng)目開始的時(shí)候由于有很多新加入的同事,互相之間的工作方式都需要互相溝通磨合,當(dāng)時(shí)踩過的坑、犯過的錯(cuò)很多,比如:需求的變更頻繁、正式郵件溝通與私下溝通不清晰、信息不同步等種種問題,好在所有同事都有一致的目標(biāo),大家都努力去溝通改善,流程已逐步規(guī)范,團(tuán)隊(duì)也變得越來越高效。
用戶反饋
App2.2及小版本迭代陸續(xù)上線,不僅得到了內(nèi)部同事的肯定,也收獲了很多用戶的支持,為產(chǎn)品接近KPI目標(biāo)增加了一些助力。

最后
總結(jié),是為了吸取經(jīng)驗(yàn)教訓(xùn),更好的指導(dǎo)今后的工作。改版過程中,我們發(fā)現(xiàn)了很多自身的不足,比如缺少數(shù)據(jù)、用研支持,設(shè)計(jì)流程和規(guī)范有待完善……但有了這次新的開始,相信我們以后能做的更好。
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識性錯(cuò)誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺效果的設(shè)計(jì),簡單的排版方式有時(shí)候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對照表匯總2021-08-06









