デザイン用語図鑑
UI/UXデザインの正しい用語を、見て・触って・覚える。
AIへの指示がもっと的確になる。
170 用語
14 カテゴリ
すべての用語
ナビゲーション Navigation
ハンバーガーメニュー
Hamburger Menu
ナビゲーションパンくずリスト
Breadcrumbs
ナビゲーションナビゲーションバー
Navigation Bar
ナビゲーションドロワー
Drawer
ナビゲーション概要
レビュー
仕様
タブ
Tabs
ナビゲーションサイドバー
Sidebar
ナビゲーションタブバー
Tab Bar
ナビゲーションボトムナビゲーション
Bottom Navigation
ナビゲーション‹
1
2
3
›
ページネーション
Pagination
ナビゲーションすべて
未読
既読
セグメンテッドコントロール
Segmented Control
ナビゲーション検索バー
Search Bar
ナビゲーションコマンドパレット
Command Palette
ナビゲーションメガメニュー
Mega Menu
ナビゲーションステッパー
Stepper
ナビゲーション↑
アンカーリンク
Anchor Link
ナビゲーションオートコンプリート
Autocomplete
ナビゲーションサジェスト
Suggestion
ナビゲーションファセット検索
Faceted Search
ナビゲーションフィルター
Filter
ナビゲーションデータ入力 Data Entry
トグルスイッチ
Toggle Switch
データ入力選択...▼
ドロップダウン
Dropdown
データ入力ラベル
ヘルパーテキスト
テキストフィールド
Text Field
データ入力コメント
テキストエリア
Textarea
データ入力✓
チェックボックス
Checkbox
データ入力ラジオボタン
Radio Button
データ入力スライダー
Slider
データ入力月
火
水
木
金
土
日
1
2
3
4
5
6
7
デイトピッカー
Date Picker
データ入力ドラッグ＆ドロップ
ファイルアップロード
File Upload
データ入力👁️
パスワードフィールド
Password Field
データ入力インラインエディット
Inline Edit
データ入力▼
コンボボックス
Combobox
データ入力マルチセレクト
Multi-select
データ入力カラーピッカー
Color Picker
データ入力検索フィールド
Search Field
データ入力レンジスライダー
Range Slider
データ入力−
1
+
ナンバーインプット
Number Input
データ入力タイムピッカー
Time Picker
データ入力カレンダー
Calendar
データ入力⬇️
ドラッグ＆ドロップゾーン
Drag and Drop Zone
データ入力フォーム
Form
データ入力お名前 *
ラベル
Label
データ入力半角英数字8文字以上
ヘルパーテキスト
Helper Text
データ入力例：tanaka@example.com
プレースホルダー
Placeholder
データ入力データ表示 Data Display
ヒント
?
ツールチップ
Tooltip
データ表示‹
›
カルーセル
Carousel
データ表示スケルトンスクリーン
Skeleton Screen
データ表示プログレスバー
Progress Bar
データ表示3
バッジ
Badge
データ表示カード
Card
データ表示テーブル
Table
データ表示T
S
K
アバター
Avatar
データ表示ReactDesignCSS
タグ
Tag
データ表示ギャラリー
Gallery
データ表示ライトボックス
Lightbox
データ表示リスト
List
データ表示フィード
Feed
データ表示データグリッド
Data Grid
データ表示メディアカード
Media Card
データ表示チャート
Chart
データ表示ステータスインジケーター
Status Indicator
データ表示プログレスリング
Progress Ring
データ表示サムネイル
Thumbnail
データ表示フィードバック Feedback
✓ 保存しました
トースト
Toast
フィードバックローディングスピナー
Loading Spinner
フィードバック⚠ エラー
アラート
Alert
フィードバックバナー
Banner
フィードバック通知バッジ
Notification Badge
フィードバックスナックバー
Snackbar
フィードバックダイアログ
Dialog
フィードバックインラインメッセージ
Inline Message
フィードバック🔄
プルトゥリフレッシュ
Pull to Refresh
フィードバックエラーメッセージ
Error Message
フィードバックサクセスメッセージ
Success Message
フィードバック無限スクロール
Infinite Scroll
フィードバックオーバーレイ Overlays
アクション Actions
レイアウト Layout
コンテンツの折りたたみ Content Disclosure
オンボーディング Onboarding
ビジュアルデザイン要素 Visual Design Elements
プライマリカラー
Primary Color
ビジュアルデザイン要素カラーパレット
Color Palette
ビジュアルデザイン要素PASS
FAIL
コントラスト比
Contrast Ratio
ビジュアルデザイン要素アウトラインアイコン
Outline Icon
ビジュアルデザイン要素アプリアイコン
App Icon
ビジュアルデザイン要素シャドウ
Shadow
ビジュアルデザイン要素角丸
Border Radius
ビジュアルデザイン要素グラデーション
Gradient
ビジュアルデザイン要素ニューモーフィズム
Neumorphism
ビジュアルデザイン要素マテリアルデザイン
Material Design
ビジュアルデザイン要素フラットデザイン
Flat Design
ビジュアルデザイン要素ダークモード
Dark Mode
ビジュアルデザイン要素ライトモード
Light Mode
ビジュアルデザイン要素モーション・アニメーション Motion & Animation
フェードイン
Fade In
モーション・アニメーションホバーエフェクト
Hover Effect
モーション・アニメーションスケルトンアニメーション
Skeleton Animation
モーション・アニメーションイージング
Easing
モーション・アニメーションローディングアニメーション
Loading Animation
モーション・アニメーションスクロールアニメーション
Scroll Animation
モーション・アニメーションスタガーアニメーション
Stagger Animation
モーション・アニメーションHello
タイプライターエフェクト
Typewriter Effect
モーション・アニメーション🔥 速報📈 +2.3%🎵 新曲⚽ 2-1
マーキー
Marquee / Ticker
モーション・アニメーション累計ユーザー
9,842
▲ カウントアップ
カウントアップアニメーション
Count-Up Animation
モーション・アニメーションパターン・テンプレート Patterns & Templates
アクセシビリティ Accessibility
モバイル固有のパターン Mobile-Specific Patterns
スワイプアクション
Swipe Action
モバイル固有のパターンセーフエリア
Safe Area
モバイル固有のパターンハプティックフィードバック
Haptic Feedback
モバイル固有のパターンノッチ
Notch
モバイル固有のパターンステータスバー
Status Bar
モバイル固有のパターン→
エッジスワイプ
Edge Swipe
モバイル固有のパターンA
B
C
D
E
アルファベットスクロール
Alphabet Scroll
モバイル固有のパターン+
スピードダイヤル
Speed Dial
モバイル固有のパターンページコントロール
Page Control
モバイル固有のパターンボトムアプリバー
Bottom App Bar
モバイル固有のパターン↑ 引っ張り中
ラバーバンドエフェクト
Rubber Band Effect
モバイル固有のパターンライブアクティビティ
Live Activity
モバイル固有のパターンFace ID
生体認証UI
Biometric Auth UI
モバイル固有のパターンパーミッションダイアログ
Permission Dialog
モバイル固有のパターンアプリショートカット
App Shortcut
モバイル固有のパターン09
10
11
:
25
30
35
ドラムピッカー
Drum Picker
モバイル固有のパターンキーボード回避
Keyboard Avoidance
モバイル固有のパターン🍜
カードスタック
Card Stack
モバイル固有のパターンコンテキストアクションバー
Contextual Action Bar
モバイル固有のパターンホームスクリーンウィジェット
Home Screen Widget
モバイル固有のパターン‹
→
スワイプバック
Swipe Back
モバイル固有のパターン1
2
3
4
5
6
7
8
9
PIN入力
PIN Input
モバイル固有のパターンフローティングキーボードツールバー
Floating Keyboard Toolbar
モバイル固有のパターンアプリ評価プロンプト
App Rating Prompt
モバイル固有のパターン