12月設計清單：新版 Framer 變化、為區塊鏈設計、Behance 10週年回顧

設計每週清單

專注於網際網路設計領域內容，分為熱點資訊、軟體工具、設計經驗、案例研究、網站推薦、深度思考等欄目。

熱點資訊

Sketch 48 版本更新：新增支援顏色方案設定（sRGB 和 P3色域），以及查詢替換整個文件的某個顏色等功能。

2018 Pantone 顏色 ：Pantone 2018年度色是 Ultra Violet （紫外光）。

新版 InVision 預覽：最近可以看到 InVision 18年的龐大布局，包括這次新版InVision，花了兩年時間專門最佳化。以及專門設立的 500w 美元設計基金，用於打造未來設計的整個生態圈。

新版 Framer 的變化：從程式碼&設計工具到設計工具的轉變，更加強調設計工具，而程式碼還是作為實現互動進階的部分。

軟體工具

Tracy：轉換單色草圖轉為SVG格式向量圖片的工具（精度不算太高）。

Alva：一款開源設計工具。

設計經驗

Framer 簡易上手 VR / AR 原型：作者詳述了 VR 歷史和目前的幾種前端方案，並介紹一個透過 Framer 製作的簡易AR場景原型。（這是作者在 Framer 聚會上做的一個分享，十分細緻）PPT / 原型地址 （需要列印一個 Hiro 的紙標）

設計打造成功的眾籌專案影片：包括整個前期準備，拍攝和製作，介紹成功的 Kickstarter 眾籌專案的影片如何打造。

如何繪製扁平軸測圖插畫：透過一定的規則變換，設計“軸測圖”上的矩形、圓形。/ Part2 / 另9月一篇關於軸測圖設計的文章

2017 Google 設計回顧：Google 自家做的回顧，在2017年的10個值得注意的設計專案。

什麼因素決定了 iPhone X Home 指示器條的顏色？：作者透過控制變數分析 iPhone X 的底部 Home 指示器的顏色由什麼決定，最終達到其顏色（黑或白）可控的目的。

設計形狀心理學：矩形、圓形、三角形、自然形狀等，設計師如何應用形狀心理學。

為區塊鏈設計：好了，如今哪裡都在談論區塊鏈，那麼對於設計師來說這意味著什麼？該如何設計打造其中的區塊鏈應用。

滴滴表單專案的元件化設計思維沉澱：將組建化思維應用到設計流程上，解構和最佳化滴滴的表單設計。

“騰訊字型”是怎樣煉成的：騰訊在11月14日釋出了“騰訊字型”，站酷專訪字型設計師許瀚文。

網站推薦

不常用 PS 的設計師 PS 影片教程：名字有些拗口，這套教程針對的是，不以PS為主力工具的設計師，有時候也需要使用 PS 進行一些修圖工作。

ten years of Behance：Behance 10 週年回顧。

深度思考

2018 UX 使用者體驗趨勢：概述使用者體驗設計在 17 年的變化，以及在18年應該注意的趨勢。/ 譯文 / 另一篇 UX 趨勢

設計工具所缺失的：目前的設計工具還不完美，觀點和 9 月一篇設計工具在走歪路？很像。

2017 設計工具調查報告：可以看出，2017 年還是 Sketch 為王，但是未來備受期待的是 InVision Stuidio 和 Framer。

從網頁插圖看設計的包容性：減少偏見，讓視覺設計更具有包容性，這是一個積極的趨勢。展望未來，為一些人、甚至大部分人設計是不夠的，真正的挑戰是為所有人設計。

各種設計趨勢文章：18位設計師的預測 & 譯文 / 19個網頁設計趨勢 / 回顧2017年流行的設計趨勢 / 2018科技趨勢預測 / 5大設計趨勢 & 譯文 / 2018 設計趨勢

以上 2017年12月份 的設計清單 由 shengbanx 整理。

17 年眨眼間就過去了，自每月摘錄國內外設計資訊已經有快 2 年了，從剛開始自己部落格上發表，到現在的專欄，也算是自身的一個價值輸出吧，同時也是對設計趨勢的捕捉沉澱。

回顧 17 年，設計趨勢上和預測的相當，基本圍繞著設計工具、VR/AR、AI 人工智慧、設計元件化、設計版本控制、iPhone X 等設計熱點。

其中設計工具湧現了 Framer、InVision 等 Sketch 競爭者。虛擬現實方面對 VR 的討論漸弱，更多地關注 AR 增強現實方面。人工智慧方面產品上應用的還不太多，目前離設計師還比較遠，需要尋找其中更多的交叉機會。而下半年新的區塊鏈風口或許會成為18年的下一個大熱點，值得關注。

最後，還是引用 16 年末自己寫下的一段話吧：

網際網路發展很迅速，誰也不知道下一年會發生什麼，什麼又會成為主流，我們只有在紛繁複雜中捕捉設計的真實，才能邁好堅實的下一步。

希望 2018 年自己的設計道路更加堅實。

題圖：Sweet Dreams - ten years of Behance 配圖