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

UI·交互

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

這兩篇實(shí)用性極強(qiáng)的文章，都來自同一個(gè)資深設(shè)計(jì)師 Taras Bakusevych，他通過大量的商業(yè)實(shí)戰(zhàn)項(xiàng)目之后總結(jié)下來的經(jīng)驗(yàn)，總結(jié)得非常到位——相比于抽象的原則，他梳理的經(jīng)驗(yàn)和建議非常實(shí)在，其中的一些想法和總結(jié)無疑是在大量的實(shí)戰(zhàn)踩坑當(dāng)中沉淀下來的：

在界面落地后，「標(biāo)簽欄」恰巧是在表現(xiàn)層層面向用戶展現(xiàn)產(chǎn)品框架的最直接控件。雖然設(shè)計(jì)好標(biāo)簽欄，也許依舊無法讓你把控一個(gè)產(chǎn)品的體驗(yàn)走向，畢竟戰(zhàn)略層、范圍層、結(jié)構(gòu)層也是很重要的。但如果框架層和表現(xiàn)層垮了，那用戶體驗(yàn)一定是糟糕的，并且和你有最直接的關(guān)系。那么體驗(yàn)優(yōu)秀的「標(biāo)簽欄」要怎么設(shè)計(jì)呢？看這里：

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

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

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

也許你對于交互設(shè)計(jì)有相對清晰的概念，但是對于最常見的交互設(shè)計(jì)概念真的有足夠清晰的理解、能夠進(jìn)行準(zhǔn)確的表達(dá)嘛？這篇文章梳理了10個(gè)交互設(shè)計(jì)必懂的基礎(chǔ)術(shù)語：

視覺·排版

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

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

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

這篇文章來自設(shè)計(jì)師 「簫灬西人生」，從實(shí)習(xí)期間無從下手到現(xiàn)在的輕車熟路，他將這幾年的圖標(biāo)設(shè)計(jì)的流程和經(jīng)驗(yàn)借用疫情在家休假的時(shí)間，梳理了出來：

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

神器·干貨

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

時(shí)代已經(jīng)改變，怎么能不享受智能化帶來的便利呢？今天就給大家?guī)硪粋€(gè)智能又好玩的網(wǎng)站。在「AI智能換臉」這個(gè)網(wǎng)站上，你只需要動動手指，就可以輕松換臉成為大片中的角色，契合度高達(dá) 80%：

這篇神器兩連發(fā)為大家?guī)韮蓚€(gè)動聽、美麗又實(shí)用的網(wǎng)站，一個(gè)是關(guān)于海洋的聲音網(wǎng)站，閉上眼睛，就能夠滿足你想要去海邊，聽大海聲音的愿望；另一個(gè)是可以免費(fèi)生成簡單的矢量雪花圖案的網(wǎng)站，調(diào)節(jié)參數(shù)可以改變雪花的粗細(xì)和疏密程度，上百種雪花樣式為你所用：