壹周速读：超级实用的 UI 设计小技巧合集

成体系的 UI 设计理论有很多，而面向问题，搞定日常操作，还有很多实用的小技巧。这一期的壹周速读，我们汇集了一波实用性非常强的 UI 设计技巧，整理成了小专题：

实用 UI 技巧指南

学习掌握UI设计理论和基础知识固然很重要，但在设计执行时掌握技巧也更能提升工作的效率和质量。那么在设计执行层遇到问题有没有一些立竿见影的解决方案呢？这篇文章分别从视觉、内容和交互三个角度总结了十个界面细节设计点：

这个系列文章来自资深 UI 设计师 Mark Andrew ，文章梳理了总计 30 个实用性很强的 UI 效果提升小技巧：

复杂应用大多情况下是偏专业和B端的一些UI界面，它们大多出现在桌面端使用环境，并且终端用户类型多样，涉及流程、链条、业务也大多呈现出多变复杂的特征。这篇文章，来自UX设计领域的顶级存在NNGroup：

UI界面中，用户最容易感知到的，就是大量的点线面元素，这些元素在设计的时候，需要注意哪些相互关系？怎样优化才能更好地服务于整个产品，让效果出彩，让体验优秀？下面的系列文章既有深入的分析梳理，也有落地可行的建议：

很多同学还在纠结买 iPhone 12 还是买 12 mini，但是做 UI 设计的同学已经被全新的分辨率折腾得要死。现在终于有一篇完整系统的 iPhone 12 系列屏幕分辨率设计指南了：

2021年度色

虽然潘通不是第一次在选取年度色的时候选择2种不同的色彩，但是 2021 年的年度色选择的两种颜色「极致灰」和「亮丽黄」出来的时候，还是让人楞了一下。这款玩着谐音梗还和《赛博朋克2077》疯狂联动的 2021 流行色到底有那些讲究？看这里：

UI·产品

​提起中后台，除了高效、灵活和强大之外，不可忽视的还有它的海量数据。海量数据的筛选与呈现，直接决定决策人员的效率高低。WOW Design 的这篇文章结合实际工作中遇到的表格设计问题，针对Web端数据呈现方式之一，表格的设计进行探讨:

卡片设计在界面中已经是非常常见的一种设计形式，大家做设计时几乎都会用到。关于卡片设计的文章网上已经有很多了，腾讯设计师「彩云」从自己的经验来总结卡片设计的细节要点，期望能给大家总结一些快速提升卡片设计效果的方法：

我们在设计中经常会改版设计，从创意想法到设计初稿的过程可能会花费比较长的时间，我们需要在不同的阶段输出不同的内容反馈进度并达成一些共识，而这就需要情绪版了。这篇出自腾讯设计师的文章给大家分享下这方面的经验：

全新网易有道词典 9.0 在设计与功能上进行了双重升级，这次的升级不仅更新了流程，增加了社区，迭代了设计，让产品功能更加强大高效，内容上多元，也让设计更加突出，这次的文章就分享背后的设计过程：

平面排版

字间留空是近年来非常流行的一种排版设计技巧，这种排版设计方式大多应用于海报、Banner图、H5，同时，在动画设计、视频当中也有相当多的应用。今天，我们来深入梳理总结一下这种排版设计技法：

「几何构图」是版面设计元素，根据几何形态来组织视觉语言、构建画面，形成一个人为的视觉空间，让视觉元素布局更有章法，传达出理性之美。以下两篇文章，一篇是基础的知识点，一篇则是实际范例，来帮助大家深入理解：

干货·神器

现在有非常多提供免费音乐音效的网站，但要从庞大素材库找到合适内容并不容易，而这篇文章要介绍的「cchound」是一个收录 100% 免费、高质量 CC 授权音乐素材库，用户可通过类型、情绪、乐器和设备种类浏览，这些素材多半来自 FMA、Jamendo 或 Soundcloud 等网站，列在 cchound 会有标题、作者、标签、来源、授权方式，使用者可以在网页上实时播放，或将音乐下载为 .mp3 格式：

设计师 Kiel Mutschelknaus 在读研究生期间自学的3D和编程，创建了一个可以生成立体字体动态效果的网站，上面的海报就是用这个网站制作的，经过这几年不断的更新，现在这个网站非常强大，想要彻底弄明白里面的各种效果，就相当于学了一个新的软件。大家可以跟着研习设小凹的文章，打开网站，边看边学：

「Free Vector Illustrations & Animations」是由 Pixel True 提供的免费插图和动画素材，收录 150 个以 MIT License 授权向量图和动态图，包含三种风格、一些常见插图分类，像是分析、动物、冒险、商业、错误、安全、科技、网页等等：

这篇文章主要介绍了羚珑动图产品侧对压缩GIF格式文件的探索，其中归纳了压缩GIF的各种方法以及相关开源工具，如果你在日常工作中经常需要同 Gif 图打交道，那么这篇文章能够很好地帮助你了解 Gif 图以及优化压缩的方法：

新视野

2020年对于我们是魔幻现实的一年，但是苦难并不影响我们热爱生活和认真的去生活。在豆瓣话题“用现实场景创作一幅电影海报”下，有3800多万次浏览的目光落在3500+个回答上，在仔细观看每个人作品的时候，你能感知到有趣的思维和设计的艺术：