3月設計清單：Sketch 新增原型功能，Figma 開放API，Airbnb談設計智能

來自專欄 Designer News

每月設計清單 專註於互聯網設計領域內容，分為熱點資訊、軟體工具、設計經驗、案例研究、網站推薦、深度思考等欄目。

熱點資訊

• Sketch 49新增交互原型功能：通過連線和熱點圖層功能來連接 Artboard 製作交互原型，並且支持 Sketch、Sketch cloud 和 Mirror上預覽。
• 科技中的設計 2018：Design in Tech 2018 報告。/ PPT
• Figma Platform 介紹：Figma推出Platform旨在開放API，接入更多的開發者應用，以及定製符合團隊要求的設計工具。

軟體工具

• Figma 黑暗模式插件：為 Figma 增加黑暗模式的一個免費插件，支持 Chrome 和桌面App。
• Overflow：新發布的一個為設計稿添加線型交互流程的工具。
• Lunacy：支持在 Windows 中打開和編輯 Sketch 文件。

設計經驗

• Ouigo 3D 彈球項目總結：去年末幾家廣告公司聯合為 Ouigo （法國低成本鐵路服務）製作的一個 3D 彈球品牌推廣項目的總結，包括動畫、遊戲和線下裝置。動畫/遊戲
• Sketch 顏色替換功能使用詳解：在Sketch 48的時候已經自帶的顏色查找替換功能，實際使用起來十分方便。
• 著陸頁學習經驗：對比學習幾個優秀的著陸頁（產品首頁）設計，展現形式、布局、交互。
• 設計師如何預防 iOS App 顯示錯誤：在某些情況下，iOS App 的 UI（尤其是動效）容易出現錯亂（bug），文章詳細列舉了這些情況的例子。
• 正確的動效使用：動效在交互中的作用和正確應用。/ 譯文
• 深入 Sketch 原型功能：49版本新增的原型功能詳細介紹。
• 色彩管理：色彩管理相關。單純的色值是毫無意義的，要加上對應的色彩空間才是準確的顏色描述。如「sRGB」，「Adobe RGB」，「Display P3」等。part 2 / part 3
• 設計系統的顏色：對於設計系統/規範中，如何制定嚴謹的顏色使用。
• 基於組件化的 Sketch 插畫繪製：設計系統常用於規範設計流程和設計風格，同樣，也適用於矢量插畫中。/ part 2
• 視覺流的進化論：阿里巴巴UED 闡述在產品產品迭代中的視覺繼承與升級 。

網站推薦

• InVision 設計基因組項目：每家設計公司都有其獨特的設計基因：不同的組織結構、設計流程、工具棧等，通過研究分享這些公司設計基因，探索其成功的原因。如Slack/Google
• VR、AR、MR 設計資源清單：有應用這一塊設計的還是值得關注的。
• Mockupdated：高清 Mockup 資源。
• InVision Studio 設計作品展示：在3月底終於大部分設計師能收到了測試邀請，不妨看看通過 InVision Studio 設計的作品。

深度思考

• 用戶體驗設計方法論演變：用戶體驗設計的發展史很短，文章介紹其方法論的演變。
• 設計工具之爭：經過今年的發展後，是家家獨大？還是出現了連接各大軟體的中間集合者，還是AI（人工智慧）獨領風騷。
• Deepfake 「換臉」爭議：前一段時間，AI 圈的 Deepfake 引起了很大關注，技術是否是作惡的源頭？
• Airbnb 談設計工具的最終形態：設計工具是經常爭論的話題，什麼樣的設計工具才是最理想的工具？如何做到設計智能。Airbnb 通過介紹其一個設計糾錯插件來講述。插件基於剛開放 api 的 figma，類似文章編輯的拼寫檢查，在設計過程中根據設計系統/規範自動糾錯。
• 從10000+的UI中獲得的設計經驗：較中肯的設計經驗之談。

以上 2018年3月份 的設計清單 由 shengbanx 整理。

題圖：Sketch Blog

設計清單是什麼？基於每月國外國內互聯網設計圈的文章閱讀，分享其中獨到的、有價值的內容（大部分是英文內容，尊重來源，善用科學上網和翻譯）。

以清單形式呈現，拒絕標題黨，盡量做到簡潔易查（懂的自然懂）。

另歡迎關注公眾號 :「DesignerNews」(designernews)

推薦閱讀：