本文へ移動

[バージョン1.3.2]新規コンポーネントを追加、テンプレートやガイドラインの一部について修正と更新を行いました

*タイトルにバージョンを追加しました

[スタイル] プリミティブカラーの拡張をおこないました

変更点

  • プリミティブカラー領域を従来の50~900から50~1200に広げカラーの選択肢を拡張
  • 背景色と前景色のコントラスト比は都度の条件ごとに算出する必要があるため、プリミティブカラーからPRIMARYの定義とUsageを削除
  • カラースタイルにおけるガイドラインの訂正

変更前のカラーと、変更後のカラーの比較を紹介している。

[スタイル] スタイル全般におけるガイドラインの変更をおこないました

変更点

  • より明確で的確なスタイルガイドラインとなるよう文章訂正・推敲のし直し
  • 誤字脱字の校正

[テンプレート] 入力フォーム基本情報テンプレートの更新をおこないました

変更点

  • 氏名は氏と名を個別の欄に記入せず、氏名として1つの入力項目とすることで統一
  • 国籍をともなう氏名入力のパターンを追加
  • 郵便番号が分からない場合の住所入力テンプレート更新
  • 連絡先の電話番号の記入に市外局番、市内局番、加入者番号を個々の欄に記入するテンプレートを追加。これにより、電話番号を確実に市外局番から入力してもらえるようにし、また、数字以外の文字(ハイフンやダッシュなど)の判定を容易とした

変更前の入力フォーム基本情報と、変更後の入力フォーム基本情報の比較を紹介している。変更箇所が赤枠で囲まれている。

[コンポーネント] テキストエリアの更新をおこないました

変更点

  • 文字数カウンターを含めたコンポーネントとしてアップデートし、ユーザーに文字数超過でのエラーを可視化
  • 文字数超過を回避するガイドラインとその参考例を追加

変更前のテキストエリアと、変更後のテキストエリアの比較を紹介している。変更箇所が赤枠で囲まれている。

[コンポーネント] ランゲージセレクターを新規追加しました

概要

  • 多言語対応に必要な優先言語の選択UIを追加

ランゲージセレクターのスクリーンキャプチャ

[コンポーネント] アコーディオンを新規追加しました

概要

  • セクションを開閉制御するリスト要素。項目をコンパクトにリスト表示しつつページ遷移せず関連情報を表示したいという要求に対応

アコーディオンのスクリーンキャプチャ

[コンポーネント] ユーティリティーリンクを新規追加しました

概要

  • ウェブサイトやアプリケーション内で頻繁に利用される機能や便利な情報への迅速なアクセスを提供するための、一連のナビゲーションリンクまたはショートカットを提供するUI

ユーティリティーリンクのスクリーンキャプチャ

デザインデータ

デザインツールFigmaが提供するFigma Communityより、デザインデータを閲覧可能です。

Figma Community

関連情報