国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目次
ユビキタスアコーディオン
ブートストラップ:おなじみのベンチマーク
ブートストラップの代替案の調(diào)査
設計システムの選択:アコーディオンを超えて
企業(yè)固有の焦點
カスタマイズ可能性のスペクトル

設計システムは誰ですか?

Apr 21, 2025 am 10:25 AM

設計システムは誰ですか?

特定の設計システムについて話しましょう?;Aとなる概念はほぼすべてのウェブサイトに利益をもたらしますが、現(xiàn)実はより微妙です。

設計システムは現(xiàn)在、大きな話題を生み出しています。最近、新しいデザインシステムの公開リリースにより、私にそれをチェックアウトするように促すメッセージが大量に促されました。私の最初の反応? 「よさそうだ?!工筏?、それは新しい車の外観、つまり表面的な評価をちらっと見ているようなものです。真の理解には広範な使用が必要であり、その長所と短所を真に評価するために複數(shù)のプロジェクトを構築します。

これは重要な疑問を提起します:この設計システムは私のプロジェクトに適していますか?意図した聴衆(zhòng)は誰ですか?

ユビキタスアコーディオン

すべてではありませんが、設計システムにはアコーディオンが含まれます。これは偶然ではありません。重要なポイントを強調(diào)します。

ブートストラップ:おなじみのベンチマーク

Bootstrapの広範な採用と理解は、貴重な比較を提供します。そのCSSとHTMLコンポーネントは容易に統(tǒng)合されており、簡単な開発エクスペリエンスを提供します。

ブートストラップが厳密に「設計システム」であるか「パターンライブラリ」であるかは議論の余地があります。ただし、これらの用語の交換可能な使用は、既存の混亂を強調(diào)しています。

開発者はいくつかの理由でブートストラップを選択します。

  • 加速開発。
  • HTML/CSSの専門知識が少ない開発者にとって有益な高品質(zhì)のコンポーネント。
  • 堅牢なアクセシビリティ機能。
  • [ここに理由を挿入]

これらの利點は、魅力的ですが、ブートストラップに固有のものではなく、現(xiàn)代の設計システムに標準的な期待になりつつあります。

ブートストラップの代替案の調(diào)査

多くの開発者は、ブートストラップの代替品を求めています。理由は次のとおりです。

  • プロジェクトの要件(例、反応統(tǒng)合)。
  • ブートストラップのカスタマイズの難しさ。
  • 審美的な好み。
  • 単純な退屈。

ブートストラップを選択または拒否する動機は數(shù)多くあります。

設計システムの選択:アコーディオンを超えて

設計システムを選択するには、慎重に検討する必要があります。ライセンスは重要な要素です。多くの場合、リーダーとして引用されているSalesforceのLightning設計システムは、オープンソースライセンスを取得しています(BSD句-3、Fontとアイコン用のCreative Commons Attribution-Noderivatives 4.0)。このライセンスは、主にSalesforceとそれに関連する開発チームのための意図した使用を明確にします。公開されていますが、それはすべてのWeb開発者にとって汎用ソリューションではありません。

なぜそれは公開されているのですか? Salesforceのスケールは、內(nèi)部チームと外部チームの両方のアクセシビリティを必要とします。公共の可用性はコラボレーションを促進し、その影響を広げます。

オープンソース設計システムとその特定のユースケースに関する議論は継続的です。 「オープンソース」は適切な用語ですか、それとも設計システムのコンテキスト固有の性質(zhì)を考えると、「ソース」はより正確ですか?

別のオープンソースオプションであるIBMのカーボンデザインシステムは、IBM製品に取り組んでいるIBMデザイナーと開発者であるIBMデザイナーと開発者を明示的に述べています。他の人は使用できますが、その主な焦點は內(nèi)部のままです。

企業(yè)固有の焦點

會社が作成した設計システムは、本質(zhì)的に最初に會社のニーズに応えます。オープンソースのライセンスは、この主要な焦點を否定するものではありません。同じ原則は、政府のWebサイトを優(yōu)先する米國のWebデザインシステムなど、政府が開発したシステムにも當てはまります。

主にパブリックドメインである米國のWebデザインシステムは貴重なリソースですが、その設計は個々の開発者ではなく、政府のニーズを優(yōu)先しています。そのオープンソースの性質(zhì)は、コミュニティの貢獻を促進し、公共の生活に重要なウェブサイトに影響を與えます。

カスタマイズ可能性のスペクトル

設計システムは、さまざまな程度のカスタマイズ可能性を提供します。

  • ゼロカスタマイズ性:厳密な一貫性を?qū)g施します。
  • 事前に選択されたバリエーション:限られたカスタマイズオプションを提供します(たとえば、色のバリエーション)。
  • BYOテーマ:広範なカスタマイズのための柔軟なフレームワークを提供します。

ShopifyのPolaris設計システムは、オープンソースが、ブートストラップとは異なり、広範なカスタマイズよりも內(nèi)部の一貫性を優(yōu)先します。

最初は內(nèi)部使用のために、Googleのマテリアルデザインは、外部使用のために積極的に促進されています。最初はGoogleの美學を?qū)g施していましたが、よりカスタマイズ可能になり、ブランディングの統(tǒng)合が可能になりました。 Lyft、Zappos、NPRなどの企業(yè)は、カスタマイズの成功を示しています。

周囲の材料設計を取り巻くメッセージは、オープンソース設計システムの複雑さを強調(diào)しています。これは、Googleとそれを使用したい他の人にとっても同時に、Googleのリソースとブランド認知によって可能な偉業(yè)です。

設計システムは商品ではありません。美學のみに基づいて1つを選択することは不十分です。ライセンス、対象となるオーディエンス、およびカスタマイズ可能性を慎重に検討する必要があります。

パブリックデザインシステムの作成者への私のアドバイス:ターゲットオーディエンスを明確に定義し、許可された使用を許可します。ターゲットオーディエンスメッセージの解釈は大きく異なり、明確なコミュニケーションの必要性を強調(diào)しています。

以上が設計システムは誰ですか?の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。

このウェブサイトの聲明
この記事の內(nèi)容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰屬します。このサイトは、それに相當する法的責任を負いません。盜作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脫衣畫像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード寫真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

寫真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中國語版

SublimeText3 中國語版

中國語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統(tǒng)合開発環(huán)境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

一部のページにのみCSSを含めるにはどうすればよいですか? 一部のページにのみCSSを含めるにはどうすればよいですか? Jun 11, 2025 am 12:01 AM

特定のページにCSSを選択的に含める方法は3つあります。1。インラインCSS。頻繁にアクセスされない、または一意のスタイルが必要なページに適しています。 2。柔軟性が必要な狀況に適したJavaScript條件を使用して、外部CSSファイルをロードします。 3。サーバー側(cè)に封じ込められ、サーバー側(cè)の言語を使用したシナリオに適しています。このアプローチは、ウェブサイトのパフォーマンスと保守性を最適化できますが、モジュール性とパフォーマンスのバランスが必要です。

Flexbox vsグリッド:CSSレイアウトの重要な違いを理解する Flexbox vsグリッド:CSSレイアウトの重要な違いを理解する Jun 10, 2025 am 12:03 AM

flexBoxisidealforone-dimensionAllayouts、whilegridsuitStwo-dimension、complexLayouts.useflexboxforAliingemsinasinginasindgridgridgridgridgridgridgridgrololoveroversandcolumnsintigns。

HTMLポップオーバーを使用して自動閉鎖通知を作成します HTMLポップオーバーを使用して自動閉鎖通知を作成します Jun 10, 2025 am 09:45 AM

HTMLポップオーバー屬性は、要素をボタンまたはJavaScriptで開閉できるトップレイヤー要素に変換します。ポップオーバーは多くの方法で卻下することができますが、それらを自動するオプションはありません。 Preethiにはあなたができるテクニックがあります

「レンダリングブロッキングCSS」とは何ですか? 「レンダリングブロッキングCSS」とは何ですか? Jun 24, 2025 am 12:42 AM

ブラウザは、特にインポートされたスタイルシート、ヘッダーのインラインCSS、および最適化されていないメディアクエリスタイルを使用して、ブラウザがインラインおよび外部CSSをデフォルトで主要なリソースとして表示するため、ページレンダリングをブロックします。 1.重要なCSSを抽出し、HTMLに埋め込みます。 2。JavaScriptを介して非クリティカルなCSSの読み込みを遅らせる。 3.メディア屬性を使用して、印刷スタイルなどのロードを最適化します。 4.リクエストを減らすためにCSSを圧縮およびマージします。ツールを使用してキーCSSを抽出し、REL = "Preload"非同期負荷を組み合わせ、過度の分割と複雑なスクリプト制御を避けるためにメディア遅延荷重を合理的に使用することをお勧めします。

Figmaでロットを使用する方法 Figmaでロットを使用する方法 Jun 14, 2025 am 10:17 AM

次のチュートリアルでは、FigmaでLottieアニメーションを作成する方法を紹介します。 2つのカラフルなデザインを使用して、Figmaでアニメーション化する方法を説明し、FigmaからLottie Animationsに移行する方法を示します。必要なのは無料の図だけです

境界の破壊:(s)CSSでタングラムパズルを構築します 境界の破壊:(s)CSSでタングラムパズルを構築します Jun 13, 2025 am 11:33 AM

少なくとも低レベルのロジックとパズルの動作に関しては、SASSがJavaScriptを置き換えることができることが判明しました。マップ、ミックス、機能、そしてたくさんの數(shù)學だけで、私たちはタングラムのパズルを生き生きとさせることができました。

外部対內(nèi)部CSS:最良のアプローチは何ですか? 外部対內(nèi)部CSS:最良のアプローチは何ですか? Jun 20, 2025 am 12:45 AM

TheBestAppRoachforCSDependsonTheProject'sSpecificNeeds.forLargerProjects、externalCssissisbetterduetoMaintainasiladability; forsmallerProjectsOrsingLe-PageApplications、internalcsSmightBemoresuitable.it

私のCSSは小文字でなければなりませんか? 私のCSSは小文字でなければなりませんか? Jun 19, 2025 am 12:29 AM

いいえ、CSSDOESNOTHAVETOBEINLOWERCASE。

See all articles