壹周速读：表单设计全面指南

如果你正在从事 B 端设计，或者在表单设计上比较苦手的设计师，那么上周的3篇表单设计相关的实用文章，绝对是拯救你的福音。Taras 的 20 个简短精炼的技巧一针见血，「INDEX设计笔记」的系统指南则深入细致，都是难得的好东西！

表单设计指南

表单是 UI 界面中最为常见的元素，它通常是用来搜集和呈现一些数据、信息和特定的字段。这篇文章来自资深设计师 Taras Bakusevych，长期从事金融和企业类数字产品的设计，在表单设计领域造诣精深。这篇文章梳理了他总结的 20 条表单和输入框的设计经验，实用性极强。

表单（不是表格），作为最为常见的 Web 页面模块，是不是都快忽略它的存在了？回想一下你登录网站填写信息、购物填写地址、填写调查问卷、修改个人中心信息时……都是在和表单发生互动。但是，想要设计一个优秀的表单并不容易。这篇我文章梳理了设计优秀 Web 表单的 5 个有效策略：

每个人生活中，都在和表单打交道，各种表格，表单需要填写。而在数字产品当中，表单是实现数据采集的重要手段。最近几年，随着 B 端的兴起，和表单打交道的设计师越来越多，这使得了解表单设计成为了很多设计师同学的必修课。这篇万字干货是这个表单设计指南的上半部分：

新视野

对于绝大多数的用户而言，Mac OS X 是21世纪初顶尖设计的范式，在今天，它是最优秀操作系统的当中的典型。在今天的视角之下，2001 年步入新世代的 Mac 系统似乎一步登天，成为了新时代人机交互设计的典范，但是其实在此背后，有一段长达 10 多年的疯狂试探，并且「沉淀」下了一大堆失败产品。第二篇 「Mac 视觉史」就聊聊这次 90 年代的史诗级失败背后的故事：

发消息带表情已成为「网上冲浪」的社交礼仪，QQ 内自带的黄脸表情同样被广为使用。但伴随着社会文化的变迁，黄脸表情在使用时总让人感觉「表情用时方恨少」。别着急，新表情已安排。QQ 4 月上新了一批神仙表情，「疑惑」「 辣眼睛」「 沧桑」「 尴尬」，这些表情是否也是你的日常？如果你也被击中的话，跟我一起看看表情的设计故事吧：

UI·视觉

不知道大家有没有觉得自己做的东西总是很土、很普通，反正我是经常有这种想法，所以总是想尽一切办法做到更好。如何在设计过程中，彻底告别土味？菜心设计铺的这篇文章，就用近期的一个设计项目作为案例，分享了他的设计经验：

初级与高阶设计师的区别，有时候不在于说整体大的布局上有什么差别，其实往往就在于文中提到的这些小细节点上。在腾讯，一个界面中的细节，往往会抠到像素级，大 1px 或者小 px 都可能要出几稿，调优后也确实会有不一样的感觉。而这些关键的细节，都在这里：

海报的创意与玩法，不只限于排版，优秀的海报可以把作品的高度拔升好几个层级，省去了大量繁琐文案的赘述，让人一目了然，这样的作品既不乏深度，也不失美感。这篇文章以近年的一些设计实战来给大家分享关于海报设计的经验：

我们在做设计的时候总离不开字体，可是多如牛毛的字库字体里，免费的只有那么几个，难以满足我们的工作需求。铤而走险的话又会容易招到律师函警告，那么怎么办呢？最直接粗暴的方式就是学会字体设计，需要用什么字体就做什么字体，自己动手，丰衣足食。这篇文章先给大家介绍一些最基础最基础的字体设计知识：

说到 HMI 大多数设计师应该是既熟悉又陌生，HMI 是 Human Machine Interface 的缩写，「人机接口」，也叫人机界面，只不过是在某些场合和设备上管他叫 UI，比如移动端设备，而在另外某些场所和设备上管他就叫 HMI，比如汽车车机和数控机床。

而这次的文章，就是围绕着汽车上的 HMI 界面设计来进行探讨的。它的前世今生有哪些故事，而现今在 HMI 领域的设计，又有哪些独特的点？这篇文章一定要看看：

在进行数据可视化设计的过程中，座标轴是绕不过去的一个元素。但是常用的座标轴有哪些，哪些座标轴知识是做可视化设计必知的？这篇超专业的文章，就给你进行了一一梳理：

产品·体验

任何一名设计师应该都会接触到运营活动页，产品落地页此类需求。而这些落地页设计需求的业务目标衡量标准都相当明确——即转化率。再进一步，与我们的设计输出直接相关的就是首页转化率/点击率。所以，在日常的落地设计中，其实最终都是为那个关键数据服务的。于是，我们最终还是要面对这个终极问题：在页面当中，按钮要放到左边还是右边？答案，在这里：

微信小程序要如何做设计？相比于普通的 UI 设计相关的文章，这样的文章还是相对比较少的。来自 Zeal-庄治柱 根据自身的经验，完整梳理了这么一篇相对全面的微信小程序实战向的文章，帮助越来越多需要进行小程序设计的设计师同学：

神器·干货

可视化大屏的视觉效果超级棒，很多同学都想实现这样的视觉效果，但是在具体的实现效果上，大家还是充满疑惑。如果你也是其中的一员，那么这篇文章一定不要错过！这里整理了一些可视化效果常见的设计工具和实现方法！快来看看吧：

大家都知道建立个人图库的重要性，回归到图片的来源，怎么扒才算优雅呢？不是所有网站的图片都能右键保存的，去问开发小哥么？ 一来，他们很忙可能没空理会，二来，这个问题太基础会被鄙视。于是，这篇文章就分享给大家 4 个实用性极强的扒图技巧：

职场·规划

这篇文章可能是《我的十四年设计路》系列文章当中，对于设计师同学们最有价值的一篇——它总结了设计师最容易走偏的4个设计误区。如果你发现自己并没有陷入这些误区，那非常值得高兴。如果你不小心陷入了某一个，那么这篇文章的建议，应该能够给你提供一点帮助：