壹周速讀：表單設計全面指南

如果你正在從事 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個設計誤區。如果你發現自己并沒有陷入這些誤區，那非常值得高興。如果你不小心陷入了某一個，那么這篇文章的建議，應該能夠給你提供一點幫助：