2020年終于過去了。在疫情里浸泡了一年，發(fā)生了太多的改變。在過去的1年當(dāng)中，有很多產(chǎn)品也經(jīng)歷了大規(guī)模的改版和修整，這當(dāng)中有很多不可多得的經(jīng)驗(yàn)，這次的壹周速讀匯總了一波特別值得大家學(xué)習(xí)的改版項(xiàng)目：

設(shè)計(jì)改版實(shí)戰(zhàn)指南

2020 年，各個(gè)大廠和產(chǎn)品都進(jìn)行了程度不一的改版和提升，這些實(shí)戰(zhàn)當(dāng)中，設(shè)計(jì)團(tuán)隊(duì)梳理了從背景、需求，到具體的執(zhí)行方案和落地的全部過程，都值得一看：

隨著用戶使用 WPS Office 的場景逐漸多樣化、對(duì)產(chǎn)品的體驗(yàn)要求也逐漸提高，WPS在視覺層面上圍繞著「以用戶為中心」開始了一次全新的視覺改版,追求簡潔、高效、一致的辦公環(huán)境，精心打造極致的辦公體驗(yàn):

在9月底雙十一臨近的關(guān)口上，淘寶上線了 9.13 新版本，對(duì)首頁做出了巨大的改版，堪稱這 5 年來力度最大的改版幅度：

2020年上半年，京東國際頻道進(jìn)行了品牌視覺的全新升級(jí)。這次改版，希望通過品牌強(qiáng)化及體驗(yàn)升級(jí)兩個(gè)方向?qū)崿F(xiàn)加強(qiáng)正品心智，提升頻道訪問量，品牌強(qiáng)化的業(yè)務(wù)目標(biāo)：

騰訊動(dòng)漫 7.0 沒過多久之后，就緊鑼密鼓地進(jìn)入了 8.0 改版的階段。這次改版完全是基于產(chǎn)品和業(yè)務(wù)需求而產(chǎn)生的升級(jí)優(yōu)化，并且以數(shù)據(jù)為導(dǎo)向重新回歸用戶視角，避免過度設(shè)計(jì)，圍繞「人（用戶視角）」這個(gè)概念進(jìn)行各個(gè)體系的新增、重構(gòu)、優(yōu)化：

隨著58APP整體體驗(yàn)升級(jí)，又趕上7月份超職季活動(dòng)的契機(jī)，58團(tuán)隊(duì)展開了招聘詳情頁的改版升級(jí)，期望打造一個(gè)更年輕，更有溫度的招聘詳情頁，給用戶煥然一新的視覺感知，同時(shí)也為求職者提供更好的使用體驗(yàn)：

近年來暗黑模式的設(shè)計(jì)趨勢開始一點(diǎn)點(diǎn)明顯，Ant Design 在這次 4.0 的升級(jí)中也對(duì)這類暗黑場景化的設(shè)計(jì)開始進(jìn)行初步的探索，接下來一起來看下 Ant Design 這一針對(duì)企業(yè)級(jí)的設(shè)計(jì)體系是如何設(shè)計(jì)暗黑模式的：

而下面兩篇設(shè)計(jì)重設(shè)計(jì)指南，則來自海外的資深 B 端設(shè)計(jì)師 Taras Bakusevych，指引性極強(qiáng)：

UI設(shè)計(jì)

B端表格設(shè)計(jì)，是當(dāng)下 B 端設(shè)計(jì)當(dāng)中最為常見也是討論得最多的一個(gè)設(shè)計(jì)要點(diǎn)。它們和按鈕、篩選、分頁等元素一起協(xié)同合作，構(gòu)成功能性良好、適用范圍極廣的各種頁面。搞清楚 B 端表格設(shè)計(jì)，是當(dāng)下 B 端 UI 設(shè)計(jì)師的必修課，所以請收下這篇超全面的核心知識(shí)點(diǎn)：

在互聯(lián)網(wǎng)公司中，運(yùn)營Banner往往是由不同的運(yùn)營團(tuán)隊(duì)去完成，甚至在一些跨國企業(yè)，運(yùn)營Banner是由不同國家的運(yùn)營團(tuán)隊(duì)完成的。那么如何保證大家輸出的運(yùn)營Banner在保證視覺沖擊力的同時(shí)，還能高效輸出以及體現(xiàn)統(tǒng)一的設(shè)計(jì)語言呢？最好方法就是設(shè)計(jì)Banner組件庫，這篇文章， 就跟你講講如何組建 Banner 組件庫：

在 UI 設(shè)計(jì)當(dāng)中，對(duì)話框是模態(tài)還是非模態(tài)，占位符如何用，不同選擇框的差別，都是屬于不算復(fù)雜但是非常細(xì)碎的知識(shí)點(diǎn)，也需要一定的經(jīng)驗(yàn)加成。這篇來自「Nana的設(shè)計(jì)錦囊」的文章，就幫大家總結(jié)了這些知識(shí)點(diǎn)：

你覺得設(shè)計(jì)系統(tǒng)重要嗎？那目前手里的設(shè)計(jì)系統(tǒng)是在靈活運(yùn)用？還是落灰、擺設(shè)？你對(duì)設(shè)計(jì)系統(tǒng)理解有多深？它在你的設(shè)計(jì)中有多大的用處？節(jié)省時(shí)間、減少出錯(cuò)率、視覺一致性還是僅僅覺得就應(yīng)該有個(gè)規(guī)范？那怎么避免設(shè)計(jì)系統(tǒng)帶來了統(tǒng)一和便利，但同時(shí)失去了變化和新鮮感？答案全在這篇超全的總結(jié)里：

面試·筆試

很多同學(xué)過了簡歷篩選的關(guān)卡，但敗在了面試上，因?yàn)榻Y(jié)果不如意，恨自己作品不夠多不夠好。但坦誠的講，如果能通過篩選，那么作品集應(yīng)該問題不大，正視自己的 推導(dǎo) / 陳述能力 才是關(guān)鍵，不要使勁使編了。那么，要如何在面試的時(shí)候，正確陳述自己的設(shè)計(jì)案例呢？看「負(fù)能量補(bǔ)給站」的分享：

現(xiàn)在不管大廠還是小廠，對(duì)于我們設(shè)計(jì)師的要求是越來越高……并且作品集造假/抄襲的情況時(shí)有發(fā)生，公司也是實(shí)屬無奈，會(huì)選擇在面試流程中增加「筆試題考核」這項(xiàng)來進(jìn)一步了解大家的能力。接下來，這篇文章會(huì)把做筆試題的思路以及經(jīng)驗(yàn)分享給大家：

設(shè)計(jì)配色

成體系的配色都是怎么做出來的？如何用好色彩本身的情緒投射來構(gòu)建體系？在這篇文章里，作者結(jié)合公司目前的業(yè)務(wù)CROV Dropshipping（以下簡稱DS），來進(jìn)行色彩體系的探索，以輸出一整套的色彩方案。這篇專供配色的文章，應(yīng)該能給大家一些啟發(fā)：

這篇色彩基礎(chǔ)指南，正好可以搭配上面那篇項(xiàng)目實(shí)戰(zhàn)作為補(bǔ)充，幫你完善配色知識(shí)：

設(shè)計(jì)干貨

越來越多的設(shè)計(jì)師和設(shè)計(jì)團(tuán)隊(duì)開始選擇使用 Figma 來進(jìn)行 UI 和產(chǎn)品設(shè)計(jì)了。 當(dāng)然，用 Figma 不僅要熟悉原本的功能，而且要了解并熟悉各種第三方的工具、插件和服務(wù)。這次的文章推薦 14 款幫你提升設(shè)計(jì)效率的 Figma 平臺(tái)的插件和素材：

優(yōu)設(shè)編輯山楂在數(shù)百門與藝術(shù)設(shè)計(jì)相關(guān)的課程中，挑出了內(nèi)容充實(shí)反饋超棒的八十門課程分享給大家，希望各位設(shè)計(jì)師們結(jié)合自身的經(jīng)驗(yàn)，各取所需，設(shè)計(jì)理論知識(shí)和業(yè)務(wù)能力能夠更上一層樓：

「PPT365」是 @Simon_阿文 和好基友 @嘉文錢 在17年發(fā)起的一個(gè)打卡活動(dòng)，每天做一頁P(yáng)PT，主題不限，堅(jiān)持就好，出發(fā)點(diǎn)也很簡單：（妄想）治愈自己的拖延癥和懶癌。而從現(xiàn)在開始，PPT365所有源文件開放免費(fèi)下載：