對于 UI 設計師而言，UI 的技能和對交互的理解都是必不可少的能力，交互為體，UI為用，兩者缺一不可。如何將兩者更好地結合起來？上周的文章當中，有答案。

UI·交互

微信在3.23號上線了傳聞已久的 「暗黑版」，用來適配 iOS 的深色模式，相信不少同學已經安裝并體驗上了，雖然網上有很多批評的聲音，但我們先別急著參與網上的聲討，現在站在設計師的角度，來評價一下遲到的微信深色模式：

這兩篇實用性極強的文章，都來自同一個資深設計師 Taras Bakusevych，他通過大量的商業實戰項目之后總結下來的經驗，總結得非常到位——相比于抽象的原則，他梳理的經驗和建議非常實在，其中的一些想法和總結無疑是在大量的實戰踩坑當中沉淀下來的：

在界面落地后，「標簽欄」恰巧是在表現層層面向用戶展現產品框架的最直接控件。雖然設計好標簽欄，也許依舊無法讓你把控一個產品的體驗走向，畢竟戰略層、范圍層、結構層也是很重要的。但如果框架層和表現層垮了，那用戶體驗一定是糟糕的，并且和你有最直接的關系。那么體驗優秀的「標簽欄」要怎么設計呢？看這里：

隨著大數據產業的蓬勃發展，很多企業都開始應用數據可視化。所以數據可視化設計，絕對是熱門的設計之一。很多 UI 設計師突然會接到公司數據可視化設計的需求，如果不了解數據可視化設計，肯定是一頭霧水，不知從何入手。這篇文章結合最近設計案例，分享大屏可視化設計過程中遇到的一些問題以及設計思路，供大家一起交流與學習：

為什么那么多人覺得應該先學UI設計再學交互設計？因為UI門檻低所以入手快。但是，交互比UI更早出現，從需求理論可以看出人們在追逐主觀體驗的感受，在基礎需求未被滿足前是不會出現更高層次的需求的。如果底層的交互和產品的可用性未被滿足，那么UI做的再好也是徒勞，這篇文章，具體分析了這個這當中的原理：

UI 和交互這兩個詞匯是一對孿生兄弟，有非常密切的聯系，我們在前期了解 UI 的時候「交互」這個詞總是形影不離，出現的頻次極高。但是，從開始學習 UI 起，我們常常被它困擾，并不是苦于如何在實戰中應用，而是在中文語境下，交互有關的詞義實在是太「玄學」了，那么怎么來通俗地理解它呢？看這里：

也許你對于交互設計有相對清晰的概念，但是對于最常見的交互設計概念真的有足夠清晰的理解、能夠進行準確的表達嘛？這篇文章梳理了10個交互設計必懂的基礎術語：

視覺·排版

在人的視覺層次中，色彩占據著第一順位，最先被人的視覺所感知，所以較圖形、文字有著在短暫的時間中吸引觀眾視覺注意力的顯著效果，而且有效距離也更遠。好的配色往往依靠設計師審美、感覺搭配出來，但合理的顏色搭配必定存在合理的配色規律和配色方法論的支撐，這篇文章總結了一些簡單有效的配色方法，希望能給新手「色」計師一些啟發：

色彩是感性的元素，我們總是仰慕一些對色彩天賦異稟的設計師，總能不拘繩墨給作品帶來驚艷的視覺效果。我們難以偷習他們的天賦，但或許你有沒有想過，干脆我們另辟蹊徑，用理性推導來制定一套色彩系統？這里有方法：

設計稿都做了 100 版了，但產品經理還是不滿意，是設計不行嗎？產品目標、用戶目標都標得清楚了，但總找不好設計關鍵詞？產品目標明確了，設計關鍵詞也有了，但為什么做出來的稿子不是太概念，就是跟競品太像呢？這篇文章，通過分析如何解決類似「產品經理不滿意、設計關鍵詞不對、設計風格無區別」這些問題，整理出 7 個幫你從 0 ～ 1 設計一款軟件的步驟：

這篇文章來自設計師 「簫灬西人生」，從實習期間無從下手到現在的輕車熟路，他將這幾年的圖標設計的流程和經驗借用疫情在家休假的時間，梳理了出來：

你是否會在閱讀文章的時候覺得很吃力？在閱讀過程中市場迷惑在換行過程中？其實這樣的問題都是文字編排不當引起的。文章正文強調的是文本「讀」的功能性，版面中內容多則用戶需要長時間閱讀，這個時候，合理的排版就很重要了。吸納個要提高閱讀的流暢性和舒適度，有哪些技巧呢？戳這里：

神器·干貨

接下來要推薦兩款實用性極強的開源免費字體：「未來熒黑」和「jf open 粉圓」，這兩款字體前者是基于思源黑體修改而來，后者則是基于「小衫圓體」來修改，兩者都是免費可商用，快來下載吧：

時代已經改變，怎么能不享受智能化帶來的便利呢？今天就給大家帶來一個智能又好玩的網站。在「AI智能換臉」這個網站上，你只需要動動手指，就可以輕松換臉成為大片中的角色，契合度高達 80%：

這篇神器兩連發為大家帶來兩個動聽、美麗又實用的網站，一個是關于海洋的聲音網站，閉上眼睛，就能夠滿足你想要去海邊，聽大海聲音的愿望；另一個是可以免費生成簡單的矢量雪花圖案的網站，調節參數可以改變雪花的粗細和疏密程度，上百種雪花樣式為你所用：