あわせて引く

カード

Card

ふだんの言い方四角い枠のまとまり箱枠で囲んだかたまり

写真・見出し・説明・ボタンを、ひとつの枠にまとめた情報のかたまり。

見分けるポイント

  • ひとつの話題を、ひとつの枠に収める
  • 背景色・枠線・影のどれかで、まわりと区切る
  • 同じ形を並べると、一覧として見やすくなる

AIへの伝え方

変更する場所:記事一覧の各項目。 記事一覧の各項目を、カードにしてください。白い背景・角丸12px・1pxの薄い枠線のカードに、上から写真(16:9)・カテゴリ・見出し・2行の説明・「読む」リンクの順に並べてください。カード全体を押せるようにし、マウスを乗せたら影を付けて少し浮かせてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「かたち・質感・色」の言葉

角の丸み、影、素材感、色づかい。

207語すべてを、見た目から引く