デザイン用語図鑑
UI/UXデザインの正しい用語を、見て・触って・覚える。
AIへの指示がもっと的確になる。
150 用語
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
データ入力選択...▼
選択肢A
選択肢B
選択肢C
ドロップダウン
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
データ入力ナンバーインプット
Number Input
データ入力タイムピッカー
Time Picker
データ入力カレンダー
Calendar
データ入力⬇️
ドラッグ＆ドロップゾーン
Drag and Drop Zone
データ入力フォーム
Form
データ入力ラベル
Label
データ入力ヘルパーテキスト
Helper Text
データ入力プレースホルダー
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
パターン・テンプレート 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
モバイル固有のパターン