对于 UI 设计师而言，UI 的技能和对交互的理解都是必不可少的能力，交互为体，UI为用，两者缺一不可。如何将两者更好地结合起来？上周的文章当中，有答案。

UI·交互

微信在3.23号上线了传闻已久的 「暗黑版」，用来适配 iOS 的深色模式，相信不少同学已经安装并体验上了，虽然网上有很多批评的声音，但我们先别急着参与网上的声讨，现在站在设计师的角度，来评价一下迟到的微信深色模式：

这两篇实用性极强的文章，都来自同一个资深设计师 Taras Bakusevych，他通过大量的商业实战项目之后总结下来的经验，总结得非常到位——相比于抽象的原则，他梳理的经验和建议非常实在，其中的一些想法和总结无疑是在大量的实战踩坑当中沉淀下来的：

在界面落地后，「标签栏」恰巧是在表现层层面向用户展现产品框架的最直接控件。虽然设计好标签栏，也许依旧无法让你把控一个产品的体验走向，毕竟战略层、范围层、结构层也是很重要的。但如果框架层和表现层垮了，那用户体验一定是糟糕的，并且和你有最直接的关系。那么体验优秀的「标签栏」要怎么设计呢？看这里：

随着大数据产业的蓬勃发展，很多企业都开始应用数据可视化。所以数据可视化设计，绝对是热门的设计之一。很多 UI 设计师突然会接到公司数据可视化设计的需求，如果不了解数据可视化设计，肯定是一头雾水，不知从何入手。这篇文章结合最近设计案例，分享大屏可视化设计过程中遇到的一些问题以及设计思路，供大家一起交流与学习：

为什么那么多人觉得应该先学UI设计再学交互设计？因为UI门槛低所以入手快。但是，交互比UI更早出现，从需求理论可以看出人们在追逐主观体验的感受，在基础需求未被满足前是不会出现更高层次的需求的。如果底层的交互和产品的可用性未被满足，那么UI做的再好也是徒劳，这篇文章，具体分析了这个这当中的原理：

UI 和交互这两个词汇是一对孪生兄弟，有非常密切的联系，我们在前期了解 UI 的时候「交互」这个词总是形影不离，出现的频次极高。但是，从开始学习 UI 起，我们常常被它困扰，并不是苦于如何在实战中应用，而是在中文语境下，交互有关的词义实在是太「玄学」了，那么怎么来通俗地理解它呢？看这里：

也许你对于交互设计有相对清晰的概念，但是对于最常见的交互设计概念真的有足够清晰的理解、能够进行准确的表达嘛？这篇文章梳理了10个交互设计必懂的基础术语：

视觉·排版

在人的视觉层次中，色彩占据着第一顺位，最先被人的视觉所感知，所以较图形、文字有着在短暂的时间中吸引观众视觉注意力的显著效果，而且有效距离也更远。好的配色往往依靠设计师审美、感觉搭配出来，但合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑，这篇文章总结了一些简单有效的配色方法，希望能给新手「色」计师一些启发：

色彩是感性的元素，我们总是仰慕一些对色彩天赋异禀的设计师，总能不拘绳墨给作品带来惊艳的视觉效果。我们难以偷习他们的天赋，但或许你有没有想过，干脆我们另辟蹊径，用理性推导来制定一套色彩系统？这里有方法：

设计稿都做了 100 版了，但产品经理还是不满意，是设计不行吗？产品目标、用户目标都标得清楚了，但总找不好设计关键词？产品目标明确了，设计关键词也有了，但为什么做出来的稿子不是太概念，就是跟竞品太像呢？这篇文章，通过分析如何解决类似「产品经理不满意、设计关键词不对、设计风格无区别」这些问题，整理出 7 个帮你从 0 ～ 1 设计一款软件的步骤：

这篇文章来自设计师 「箫灬西人生」，从实习期间无从下手到现在的轻车熟路，他将这几年的图标设计的流程和经验借用疫情在家休假的时间，梳理了出来：

[link https://www.uisdc.com/icon-design-guide ]

你是否会在阅读文章的时候觉得很吃力？在阅读过程中市场迷惑在换行过程中？其实这样的问题都是文字编排不当引起的。文章正文强调的是文本「读」的功能性，版面中内容多则用户需要长时间阅读，这个时候，合理的排版就很重要了。吸纳个要提高阅读的流畅性和舒适度，有哪些技巧呢？戳这里：

神器·干货

接下来要推荐两款实用性极强的开源免费字体：「未来荧黑」和「jf open 粉圆」，这两款字体前者是基于思源黑体修改而来，后者则是基于「小衫圆体」来修改，两者都是免费可商用，快来下载吧：

时代已经改变，怎么能不享受智能化带来的便利呢？今天就给大家带来一个智能又好玩的网站。在「AI智能换脸」这个网站上，你只需要动动手指，就可以轻松换脸成为大片中的角色，契合度高达 80%：

这篇神器两连发为大家带来两个动听、美丽又实用的网站，一个是关于海洋的声音网站，闭上眼睛，就能够满足你想要去海边，听大海声音的愿望；另一个是可以免费生成简单的矢量雪花图案的网站，调节参数可以改变雪花的粗细和疏密程度，上百种雪花样式为你所用：