{"slug":"uiux-state-spinner","title":{"ja":"スピナー","en":"Spinner"},"summary":{"ja":"読み込み中に、円の一部が回り続けて待っていることを示す。","en":"A partial ring that keeps spinning while something loads."},"categories":["uiux","motion"],"subAspects":["uiux.state"],"aspects":["uiux"],"tags":["spinner","loading"],"keywords":["loading spinner","activity indicator","circular loader"],"traits":{"en":["A thin ring with one segment (about a quarter) highlighted sits in the centre","A short label such as Loading… may sit below","The rest of the screen is dimmed or empty","In motion, the segment rotates continuously at a steady speed"],"ja":["細い輪の一部（約4分の1）が強調され、中央に置かれる","下に「読み込み中…」のような短い文字を置くこともある","画面のほかの部分は暗くするか空にする","動きでは、強調した部分が一定の速さで回り続ける"]},"prompt":"Loading spinner: a thin ring with a highlighted quarter segment in the centre of a dimmed screen, a short Loading… label below. In motion, the segment rotates continuously.","negativePrompt":"progress percentage, full progress bar, complex illustration","contrasts":[{"slug":"uiux-state-skeleton-screen","title":{"ja":"スケルトン画面","en":"Skeleton screen"},"difference":{"en":"A skeleton screen previews the layout: grey blocks in the shape of the coming text and images, often with a shimmer. A spinner shows only that something is happening: a single rotating ring with no hint of what will appear.","ja":"スケルトンスクリーンはこれから出る内容の配置を先に見せ、文章や画像の形をした灰色のブロックに、光の走る演出を付けることが多い。スピナーは処理中であることだけを示し、回る輪が1つあるだけで、何が出るかは示さない。"}}],"images":[],"references":[{"label":"remotion-video-ui-library — Loading/RadialSpinner","url":"https://github.com/asamiile/remotion-video-ui-library/tree/main/src/Loading/RadialSpinner"},{"label":"remotion-video-ui-library — Loading/RadialGlowSpinner","url":"https://github.com/asamiile/remotion-video-ui-library/tree/main/src/Loading/RadialGlowSpinner"}],"links":{"page":{"ja":"https://visual-gallery.asami.tokyo/ja/styles/uiux-state-spinner","en":"https://visual-gallery.asami.tokyo/en/styles/uiux-state-spinner"},"json":"https://visual-gallery.asami.tokyo/api/v1/styles/uiux-state-spinner","markdown":"https://visual-gallery.asami.tokyo/api/v1/styles/uiux-state-spinner/md"}}