カード27枚
該当するカードがありません。別の言葉で探してください。
UX・UIの名前
紛らわしい画面要素の正確な名前です。名前で伝えると、AIは毎回同じ画面を作ります。 53種
- ドロップダウン ↔ セレクトDropdown menu ↔ Select
- ボタン ↔ リンクButton ↔ Link
- ラベル ↔ プレースホルダーLabel ↔ Placeholder
- トグル ↔ チェックボックスToggle switch ↔ Checkbox
- モーダル ↔ ボトムシートModal ↔ Bottom sheet
- トースト ↔ スナックバーToast ↔ Snackbar
- アプリバー ↔ タブバーTop app bar ↔ Tab bar
- カード ↔ リストCard ↔ List
- アバター ↔ サムネイルAvatar ↔ Thumbnail
- バナー ↔ ポップアップBanner ↔ Popup
- FAB ↔ アイコンボタンFloating action button ↔ Icon button
モーション
動きにも名前と基準があります。いつ動かすか、どれくらいの速さか、どんなカーブで動かすかを決めます。 37種
動きを入れる前に決める7つのこと
まず動かすかどうかを決め、動かすならtransformとopacityだけを使い、ボタンは100~150ms、画面遷移は250~400msを目安にします。
AI動画・画像
カメラ・照明・画風の名前で、欲しいシーンを正確に指定する方法です。 34種
動画プロンプトの8項目フォーマット
主役、行動、意図、場所・時間、カメラ、照明・スタイル、長さ、禁止の8項目に分けて埋めると、AI動画の結果が安定します。
写真の補正: 守るものから書く
「守るもの」「変えるもの」「してはいけないこと」の3行で書き、一度に1つだけ直すと、顔が別人のように変わるのを防げます。
AIの使い方
モデルの選び方、結果の検証、トークン管理まで。実際に仕事をしながら磨いた方法です。
形容詞ではなく名前と数字で
形容詞を要素の名前に置き換え、名前の後ろに列数・px・ms・秒などの数字を付け、望まないことも書くと、AIが指示に正確に従います。
AIが作ったと分かる画面を避ける
紫から青のグラデーション、全要素の中央揃え、同じ角丸と影、見出し前の絵文字、意味のない連番といった定番パターンを、先に禁止します。
ホームページ用の製品デモシーンを作る
1シーンをユーザーの1瞬間にし、架空の例示データを使い、最後が最初につながるループにして、実機能ではなく例示画面だと分かるようにします。
作業ごとにAIモデルを選ぶ
単純作業は小さなモデル、基準のある生成・修正は中間モデル、基準づくりの設計だけ最大モデルに任せ、最終検証は大きなモデル2つに独立して行わせます。
成果物の検証は安いものから
スクリプトによる機械チェック、実画面の計測、検索での事実確認の順に進め、AIによる独立検討は書き出す直前に異なるモデル2つで行います。
トークンを節約して長く使う
話題が終わったら新しい会話を始めて決定事項だけ要約して引き継ぎ、ファイルは必要な部分だけ読ませ、回答の長さを決めておきます。
AIの指針ファイルの作り方
冒頭に10個以内の絶対ルール、続けて作業別に先に使うツールの表を置き、詳細は別ファイルにしてパスだけ書き、規則には日付と理由を添えます。