做過幾套 Redesign 的練習(xí)，第一次把自己的經(jīng)驗進(jìn)行復(fù)盤總結(jié)產(chǎn)出，希望對大家有幫助，歡迎大家在評論區(qū)和諧交流。

Redesign 簡單來說，就是再次設(shè)計也叫重設(shè)計，是以重新審視已經(jīng)存在為目的的設(shè)計。重設(shè)計是基于現(xiàn)有產(chǎn)品的基礎(chǔ)上改版設(shè)計，當(dāng)設(shè)計師自己的想法和原有產(chǎn)品的設(shè)計理念產(chǎn)生差異時，就會對現(xiàn)有產(chǎn)品提出質(zhì)疑和假設(shè)，然后通過多方驗證和調(diào)查確定自己的想法，產(chǎn)出高保真視覺圖或者進(jìn)行版本的迭代，最后通過落地實踐和數(shù)據(jù)收集，確鑿落實設(shè)計理念存在的差異化，才能體現(xiàn)出設(shè)計師所致力于表現(xiàn)的概念，而其根本的目的是在差異中發(fā)現(xiàn)設(shè)計的意義。

一、為什么要做Redesign

隨著人們生活質(zhì)量的提高和設(shè)計風(fēng)格的更替，許多產(chǎn)品都要進(jìn)行 Redesign，而其中比較知名和成功的案例譬如前段時間的大眾點評、網(wǎng)易考拉品牌重設(shè)計等等，一款產(chǎn)品只有不斷經(jīng)過重設(shè)計的洗禮，在交互和功能上的優(yōu)化讓用戶使用產(chǎn)品時變得更加舒適，在視覺表現(xiàn)上讓用戶更加愉悅，才能演化成反思層面的高質(zhì)量產(chǎn)品。

△ 網(wǎng)易考拉品牌 Redesign

生活中大部分設(shè)計師也許沒法接觸到項目產(chǎn)品上的重設(shè)計，存在著上層決策到落實以及開發(fā)成本等種種因素不能執(zhí)行，除非公司自主提出重設(shè)計外，所以多數(shù)設(shè)計師都是以練習(xí)為目的來做重設(shè)計的。重設(shè)計面向的對象有很多種，可以從自己公司的產(chǎn)品、現(xiàn)存市面上的產(chǎn)品、以前的作品等來做重設(shè)計練習(xí)。而重設(shè)計可以是一整個產(chǎn)品，可以是某一模塊功能，也可以是整體的視覺方案或者品牌重塑等等，只要你的設(shè)計理念和現(xiàn)有產(chǎn)品存在合理的差異，都可以表現(xiàn)出來然后分享給大家。通過此類練習(xí)，有助于初中級設(shè)計師對產(chǎn)品的理解加深和產(chǎn)品思維的養(yǎng)成，增強(qiáng)高級設(shè)計師的創(chuàng)新意識和提升個人影響力。

二、如何開始Redesign

△ 用戶體驗五大層

第一步：拆解

這一步處于一款產(chǎn)品的戰(zhàn)略層、范圍層和結(jié)構(gòu)層，是整個重設(shè)計過程中最為關(guān)鍵且重要的一步。把一款你要重設(shè)計的產(chǎn)品拆解，大到整個功能模塊的流程，小到一個按鈕的交互，你都要了解得明明白白，排列整合出用戶需求、信息架構(gòu)和功能，找出產(chǎn)品所存在的問題并作記錄。通過草圖、流程圖或者原型圖把流程梳理一遍，做一次產(chǎn)品經(jīng)理，對每個功能模塊和細(xì)節(jié)的把控做到了如指掌，知己知彼后在產(chǎn)品原本的基礎(chǔ)上做帶有目的性和合理性的改版，才能做出成功的重設(shè)計。不能重設(shè)計一款產(chǎn)品只是心血來潮，要合情合理講得出所以然，所以第一步是整個重設(shè)計過程中最重要也是必不可少的部分。

△ 瑞幸咖啡首頁交互流程

第二步：收集

沒有理論支撐的設(shè)計都顯得蒼白無力，同樣，沒有數(shù)據(jù)支撐的改版都是耍流氓。在做一款產(chǎn)品的改版時候，我會去知乎、豆瓣、貼吧等網(wǎng)絡(luò)論壇收集用戶對那款產(chǎn)品的吐槽；調(diào)查周圍同事、朋友、同學(xué)等產(chǎn)品使用意見；使用問卷工具如問卷星等制作問卷調(diào)查，投放至朋友圈 QQ群微信群等收集數(shù)據(jù)；最后做統(tǒng)一處理分析，分析方法比如維度分析法、多重分析、SWOT分析法等等?？梢园堰@一步當(dāng)成是個簡化版的用戶調(diào)研，對初中級設(shè)計師來說更加了解整個產(chǎn)品的開發(fā)流程，然后讓你的改版更具說服力。如果是公司的產(chǎn)品的話，那么會有更加專業(yè)的團(tuán)隊和數(shù)據(jù)來支撐你做重設(shè)計。

△ 夜語 用戶調(diào)研（by Fiasc1-夜語）

第三步：腦暴

開發(fā)你的大腦，挖掘你的思維。把你一切想要改的地方一一陳列出來，然后絞盡腦汁把自己推翻。這一步我個人覺得是最有趣的地方，你極大可能會經(jīng)歷曾經(jīng)做這款產(chǎn)品設(shè)計師的糾結(jié)、煩惱、想出解決方案開心等情緒，雖然沒有專業(yè)團(tuán)隊的支持，可能會落下一些沒想到的點，但是整個產(chǎn)品大致的走向和細(xì)節(jié)都可能產(chǎn)生重疊。干嘛要做自我推翻呢？第一，你會往不同方面和不同層次去思考改版的意義，這樣做的目的是什么？意義何在？說服你自己，才能說服別人，直到無法推翻自己的觀點，那么就把這個點子記錄下來。

第四步：動手

開始動手吧，把你的想法實現(xiàn)出來。這一步就來到了框架層和表現(xiàn)層，通過界面設(shè)計和視覺設(shè)計表現(xiàn)出解決方案。無論是新的視覺改版還是交互優(yōu)化，可以通過高保真圖、原型圖、動效gif 等等展現(xiàn)，運(yùn)用 PS、AI、Sketch 等設(shè)計工具輸出高保真效果圖，注意事項后文說明?？傊?，盡最大努力做出讓自己滿意的設(shè)計來。

△ 城宿v2.0 Redesign

第五步：輸出

當(dāng)練習(xí)作品完成后，沒有條件進(jìn)行開發(fā)落地，那重設(shè)計后的效果如何呢？這個時候就需要我們進(jìn)行產(chǎn)出。大家都知道學(xué)習(xí)是一個輸入和輸出的過程，我們把重設(shè)計的過程轉(zhuǎn)換成一種思路記錄下來并產(chǎn)出文章，或者把產(chǎn)品排版通過一種讓人能一目了然的形式展現(xiàn)出來，分享到設(shè)計平臺或者圈子里面，這時候大家的設(shè)計理念和想法會和你產(chǎn)生碰撞，和大家交流探討，從中獲取不同的觀念進(jìn)行梳理汲取，最后進(jìn)行整個流程的復(fù)盤并作出記錄保留下來。不知不覺熟悉了整個產(chǎn)品的開發(fā)流程，深入了解產(chǎn)品的特性，也熟知了用戶體驗五大層和部分用戶調(diào)研的方法，周而復(fù)始，就會逐漸形成思考習(xí)慣和產(chǎn)品思維，為整個 UI設(shè)計生涯帶來的是不可泯滅的財富價值。

△ Topman Redesign (by Victor Kim-Behance)

三、注意事項

1. 品牌基因

當(dāng)你在為一款已經(jīng)在人們心中植入品牌基因的產(chǎn)品做重設(shè)計時，品牌因素盡可能地不要去改變它，比如淘寶的橙色、網(wǎng)易的紅色等等。因為這些產(chǎn)品的品牌基因已經(jīng)深入人心，如果你重設(shè)計對品牌基因改動很大的話，會讓人一時分辨不出這款產(chǎn)品原始的調(diào)性?？梢栽趫D標(biāo)、交互、插畫甚至整個產(chǎn)品風(fēng)格上大刀闊斧，但是一定要有原版產(chǎn)品的影子，讓人一眼就知道這原來是什么產(chǎn)品。當(dāng)然也有整體風(fēng)格全部更替的產(chǎn)品這種例外，比如最新 Google 推出的 All-White 設(shè)計，其中囊括了整個品牌的重塑和產(chǎn)品調(diào)性的迭代，而這些是足夠的行為支持和大量的數(shù)據(jù)支撐后產(chǎn)生的必然結(jié)果。

△ 微信 Redesign

2. 產(chǎn)品的合理性

很多時候我們?yōu)榱艘曈X而放棄用戶體驗，很多初中級設(shè)計師容易犯這樣的錯誤，當(dāng)然以前的我也不例外。好的產(chǎn)品不一定是最好看的，但它一定是最好用的。在做重設(shè)計的時候，一定是為了解決用戶的痛點為首要目的去做的，提升品牌形象是重設(shè)計的核心，視覺層面是其次考慮的事情。所以用戶調(diào)研的重要性就是為了搜集用戶使用過程中提出的困擾，綜合歸納成用戶的痛點，然后進(jìn)行重設(shè)計逐個解決，通過設(shè)計解決問題是一位優(yōu)秀的 UI設(shè)計師必不可少的技能。所以重設(shè)計的時候，練習(xí)作品可以發(fā)揮天馬行空的想象去創(chuàng)新、去嘗試突破，不脫離實際（交互和控件使用的合理性）和用戶體驗，才能做出經(jīng)得起推敲的重設(shè)計產(chǎn)品。

△ 星巴克 Redesign（by Konstantin Zhuck-Behance）

看到這里，是不是有種想重設(shè)計某款產(chǎn)品的沖動呢，如果有的話，那就立刻動手去做吧。

原作者的微信公眾號：「粉紅色的小青蛙」