Private knowledge browser
Design Knowledge
一般化可能なデザイン知識を、用語・関係・根拠・未解決状態まで含めて辿る。
37 / 37 knowledge items
Learning queue · 23-
Principle researching
Alignment
整列
The deliberate positioning of elements relative to shared edges, axes, baselines, or other spatial guides so relationships become perceptible.
compositiongridperception -
Concept verified
Asymmetry
非対称
A compositional relationship that does not depend on mirror-like correspondence and can organize unequal visual masses into an intentional whole.
compositionperception -
Pattern researching
Baseline Grid
ベースライングリッド
A repeated set of horizontal guides used to align text baselines and coordinate vertical rhythm across columns or regions.
compositiongridtypography -
Artifact researching
Button
ボタン
An interactive control presented as a discrete action target that users activate to perform an action or initiate a change.
interactionaccessibility -
Pattern researching
Column Grid
カラムグリッド
A grid that divides a layout into vertical columns so content can align to, span across, or combine those columns.
compositiongridtypography -
Concept verified
Composite Design Token
複合デザイントークン
A design token whose value follows a composite type and is made from multiple named or structured sub-values, such as the parts of a shadow or typography value.
design-systemsimplementation -
Property verified
Contrast Ratio
コントラスト比
In WCAG, the ratio derived from the relative luminance of a lighter and darker color, ranging from 1:1 to 21:1 and used by several contrast requirements.
accessibilitycolorperception -
System researching
Design System
デザインシステム
A coordinated system of reusable design decisions, guidance, assets, patterns, and implementation structures used to support consistency and evolution across products or interfaces.
design-systemsinteractionimplementation -
Concept verified
Design Token
デザイントークン
In the DTCG specification, information associated with a human-readable name, at minimum a name and value pair, used to represent design decisions in a portable token format.
design-systemsimplementation -
Concept verified
Design Token Alias
デザイントークンエイリアス
In the DTCG specification, a token whose value references another token; the specification treats alias and reference as synonymous terms in this context.
design-systemsimplementation -
System verified
Design Token Group
デザイントークングループ
In the DTCG file format, an organizational object without a token value that can contain child tokens, nested groups, and group properties.
design-systemsimplementation -
Property verified
Design Token Property
デザイントークンプロパティ
In the DTCG specification, information associated with a token name, such as its value, type, description, or additional metadata.
design-systemsimplementation -
Concept researching
Focus
フォーカス
An interaction state in which a user interface element is the current recipient of keyboard or other focus-driven input and navigation.
accessibilityinteraction -
Artifact verified
Focus Indicator
フォーカスインジケーター
A visible indication showing which user interface component currently has keyboard focus.
accessibilityinteractionperception -
Concept researching
Font
フォント
A concrete typographic resource or instance used to render type, while contemporary usage may also use the word more broadly for a typeface.
typographyimplementation -
Principle researching
Grouping
グルーピング
The perceptual or compositional organization of elements so some are understood as belonging together rather than as unrelated individual items.
perceptioncompositioninformation -
Concept researching
Kerning
カーニング
The adjustment of spacing between particular pairs of letterforms or glyphs so their visual spacing works as intended.
typography -
Concept researching
Legibility
判読性
The ease with which individual characters, words, or typographic forms can be visually distinguished and recognized.
typographyperceptionaccessibility -
Artifact researching
Lettermark
レターマーク
A logo category that uses one or more letters, often initials or an abbreviation, as the primary identifying mark.
identitytypography -
Property verified
Line Length
行長
The horizontal extent of a line of text, commonly considered as part of paragraph composition and reading conditions.
typography -
Pattern researching
Manuscript Grid
マニュスクリプトグリッド
A simple grid structure organized primarily around one dominant text or content area within the page or surface.
compositiongridtypography -
Pattern researching
Modular Grid
モジュラーグリッド
A grid that combines repeated rows and columns to create modules that can organize complex or repeated content in two dimensions.
compositiongridtypography -
Artifact researching
Monogram
モノグラム
A mark formed by combining or arranging one or more letters, commonly initials, into a compact identifying composition.
identitytypography -
Artifact researching
Pictorial Mark
ピクトリアルマーク
A logo mark whose primary identifying element is a recognizable image or pictorial symbol rather than the written brand name alone.
identityimagery -
Concept verified
Readability
可読性
The ease with which a reader can proceed through and comprehend continuous text under a given typographic and contextual arrangement.
typographyperceptionaccessibility -
Technique researching
Responsive Layout
レスポンシブレイアウト
A layout approach in which spatial organization adapts to changing viewport, device, or content conditions rather than assuming one fixed canvas.
compositioninteractionimplementation -
Concept researching
Selection
選択状態
An interface state indicating that an item, value, or region has been chosen, which may be visually distinct from keyboard focus.
interactionperception -
Concept verified
Symmetry
対称
A compositional relationship in which forms or visual masses correspond around an axis, center, or repeated transformation.
compositionperception -
Property verified
Target Size
ターゲットサイズ
In pointer interaction, the dimensions of the display region that accepts an action for a target such as a user interface component.
accessibilityinteraction -
Concept researching
Tracking
トラッキング
The adjustment of overall letter spacing across a range of text rather than correction of one specific letter pair.
typography -
System researching
Type Scale
タイプスケール
A coordinated set of typographic sizes or roles used to create repeatable hierarchy across a design or interface.
typographyhierarchydesign-systems -
Concept researching
Typeface
書体
A coherent design of letterforms and related characters that can be realized through one or more fonts, weights, styles, or other variants.
typography -
System researching
Typographic Grid
タイポグラフィグリッド
A spatial framework of guides, columns, modules, or baselines used to organize type and other visual elements into consistent relationships.
compositiongridtypography -
Principle researching
Typographic Hierarchy
タイポグラフィ階層
The organization of typographic elements by relative prominence so readers can perceive structure, priority, and relationships in content.
typographyhierarchyinformation -
Concept verified
User Interface Component
ユーザーインターフェースコンポーネント
In WCAG, a part of content perceived by users as a single control for a distinct function, independent of how it is implemented programmatically.
accessibilityinteractioninformation -
Principle verified
Visual Balance
視覚的均衡
The perceived equilibrium of visual weight within a composition, which may be achieved through symmetric or asymmetric relationships.
compositionperception -
Artifact researching
Wordmark
ワードマーク
A logo or brand mark built primarily from the written name itself, with the lettering carrying the identity rather than a separate pictorial symbol.
identitytypography