每月設計清單

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

熱點資訊

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)