ant-design/docs/spec/repetition.en-US.md

---
category: Design Patterns
type: Principles
order: 4
title: Repetition
---

The same elements keep repeating in the whole interface, which not only could lower the user's learning cost effectively, but also help user recognize the relevance between these elements.

---

## Repetitive elements

<img class="preview-img" align="right" alt="Example of repetitive wireframe" src="https://gw.alipayobjects.com/zos/rmsportal/VkUeJYlTTseLCyUGeXZV.png">

<img class="preview-img" align="right" alt="Example of repetitive design elements" src="https://gw.alipayobjects.com/zos/rmsportal/HXvcTaEbEWWFaQbiEpLg.png">

<img class="preview-img" align="right" alt="Example of repetitive of formats" src="https://gw.alipayobjects.com/zos/rmsportal/DYDGrgkbdFEbcVRuJcjH.png">

The repetitive element may be a thick rule(line), a wireframe, color, design elements, particular format, spatial relationships, etc.
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00			`---`
docs: Update 4.0 site (#20290) * init recommend block * init design pages * home frames * add background banner * hello, Hitu makes the animation * add media query * add images * update types * add declare * preload support * update ignore * additional ignore site Home lint * update ignore * add hover effect * adjust alt of bannber * adjust lang & card shadow * fix typo * adjust desc * hitu in english * article add link * Certainty is hitu * Meaning Hitu * Growth with Hitu * Natural Hitu * slow down of Natural * adjust speed of icons * New Meaning animation * adjust animation duration * update card link * update link * values doc * replace images * faster Growth * update values * fix lint * all slow down * adjust padding * update icons * adjust margin * update images * adjust montion * adjust by designer * update pages * update design prod * update articles * update site style * update doc * update images * update style * lint fix * adjust liner color * github text color update * adjust margin of title * mobile design * update design sub card * update style * less lint * update images * design card auto height * update img * update logo transition * adjust card style * adjust style to fix 184 * adjust nav style * category it * slow down of logo * update style * hide video link * hitu article * use img of hitu * update docs * style lint * update Hitu layout doc * update images * speed up logo * update link * clean up * clean up * update doc * adjust doc * update images 2019-12-26 15:27:52 +08:00			`category: Design Patterns`
			`type: Principles`
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00			`order: 4`
			`title: Repetition`
			`---`

chore: fix single quotes 2019-02-06 21:42:01 +08:00			`The same elements keep repeating in the whole interface, which not only could lower the user's learning cost effectively, but also help user recognize the relevance between these elements.`
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00
			`---`

			`## Repetitive elements`

Update english version image 2018-01-05 12:40:54 +08:00			`<img class="preview-img" align="right" alt="Example of repetitive wireframe" src="https://gw.alipayobjects.com/zos/rmsportal/VkUeJYlTTseLCyUGeXZV.png">`
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00
Update english version image 2018-01-05 12:40:54 +08:00			`<img class="preview-img" align="right" alt="Example of repetitive design elements" src="https://gw.alipayobjects.com/zos/rmsportal/HXvcTaEbEWWFaQbiEpLg.png">`
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00
Update english version image 2018-01-05 12:40:54 +08:00			`<img class="preview-img" align="right" alt="Example of repetitive of formats" src="https://gw.alipayobjects.com/zos/rmsportal/DYDGrgkbdFEbcVRuJcjH.png">`
docs: translate specification (#2377) 2016-07-31 10:17:07 +08:00
docs: fix wrong usage of comma 2019-02-06 20:51:46 +08:00			`The repetitive element may be a thick rule(line), a wireframe, color, design elements, particular format, spatial relationships, etc.`