設計每周清單：微軟設計語言Fluent Design、谷歌推出Material組件內容、通過Sketch插件提高效率

設計每周清單專註於互聯網設計領域內容，分為熱點資訊、軟體工具、設計經驗、案例研究、網站推薦、深度思考等欄目。關注「伴星流形」公眾號（ID：designforward），及時獲取設計優質內容推送。

熱點資訊

1. 蘋果推出「如何用 iPhone 拍照」系列視頻教程：總過16個短視頻，是比較面向大眾的基本教程，教程從簡單的關掉閃光燈拍照，到比較進階的垂直全景或逆光（HDR），再到 iPhone 7 人像照（背景虛化），以及一些取景或構圖教程，可見蘋果其用心所在。
2. 微軟推出全新設計語言 Fluent Design： 5月11日，微軟在西雅圖舉行的Build開發者大會宣布了用於跨設備構建用戶界面的設計系統 Fluent Design ，其強調5個元素：Light、Depth、Motion、Material、Scale。詳情可觀看官方宣傳視頻，以及閱讀《Meet Fluent, Microsoft』s New Design System》、《一次看懂Fluent Design》、知乎如討論。
3. 谷歌推出 Material 組件內容：在自己material.io網站推出了Material Components頁面，包含Android、iOS、Web三個平台，遵循Material Design，模塊化、自適應的UI組件。詳細可閱讀 Designmodo 上這篇 文章。
4. Sketch 發布44 Beta版本：擁有自適應功能，減少了對自適應插件如Auto-Layout的依賴。不過依然還有不足，詳情可閱讀Medium上的這篇 文章。

軟體工具

1. Confetti：隨機打散元素的Sketch插件，製作類似彩帶背景。
2. Launched：可以直接在Sketch上發布網站的插件。無需代碼，一鍵生成並發布網站；可視化操作添加鏈接、表單、視頻；支持自定義域名綁定；支持Google Analytics等網站分析服務。

設計經驗

1. 東京的導航設計：在日本東京，擁有著複雜的交通系統。而走在東京路上隨處可見的步行導航設計，其精細程度，一定有讓遊客十分驚訝。這篇文章分析了日本東京的交通導航設計，感興趣也可以閱讀可樂橙的 譯文。
2. 如何通過編寫Sketch插件提高設計效率：發現設計過程中存在的某些需求，通過使用或編寫插件，可以有效提高設計效率、節省時間。未來Sketch即將迎來全新的文件格式，變得更加開放透明，對插件編寫者以及整個生態圈更加友好，一起期待吧。
3. 通過Sketch插件Launched，一周末製作一個網站：簡單快捷，製作這樣一個 網站。

案例研究

1. Apple Music Redesign：覺得iOS自帶的Apple Music不好用？那就自己Redesign一個吧。

網站推薦

1. Nick Jones個人網站：採用概念式的滾動/滑動交互，靈感來自「黃金螺旋」（斐波那契螺旋線），流暢的曲線運動讓人根本停不下來。除了電腦上滑鼠滾動體驗外，難能可貴的是，在移動端觸屏體驗也十分優秀流暢。
2. 開始你的音樂創作：通過一系列交互課程，學習基礎的音樂創作。不需要準備什麼，直接在瀏覽器上完成一切，創作屬於你自己的音樂。

深度思考

1. 存在永恆的產品設計嗎？：好的設計經得住時間考驗，例如谷歌搜索、保時捷911，設計樣式幾十年幾乎沒有變化。

---

以上設計每周清單（05.08-05.14）由 shengbanx 整理，轉載註明出處。

在這信息過載的互聯網時代，追求優質內容的你，歡迎關注「伴星流形」公眾號（ID：designforward），及時獲取設計優質內容推送??
推薦閱讀：