昨年読んだデザイン システムに関するトップの本

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

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

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

1.継続的な発見の習慣 - Teresa Torres 著

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

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

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

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

• 機会スペースをフレーム化し、調整し、優先順位を付けます

• 解決策ではなく機会を優先する

• 双方向ドアの決定

• 量は質につながる

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

• 影響の測定

2.基礎を築く - Andrew Couldwell 著

デザインシステム 101

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

メモ:

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

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

• この本からさらに学ぶことができます

私はこの本を UI デザイナーやプロダクト デザイナーに強くお勧めします。この本は実践的なヒントや現実的な期待の設定にも重点を置いています。

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

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

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

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

• ストックとフロー

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

• システムの罠と機会

• メンタルモデル

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

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

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

• 読みやすい、

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

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

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

Designing Design System - What Books

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

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

メモ:

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

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

• この本は非常に短いので、各章の後に参考文献がたくさんあります。

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

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

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

この本の重要な要点を簡潔にまとめます:

• タイポグラフィの基本

• タイプ階層

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

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

• 活版印刷の原則

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

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

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

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

メモ:

• レイアウトの基礎

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

• レイアウト構成

• 用語

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

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

建築設計システム - ハウブック

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

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

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

メモ:

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

• 言及されている CSS アプローチは優れています

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

• 最も優れた学習は、Red Hat .com での設計を設計システムに分解する方法でした

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

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

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

メモ:

• スケーラブルな設計システムをコード化する方法を学びましょう

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

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

• 学習スタイル辞書

• 追い風の例

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

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

メモ:

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

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

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

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

• 共有デザイン言語

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

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

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

メモ:

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

• アリアを学ぶ

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

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

• 各章の後には多数の参考資料があり、同じ内容について詳しく学ぶことができます

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

CSS で RTL のスタイルを設定する方法に関する広範なガイド

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

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

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

メモ:

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

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

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

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

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

• どの章にも避けるべき事項があります

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

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

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

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

以上が昨年読んだデザイン システムに関するトップの本の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。