さがす
はじめに
基本原則
基本要素
アクセシビリティ
プロダクト
コミュニケーション
プロダクト
デザイン原則
ユーザビリティ(使用性)
開く
UIデザイン使用性チェックリスト
アクセシビリティの品質基準
ユーザビリティテスト
開く
ユーザビリティテストの計画をはじめる
ユーザビリティテスト設計の観点
ファシリテーションの心得
ユーザビリティテストの被験者になったら
デザイントークン
開く
色
タイポグラフィ
余白
角丸
レイヤー順序
影
メディアクエリ
行送り
コンポーネント
開く
AccordionPanel
AppNavi
Badge
Base
開く
BaseColumn
BottomFixedArea
Button
Calendar
CheckBox
Chip
ComboBox
開く
MultiComboBox
SingleComboBox
CompactInformationPanel(非推奨)
DatePicker
DefinitionList
Dialog
開く
ActionDialog
MessageDialog
ModelessDialog
DropZone
Dropdown
開く
DropdownMenuButton
FilterDropdown
SortDropdown
ErrorScreen
Fieldset
FlashMessage(非推奨)
FloatArea
FormControl
Header
Heading
Icon
InformationPanel
Input
InputFile
Layout
開く
Center
Cluster
Reel
Sidebar
Stack
LineClamp
Loader
MessageScreen(非推奨)
NotificationBar
PageCounter
Pagination
RadioButton
RadioButtonPanel
RangeSeparator
ResponseMessage
SectioningContent
SegmentedControl
Select
SideMenu
SideNav
SmartHRLogo
SpreadsheetTable
StatusLabel
Stepper
Switch
TabBar
Table
Text
TextLink
開く
UpwardLink
Textarea
TimePicker
Tooltip
VisuallyHiddenText
ライティング
開く
ライティングガイドラインの使い方
基本的な考え方
用字用語
開く
索引
漢字とひらがなの使い分け
カタカナ語の表記
数字・数えの表記
記号(括弧、句点、スペースなど)の表記
SmartHRの用語
操作を表す用語
コンポーネントの呼び方
その他類似する用語の使い分け
UIテキスト
開く
エラーメッセージ
ヘルプページへの動線
通知メール
ステータス
その他のUIテキスト
ヘルプページ
開く
ヘルプページの構成
ヘルプページの書き方
概要の書き方
操作手順の書き方
仕様の一覧の書き方
エラーメッセージごとの対応方法の書き方
よくある質問の書き方
ヘルプセンターで使用する画像要素
コンテンツレビュー
リリースノート
開く
リリースノートの目的
リリースノートの書き方
デザインパターン(共通)
開く
権限による表示制御
余白の取り方
ヘッダー
値がない項目の表示
よくあるテーブル
権限設定
テーブル内の一括操作
削除ダイアログ
モーダルなUI
企業アカウント選択
デフォルト値
バックグラウンド処理
取り返しのつかない操作
フィードバック
ページレイアウト
視線誘導
モバイルレイアウト
デザインパターン(基本機能)
閉じる
共通設定
共通設定の操作権限項目
デザインの進め方
開く
デザインデータ
開く
デザインデータ(Figma)の作り方
デザインデータ(Figma)の更新をライブラリに適用する手順
デザインレビュー
リソース
プロダクト
デザイン原則
ユーザビリティ(使用性)
開く
UIデザイン使用性チェックリスト
アクセシビリティの品質基準
ユーザビリティテスト
開く
ユーザビリティテストの計画をはじめる
ユーザビリティテスト設計の観点
ファシリテーションの心得
ユーザビリティテストの被験者になったら
デザイントークン
開く
色
タイポグラフィ
余白
角丸
レイヤー順序
影
メディアクエリ
行送り
コンポーネント
開く
AccordionPanel
AppNavi
Badge
Base
開く
BaseColumn
BottomFixedArea
Button
Calendar
CheckBox
Chip
ComboBox
開く
MultiComboBox
SingleComboBox
CompactInformationPanel(非推奨)
DatePicker
DefinitionList
Dialog
開く
ActionDialog
MessageDialog
ModelessDialog
DropZone
Dropdown
開く
DropdownMenuButton
FilterDropdown
SortDropdown
ErrorScreen
Fieldset
FlashMessage(非推奨)
FloatArea
FormControl
Header
Heading
Icon
InformationPanel
Input
InputFile
Layout
開く
Center
Cluster
Reel
Sidebar
Stack
LineClamp
Loader
MessageScreen(非推奨)
NotificationBar
PageCounter
Pagination
RadioButton
RadioButtonPanel
RangeSeparator
ResponseMessage
SectioningContent
SegmentedControl
Select
SideMenu
SideNav
SmartHRLogo
SpreadsheetTable
StatusLabel
Stepper
Switch
TabBar
Table
Text
TextLink
開く
UpwardLink
Textarea
TimePicker
Tooltip
VisuallyHiddenText
ライティング
開く
ライティングガイドラインの使い方
基本的な考え方
用字用語
開く
索引
漢字とひらがなの使い分け
カタカナ語の表記
数字・数えの表記
記号(括弧、句点、スペースなど)の表記
SmartHRの用語
操作を表す用語
コンポーネントの呼び方
その他類似する用語の使い分け
UIテキスト
開く
エラーメッセージ
ヘルプページへの動線
通知メール
ステータス
その他のUIテキスト
ヘルプページ
開く
ヘルプページの構成
ヘルプページの書き方
概要の書き方
操作手順の書き方
仕様の一覧の書き方
エラーメッセージごとの対応方法の書き方
よくある質問の書き方
ヘルプセンターで使用する画像要素
コンテンツレビュー
リリースノート
開く
リリースノートの目的
リリースノートの書き方
デザインパターン(共通)
開く
権限による表示制御
余白の取り方
ヘッダー
値がない項目の表示
よくあるテーブル
権限設定
テーブル内の一括操作
削除ダイアログ
モーダルなUI
企業アカウント選択
デフォルト値
バックグラウンド処理
取り返しのつかない操作
フィードバック
ページレイアウト
視線誘導
モバイルレイアウト
デザインパターン(基本機能)
閉じる
共通設定
共通設定の操作権限項目
デザインの進め方
開く
デザインデータ
開く
デザインデータ(Figma)の作り方
デザインデータ(Figma)の更新をライブラリに適用する手順
デザインレビュー
リソース
デザインパターン(基本機能)
SmartHR基本機能におけるデザインパターンを定義しています。
構成は
デザインパターン
と同じです。
前へ
モバイルレイアウト
次へ
共通設定