設計每周清單：Sketch 45 版本更新、Facebook Sound Kit以及如何設計聲效、Google News 全新設計

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

關注「伴星流形」公眾號（ID：designforward），及時獲取設計優質內容推送。

熱點資訊

1. Sketch 45 版本更新：演示模式改為了隱藏UI功能，支持內部更新插件和禁用不兼容的插件、繪製矢量圖形時錨點支持智能輔助線、新的顏色選擇器方便管理大量顏色。/ 譯文
2. Touch Bar Preview：如果你嘗試為 Touch Bar 做一些設計？也許這個 Touch Bar 預覽工具可以幫到你，調試設計稿。

軟體工具

1. Gravit Designer：軟體還特地適配了中文，支持導入Sketch文件，Sketch擁有的功能它基本都有，操作界面還基本一樣。但缺少 Sketch 目前眾多的插件支持（也是 Sketch 的優勢所在）。Gravit Designer的優勢就是跨平台（Windows、Mac、Linux、Chrome OS），而且軟體本身免費。/ 軟體功能介紹
2. Facebook Sound Kit ：Facebook Design 網站推出的 Sound Kit 資源，網頁下方可以在線預覽各個音效。下載的資源包分為高音量（電腦上使用）和低音量（手機中使用）兩種。至於版權，只可以用於非商業目的的使用。

設計經驗

1. Facebook 如何提高移動設計中的聲效設計：由 Facebook 聲效設計師 Will Littlejoh（沒錯他們竟然有這種設計師）寫的文章，介紹道很多人會忽略聲音在產品設計中起到的重要角色。聲效設計師其實是給用戶帶來的是界面與真實世界的承接，你的現實感知很大程度上依賴於所聽到的聲音。
2. 任天堂 Switch 遊戲主機的 UI 思考：發售就大賣的任天堂新一代主機/掌機 Switch，玩的時候總會感慨其UI以及設計真的做得很棒。
3. 常用心理學設計定律：Von Restorff effect 雷斯托夫效應、Serial position effect 序列位置效應、Cognitive load 認知負荷、Hick』s Law 席克法則、Law of Proximity 接近法則，文中舉例介紹了這幾條設計定律。/ 另外推薦 雅虎UED交互原理漫畫
4. Framer 系列入門視頻教程：Youtube 上 Sketch Together 推出的 Framer入門基礎教程。Framer 在國外的人氣漸高，新版由全代碼改為可視化+半代碼後，入門門檻降低了，也適合對Code+Design感興趣的設計師。
5. Framer 使用技巧：Framer官方博客文章，用動圖介紹了一些 Framer 小技巧、快捷鍵的使用。
6. Google News 全新設計：Google 對自己產品進行的全新改版升級，新的UI 更加清爽，更加專註於新聞內容。
7. 色彩理論基礎：介紹了8條色彩理論，適合了解掌握。/ 另一篇設計師色彩理論文章
8. 麥當勞的微交互：從系列感的玩具，到活動感的玩具，到具有交互感的玩具，每個玩具都帶給很多小朋友不同的期待與歡樂。

網站推薦

1. WebVR Showroom：一個 3D+VR 的家裝在線VR體驗網站，瀏覽器上體驗十分流暢，很真實，點擊傢具可以替換材質。

_

以上設計每周清單（06.26-07.02）由 shengbanx 整理。

題圖：Deetu Business Cards

_

很多時候閱讀一些國外文章，看過後覺得真的很棒，想立即分享給大家。但 Medium 文章在牆外難以分享，每每惋惜之餘，一直也在研究如何解決這個痛點。目前有些眉目，通過緩存 / 拉取 Medium 上的文章和圖片用於分享（涉及 python 語言，希望有程序員朋友可以一起合作~）。

推薦閱讀：