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

創(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ì)量

• 測(cè)試假設(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，是理解和使用復(fù)雜系統(tǒng)的深刻指南。

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

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

• 庫存和流量

• 反饋循環(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ì)師、自由職業(yè)者。

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

為什么和誰設(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é)：

• 排版基礎(chǔ)知識(shí)

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

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

• 布局和網(wǎng)格中的版式

• 排版原則

• 剛讀完這本書，非常棒

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

3.設(shè)計(jì)學(xué)校 - 布局

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

注釋：

• 布局基礎(chǔ)知識(shí)

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

• 布局構(gòu)圖

• 術(shù)語

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

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

建筑設(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ì)它們的很好的復(fù)習(xí)。代碼示例已經(jīng)過時(shí)了。

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

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

注釋：

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

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

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

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

• 順風(fēng)示例

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

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

注釋：

• 創(chuàng)建印刷系統(tǒng)

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

• Gitlab 的案例研究很棒

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

• 喜歡

  共享設(shè)計(jì)語言的概念

4.實(shí)用的網(wǎng)絡(luò)包容性和可訪問性 - Ashley Firth

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

注釋：

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

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

• 鍵盤輔助功能

• 屏幕閱讀器軟件、瀏覽器內(nèi)置軟件簡介

• 每章后都附有大量參考資料，方便您深入學(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ì)師。

注釋：

• 填充了可訪問性的代碼示例

• 原理圖 HTML 解釋得很好

• 使用可讀性檢查器

• 有些技巧非常實(shí)用

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

• 每一章都有要避免的事情

• 可訪問性測(cè)試

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

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

想討論更多有關(guān)設(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)文章！