如果您有擔(dān)任這些角色的同行或朋友與他們分享該博客，那麼此博客將對(duì) UI/UX 設(shè)計(jì)師、產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計(jì)師、前端開發(fā)人員有所幫助。也可以當(dāng)作一份很好的新年禮物。只是說？ ！

創(chuàng)建設(shè)計(jì)系統(tǒng) - 為什麼書

創(chuàng)造任何有價(jià)值的東西都需要有一個(gè)偉大的目標(biāo)。目的存在於問題空間中。如果您的目的是解決利害關(guān)係人的問題，您必須比他們更了解他們的問題。因此你需要新的透視鏡頭。閱讀這本書將為您提供發(fā)現(xiàn)用戶問題的視角和模式，然後您可以在腦海中創(chuàng)建一個(gè)框架來解決問題。

1.不斷發(fā)現(xiàn)習(xí)慣 - 作者：Teresa Torres

推薦給產(chǎn)品設(shè)計(jì)師、產(chǎn)品經(jīng)理、UX 設(shè)計(jì)師，尤其是前端開發(fā)人員或 UI 設(shè)計(jì)師。

書中的一些註解：

• 以終為始

• 機(jī)會(huì)解決方案樹

• 對(duì)機(jī)會(huì)空間進(jìn)行框架、細(xì)化和優(yōu)先排序

• 優(yōu)先考慮機(jī)會(huì)，而不是解決方案

• 雙向門決策

• 數(shù)量決定品質(zhì)

• 檢定假設(shè)，而不是想法

• 衡量效果

2.奠定基礎(chǔ) - Andrew Couldwell

設(shè)計(jì)系統(tǒng)101

這本書是關(guān)於創(chuàng)建設(shè)計(jì)系統(tǒng)的真實(shí)討論。沒有行話，沒有掩蓋殘酷的現(xiàn)實(shí)，也沒有公司帽。只是好的建議、經(jīng)驗(yàn)和實(shí)用技巧。

註：

• 如何在貴公司銷售設(shè)計(jì)系統(tǒng)？

• 設(shè)計(jì)系統(tǒng)的使命、價(jià)值觀和原則

• 從書中學(xué)到更多

我強(qiáng)烈推薦這本書給UI設(shè)計(jì)師、產(chǎn)品設(shè)計(jì)師，這本書也更注重實(shí)用技巧，並設(shè)定現(xiàn)實(shí)的期望

3.系統(tǒng)思考：入門 - Donella Meadows

系統(tǒng)思考：入門，作者：Donella Meadows，是理解和使用複雜系統(tǒng)的深刻指南。

以下是本書關(guān)鍵概念的簡(jiǎn)短摘要：

• 什麼是系統(tǒng)？

• 庫(kù)存和流量

• 回授循環(huán)、延遲、槓桿點(diǎn)

• 系統(tǒng)陷阱與機(jī)會(huì)

• 心理模型

推薦給產(chǎn)品經(jīng)理、團(tuán)隊(duì)領(lǐng)導(dǎo)或開發(fā)人員以及任何喜歡系統(tǒng)的人。

4.闡明設(shè)計(jì)決策：

偉大的設(shè)計(jì)師也是偉大的故事講述者

• 易於閱讀，

• 這本書非常注重溝通、會(huì)議、達(dá)成共識(shí)、了解客戶需求或如何處理它們。

• 有些建議可能非?；\統(tǒng)，但提供了很好的背景。

推薦給設(shè)計(jì)師、產(chǎn)品設(shè)計(jì)師、自由工作者。

設(shè)計(jì)設(shè)計(jì)系統(tǒng) - The What Books

為什麼和誰(shuí)設(shè)計(jì)，你了解這個(gè)領(lǐng)域嗎？你甚至了解設(shè)計(jì)基礎(chǔ)嗎？

1.設(shè)計(jì)系統(tǒng) - 作者：Alia Kholmatova

註：

• 我發(fā)現(xiàn)這本書極具視覺吸引力，結(jié)構(gòu)非常合理，並且充滿了示例

• 本書為您提供了有關(guān)如何開始創(chuàng)建設(shè)計(jì)系統(tǒng)的所有內(nèi)容、模式、原則、結(jié)構(gòu)

• 書很短，每章後面都有一些參考資料。

也推薦給設(shè)計(jì)師、開發(fā)人員和產(chǎn)品經(jīng)理。我很喜歡這本書，我有點(diǎn)偏見。

2.設(shè)計(jì)學(xué)校 - 模式種

這本書是一本實(shí)用且具有視覺吸引力的指南，深入探討了版式的基礎(chǔ)知識(shí)及其在設(shè)計(jì)中的應(yīng)用。

以下是本書重點(diǎn)的簡(jiǎn)要總結(jié)：

• 排版基礎(chǔ)

• 型別層次結(jié)構(gòu)

• 好吧，我喜歡這本書的美學(xué)

• 版面配置與網(wǎng)格中的版式

• 排版原則

• 剛讀完這本書，非常棒

推薦給設(shè)計(jì)師、產(chǎn)品設(shè)計(jì)師。

3.設(shè)計(jì)學(xué)校 - 版面

是的，我先讀了這篇，然後讀了類型一。我喜歡這本書的美學(xué)

註：

• 版面基礎(chǔ)

• 網(wǎng)格，網(wǎng)格系統(tǒng)，

• 佈局構(gòu)圖

• 術(shù)語(yǔ)

• 本書在每章末尾還有一個(gè)測(cè)試您的知識(shí)部分。不錯(cuò)！

作為一名開發(fā)人員，我對(duì)佈局和網(wǎng)格的理解真的很差。這本書幫助了我，現(xiàn)在我喜歡網(wǎng)格。很好的 CSS 網(wǎng)格教學(xué)

建築設(shè)計(jì)系統(tǒng) - The How Books

創(chuàng)造一個(gè)有凝聚力且有效的設(shè)計(jì)系統(tǒng)絕非易事－它需要對(duì)設(shè)計(jì)原則、組織和協(xié)作有深刻的理解。

1.設(shè)計(jì)系統(tǒng)的前端架構(gòu)

推薦給開發(fā)人員、設(shè)計(jì)工程師、團(tuán)隊(duì)領(lǐng)導(dǎo)、產(chǎn)品經(jīng)理

註：

• 這本書已經(jīng)很老了，出版於順風(fēng)時(shí)代之前（2016）

• 提到的 CSS 方法都很好

• 一本有益健康的書，充滿了現(xiàn)實(shí)生活中的例子

• 最好的學(xué)習(xí)是在 Red hat.com 將設(shè)計(jì)分解為設(shè)計(jì)系統(tǒng)的方法

• 正如我們所說的基礎(chǔ)知識(shí)保持不變，這本書將是對(duì)它們的很好的複習(xí)。程式碼範(fàn)例已經(jīng)過時(shí)了。

2.開發(fā)人員的設(shè)計(jì)系統(tǒng) - 作者：Michael Mangialardi

推薦給開發(fā)人員、設(shè)計(jì)工程師，它就像是創(chuàng)建設(shè)計(jì)系統(tǒng)的實(shí)作教學(xué)。

註：

• 學(xué)習(xí)如何寫可擴(kuò)充的設(shè)計(jì)系統(tǒng)

• 開發(fā)人員設(shè)計(jì)系統(tǒng)的最佳實(shí)務(wù)指南。

• 深入命名、建立、開發(fā)設(shè)計(jì)令牌

• 學(xué)習(xí)風(fēng)格字典

• 順風(fēng)範(fàn)例

3.建築設(shè)計(jì)系統(tǒng) - 由 Sarrah Vesselov 和 Taurie Davis

推薦給設(shè)計(jì)師、開發(fā)人員、產(chǎn)品經(jīng)理、產(chǎn)品設(shè)計(jì)師。喜歡 Sarrah 和 Taurie 的視角。

註：

• 建立印刷系統(tǒng)

• 易於理解的色彩系統(tǒng)

• Gitlab 的案例研究很棒

• 提供您有關(guān)開源設(shè)計(jì)系統(tǒng)的入門知識(shí)

• 喜歡共享設(shè)計(jì)語(yǔ)言的概念

4.實(shí)用的網(wǎng)路包容性和可近性 - Ashley Firth

推薦給設(shè)計(jì)師、開發(fā)人員、QA、PM、產(chǎn)品設(shè)計(jì)師。

註：

• 章節(jié)基於殘疾以及如何

• 學(xué)詠嘆調(diào)

• 鍵盤輔助功能

• 螢?zāi)婚喿x器軟體、瀏覽器內(nèi)建軟體簡(jiǎn)介

• 每章後都附有大量參考資料，方便您深入學(xué)習(xí)

• 音訊和視訊標(biāo)籤中的樣式提示，不知道

有關(guān)如何在 CSS 中設(shè)定 RTL 樣式的詳細(xì)指南

https://rtlstyling.com/posts/rtl-styling

5.包容性設(shè)計(jì)模式 - 作者：Heydon Pickering

推薦給開發(fā)人員、QA、PM、產(chǎn)品設(shè)計(jì)師。

註：

• 填入了可訪問性的程式碼範(fàn)例

• 原理圖 HTML 解釋得很好

• 使用可讀性檢查器

• 有些技巧很實(shí)用

• 解釋不良做法以及解決方法

• 每一章都有要避免的事

• 可訪問性測(cè)試

閱讀整篇文章或滾動(dòng)的好處。如果您需要本書的任何 pdf 文件，請(qǐng)發(fā)送電子郵件至 pratik@coolhead.in 。我會(huì)和你分享。

請(qǐng)我喝杯咖啡：https://buymeacoffee.com/biomathcode

想討論更多設(shè)計(jì)系統(tǒng)的內(nèi)容嗎？ https://cal.com/biomathcode

以上是我去年讀過的關(guān)於設(shè)計(jì)系統(tǒng)的熱門書籍的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！