このブログは、UI/UX デザイナー、プロダクト マネージャー、プロダクト デザイナー、フロントエンド開発者にとって役立ちます。これらの役割の同僚や友人がいる場合は、ブログを共有してください。 新年の贈り物としても最適です。ただ言ってるだけ?!

デザイン システムの作成 - なぜその本

何か大きな価値のあるものを作るには、それに対する大きな目的が必要です。目的は問題空間に存在します。あなたの目的が利害関係者の問題を解決することである場合、あなたは利害関係者よりも彼らの問題を理解する必要があります。したがって、新しい遠(yuǎn)近法レンズが必要になります。この本を読むと、ユーザーの問題を発見するためのレンズとパターンが得られ、問題を解決するためのフレームワークを頭の中に作成できるようになります。

1.継続的な発見の習(xí)慣 - Teresa Torres 著

プロダクト デザイナー、プロダクト マネージャー、UX デザイナー、さらにはフロントエンド開発者や UI デザイナーに推奨されます。

この本からのいくつかのメモ:

• 終わりを念頭に置いて始める

• オポチュニティ ソリューション ツリー

• 機(jī)會スペースをフレーム化し、調(diào)整し、優(yōu)先順位を付けます

• 解決策ではなく機(jī)會を優(yōu)先する

• 雙方向ドアの決定

• 量は質(zhì)につながる

• アイデアではなく仮定をテストする

• 影響の測定

2.基礎(chǔ)を築く - Andrew Couldwell 著

デザインシステム 101

この本はデザインシステムの作成についての本當(dāng)の話です。専門用語は使わず、厳しい現(xiàn)実を取り繕うことも、會社の帽子も必要ありません。良いアドバイス、経験、実踐的なヒントだけです。

メモ:

• あなたの會社でデザインシステムを販売するには?

• デザインシステムの使命、価値観、原則

• この本からさらに學(xué)ぶことができます

私はこの本を UI デザイナーやプロダクト デザイナーに強(qiáng)くお勧めします。この本は実踐的なヒントや現(xiàn)実的な期待の設(shè)定にも重點(diǎn)を置いています。

3.システムで考える: 入門書 - Donella Meadows 著

Donella Meadows による システムにおける思考: 入門書 は、複雑なシステムを理解し、操作するための洞察力に富んだガイドです。

本書の主要な概念を簡単にまとめます:

• システムとは何ですか?

• ストックとフロー

• フィードバック ループ、遅延、レバレッジ ポイント

• システムの罠と機(jī)會

• メンタルモデル

プロダクト マネージャー、チーム リーダー、開発者など、システム全般が好きな人にもお勧めします。

4.明確なデザイン決定:

優(yōu)れたデザイナーは優(yōu)れたストーリーテラーでもあります

• 読みやすい、

• この本は、コミュニケーション、會議、合意の取得、クライアントのニーズの理解、またはそれらの対応方法に重點(diǎn)を置いています。

• アドバイスの中には非常に一般的なものもありますが、適切な背景を示しています。

デザイナー、プロダクトデザイナー、フリーランサーに推奨。

Designing Design System - What Books

何のために、誰のためにデザインするのか、その領(lǐng)域を理解していますか、デザインの基礎(chǔ)さえ知っていますか?

1.デザイン システム - Alia Kholmatova 著

メモ:

• この本は非常に視覚的に魅力的で、非常に構(gòu)造化されており、例が豊富であることがわかりました

• デザイン システムの作成を開始する方法について、パターン、原則、構(gòu)造のすべてを説明する本

• この本は非常に短いので、各章の後に參考文獻(xiàn)がたくさんあります。

デザイナー、開発者、プロダクトマネージャーにもお勧めします。私はこの本がとても好きですが、少し偏見があります。

2.デザインスクール - タイプ

ザ?ブックは、タイポグラフィーの基礎(chǔ)とデザインにおけるその応用を詳しく掘り下げた実用的で視覚的に魅力的なガイドです。

この本の重要な要點(diǎn)を簡潔にまとめます:

• タイポグラフィの基本

• タイプ階層

• わかりました、この本の美しさは好きです

• レイアウトとグリッドのタイポグラフィ

• 活版印刷の原則

• ただ本を読むだけでも素晴らしいです

デザイナー、プロダクトデザイナーにおすすめです。

3.デザインスクール - レイアウト

はい、最初にこれを読んでから、タイプ 1 を読みました。この本の美學(xué)が好きです

メモ:

• レイアウトの基礎(chǔ)

• グリッド、グリッド システム、

• レイアウト構(gòu)成

• 用語

• 本には、各章の最後に知識をテストするセクションもあります。いいですね！

私は開発者としてレイアウトの理解とグリッドが本當(dāng)に苦手でした。この本がそれを助けてくれたので、今ではグリッドが大好きになりました。 CSS グリッドの優(yōu)れたチュートリアル

建築設(shè)計システム - ハウブック

一貫性のある効果的なデザイン システムを作成するのは簡単な作業(yè)ではありません。それには、デザインの原則、組織、コラボレーションについての深い理解が必要です。

1.デザインシステムのフロントエンドアーキテクチャ

開発者、設(shè)計エンジニア、チームリーダー、プロダクトマネージャーに推奨

メモ:

• この本は今ではかなり古く、追い風(fēng)以前の時代 (2016 年) に出版されました

• 言及されている CSS アプローチは優(yōu)れています

• 実際の例が満載の健全な本

• 最も優(yōu)れた學(xué)習(xí)は、Red Hat .com での設(shè)計を設(shè)計システムに分解する方法でした

• 基本は変わらないと言いますが、この本はそれらを復(fù)習(xí)するのに最適です。コード例はかなり古いです。

2.開発者のためのデザイン システム - Michael Mangialardi 著

開発者、設(shè)計エンジニアに推奨。デザイン システムの作成に関する実踐的なチュートリアルのようなものです。

メモ:

• スケーラブルな設(shè)計システムをコード化する方法を?qū)Wびましょう

• 開発者向けの Design System に関するベストハンズオン ガイド。

• デザイントークンの命名、作成、開発について詳しく説明します

• 學(xué)習(xí)スタイル辭書

• 追い風(fēng)の例

3.建築設(shè)計システム - Sarah Vesselov と Taurie Davis 著

デザイナー、開発者、プロダクトマネージャー、プロダクトデザイナーにお勧めします。サラとトーリーの視點(diǎn)が気に入りました。

メモ:

• 活版印刷システムの作成

• アクセシブルなカラー システム

• Gitlab のケーススタディは素晴らしいです

• デザイン システムのオープンソース化に関する入門書を提供します

• 共有デザイン言語

のコンセプトが気に入りました

4.実踐的な Web インクルージョンとアクセシビリティ - Ashley Firth

デザイナー、開発者、QA、PM、製品デザイナーに推奨します。

メモ:

• 各章は障害とその方法に基づいています

• アリアを?qū)Wぶ

• キーボードのアクセシビリティ

• スクリーン リーダー ソフトウェア、ブラウザー組み込みソフトウェアの紹介

• 各章の後には多數(shù)の參考資料があり、同じ內(nèi)容について詳しく學(xué)ぶことができます

• オーディオタグとビデオタグのスタイリングキュー、知りませんでした

CSS で RTL のスタイルを設(shè)定する方法に関する広範(fàn)なガイド

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

5.インクルーシブなデザイン パターン - Heydon Pickering 著

開発者、QA、PM、製品デザイナーに推奨します。

メモ:

• アクセシビリティのためのコード例が満載

• 回路図 HTML がわかりやすく説明されています

• 可読性チェッカーの使用

• いくつかのヒントは非常に実用的です

• 悪い習(xí)慣とその解決方法について説明します

• どの章にも避けるべき事項(xiàng)があります

• アクセシビリティのテスト

記事全體を読むかスクロールする特典。この本の PDF ファイルが必要な場合は、pratik@coolhead.in まで電子メールをお送りください。それらをあなたと共有します。

コーヒーを買ってください: https://buymeacoffee.com/biomathcode

デザイン システムについてさらに詳しく話し合いたいですか? https://cal.com/biomathcode

以上が昨年読んだデザイン システムに関するトップの本の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。