在構建設計規範之前,你需要看看這些設計資源

在前兩年中,我一直在研究設計規範系統。在這篇文章裏,我會分享一些我覺得對設計規範有用的視頻和文章。希望對你們有幫助。

理論文章:


設計系統手冊

Design Systems Handbook

沒有設計系統設計進度可能會很緩慢,並且隨着時間的推移越來越難以維護。設計系統使團隊能夠通過使設計可重複使用來更快地構建更好的產品 。 這是設計系統的核心和主要價值。

你可以讀一讀這本手冊,如果你正想着怎麼開始設計一套設計系統,這個的手冊含金量是非常高的,它涵蓋了設計系統的所有方向。


爲什麼設計系統會失敗

Why Design Systems Fail

你必須使你的設計系統成爲阻力最小的路徑,降低開發的認知開銷是很重要的。

如果你想要了解設計系統一些常見的陷阱, 和設計成功的設計系統所需的關鍵。你可以讀一讀這篇文章。


團隊大於像素

How building a design system empowers your team to focus on people — not pixels.


這就是構建設計系統的美妙之處。 通過決定一次細節,你就可以將整個產品開發團隊釋放出來,讓他們專注於解決實際的客戶問題。

如果你希望瞭解跨區域團隊如何協同重新設計影響兩大洲40多種產品的組件,你可以讀一讀這篇文章。


AirBnB: 建立視覺語言

Building a Visual Language



譯文地址:構建一個可視化設計語言:Airbnb全新設計系統背後的故事,公司越大越要提高效率 - 創業ABC - 創業邦

由於設計語言和代碼通常是可以被共享的,我們現在幾乎可以同時在所有原生平臺上構建併發布產品功能,極大地提高了效率,開發工作因此也變得更快。我們的產品工程師,現在可以專注與產品的功能邏輯,再也不用爲編寫視圖代碼而費心思了。不僅如此,如今Airbnb公司的工程和設計師可以分享共同語言。

這篇文章詳細介紹了爲什麼要構建設計系統,構建設計系統的好處與經驗教訓。


爲複雜產品構建設計系統

Designing Design System for Complex Products

我過去常常在設計上加上大量的“紅線”,詳細描述,爲開發人員提供儘可能多的細節。 但這並不是一種有效的交付方式,有時開發人員並沒有遵循我在設計中提出的所有細節。

這篇文章解釋了風格指南和設計系統的區別。非常適合剛開始接觸設計系統的人。


原子設計:怎樣設計系統組件

Atomic design: how to design systems of components


譯文地址:Atomic Design原子設計┃構建科學規範的設計系統

在這篇文章中你會瞭解到設計師怎樣進行原子設計。


實操文章:

如何在設計系統中取得先機

How To Get A Head Start On Design System


作爲一名曾經在一個小型設計團隊中的設計師,我很樂意與設計系統享我的經驗,尤其是 “如何開始”部分。

這篇文章是設計系統初學指南。


用 Sketch 構建設計系統 (共9個系列)

Creating with a Design System in Sketch: Part One [Tutorial]

Creating with a Design System in Sketch: Part Two [Tutorial]

Creating with a Design System in Sketch: Part Three [Tutorial]

Creating with a Design System in Sketch: Part Four [Tutorial]

Creating with a Design System in Sketch: Part Five [Tutorial]

Creating with a Design System in Sketch: Part Six [Tutorial]

Creating with a Design System in Sketch: Part Seven [Tutorial]

Creating with a Design System in Sketch: Part Eight [Tutorial]

Creating with a Design System in Sketch: Part Nine [Tutorial]


參考文章:https://medium.com/zendesk-creative-blog/design-system-resources-b9119ddf9790

希望這篇文章會對你們有幫助。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章