テンプレート

デザインシステムのアイコンを設定

製品設計システムとスケーラブルなコンポーネント ライブラリ向けに設計された、一貫した UI アイコン セット。

再利用可能なコンポーネント ライブラリと構造化インターフェイス システムを構築する設計チームに最適です。

アイコンの一貫性

デザインシステムのアイコンを設定

01 / 08
01
位置合わせ

位置合わせ

  • 02
    タイポグラフィ

    タイポグラフィ

  • 03
    システム

    システム

  • 04
    間隔

    間隔

  • 一貫性
  • グリッド
  • スケーラビリティ

08アイコンの一貫性

アイコンセットのプレビュー

デザインシステムのアイコンを設定

製品設計システムとスケーラブルなコンポーネント ライブラリ向けに設計された、一貫した UI アイコン セット。

  • 位置合わせ

    位置合わせ

    整列アイコン

  • タイポグラフィ

    タイポグラフィ

    タイポグラフィアイコン

  • システム

    システム

    デザインシステムのアイコン

  • 間隔

    間隔

    間隔アイコン

  • 図書館

    図書館

    アイコンライブラリ

  • コンポーネント

    コンポーネント

    コンポーネントアイコン

  • グリッド

    グリッド

    グリッドアイコン

  • カラーパレット

    カラーパレット

    カラーパレットアイコン

テンプレートの内容

最新のデザイン システム用のアイコン ライブラリ

このビジュアル方向が適する場面と、次のデザインの出発点としてテンプレートを活用する方法をご覧ください。

  1. 概要

    このビジュアル方向が重要な理由

    デザイン システムは一貫したビジュアル言語に依存しており、アイコンはそのシステムの重要な部分です。構造化されたアイコン セットは、製品チームがインターフェイス間で視覚的な一貫性を維持するのに役立ちます。

  2. 最適な用途

    このテンプレートが最も活きる場面

    • 一貫性
    • グリッド
    • スケーラビリティ
  3. 活用方法

    このビジュアル方向から発展させる

    このテンプレートの活用方法:

    • 拡張可能な UI システムを構築する
    • 製品デザインライブラリを作成する
    • 複数のアプリに共通するアイコン方向を定める

テンプレートに関するよくある質問

デザイン システム アイコン セット FAQ

デザイン システムのアイコンに関する主な質問。

次のステップ

独自のデザイン システム アイコン セットを作成する

このショールームを出発点として使用し、製品のコンテキストに合わせてカスタム アイコン セットを生成します。

  • 位置合わせ
  • タイポグラフィ
  • システム
  • 間隔
  • 図書館
  • コンポーネント