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

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

一、為什么要做Redesign

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

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

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

二、如何開(kāi)始Redesign

△ 用戶(hù)體驗(yàn)五大層

第一步：拆解

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

△ 瑞幸咖啡首頁(yè)交互流程

第二步：收集

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

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

第三步：腦暴

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

第四步：動(dòng)手

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

△ 城宿v2.0 Redesign

第五步：輸出

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

△ Topman Redesign (by Victor Kim-Behance)

三、注意事項(xiàng)

1. 品牌基因

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

△ 微信 Redesign

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

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

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

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

原作者的微信公眾號(hào)：「粉紅色的小青蛙」