Unlike other design specifications, Ant Design pursues not only user expirerence, but also expirerence of desigers and developers, which practice a humanist design idea.
@ -52,21 +50,19 @@ Unlike other design specifications, Ant Design pursues not only user expirerence
<imgclass="preview-img"align="right"alt="Number Input Sample"description="Clickable area zoom out when hovering" src="https://os.alipayobjects.com/rmsportal/GGXdyrOtvUtOKXe.png">
<imgclass="preview-img"align="right"alt="Pagination Sample"description="Click the ellipsis to switch multiple pager" src="https://os.alipayobjects.com/rmsportal/UEYPnVhQsOjytSa.png">
<imgclass="preview-img"align="right"alt="Charactor Count Sample"description="Make overflow text with color and underline instantly." src="https://os.alipayobjects.com/rmsportal/JxzQIRfMCtMjuaH.png">
"Diffrerence" is not always "better", but "better" is always different. Pursuing "better" in every details make our components is different, and also better naturally.
<imgclass="preview-img"align="right"alt="Input inside text"description="Compose tag, input and text to help people understand what data need to input" src="https://os.alipayobjects.com/rmsportal/RGFMJRSgCAVCKOl.png">
<imgclass="preview-img"align="right"alt="Table with charts"description="组合了 Table 和 Chart ，鼠标『悬停』时展现更多详情内容。"src="https://os.alipayobjects.com/rmsportal/hjHOMRIbvIUUBXS.png">
选择合适的组件进行组合和集成，形成优势互补的创新过程，来满足多变的业务需求。
<imgclass="preview-img"align="right"alt="Table with charts"description="Compose Table and Chart"src="https://os.alipayobjects.com/rmsportal/hjHOMRIbvIUUBXS.png">
Compose different components for more powerful functions, it is a good path to meet varies of different bussiness requirements.
@ -76,19 +72,19 @@ Compose different components for more powerful functions, it is a good path to m
<imgclass="preview-img"align="right"alt="Color Sample"description="Generate status colors via tint/shade functions from a original primary color" src="https://os.alipayobjects.com/rmsportal/MqsXoBBSDmoEDqn.png">
<imgclass="preview-img"align="right"alt="Typography Sample"description="运用『亲密性』原则，只需定义 n 的值，就可以得出确定的间距。" src="https://os.alipayobjects.com/rmsportal/WNEbRORxzEvvFKy.png">
<imgclass="preview-img"align="right"alt="Typography Sample"description="Following『intimacy』principle, get the distance by a specified n value" src="https://os.alipayobjects.com/rmsportal/WNEbRORxzEvvFKy.png">
<imgclass="preview-img no-padding good"align="right"alt="Feedback - Good"description="Unify and simpcify the button text to same text like `Ok` or `Actions` in all situations, improve designers expirerence by sacrifice a little user expirerence." src="https://os.alipayobjects.com/rmsportal/rtbYGKfPOpWRJID.png">
<imgclass="preview-img no-padding bad"align="right"alt="Feedback - Bad"description="It is better for this certain situation but a disaster for text maintainers. It is very easy to make typo mistakes cause text are different and unpredicable in every pages." src="https://os.alipayobjects.com/rmsportal/OWLtvGCGmqawyPt.png">
We create a object-oriented design method and abstract UI patterns. That help us to do our jobs with continuity.
### Scientific design principles
See more at [『design principles』](/docs/spec/principle).
See more at [『Ant Design Principles』](/docs/spec/principle).
---
@ -96,7 +92,7 @@ See more at [『design principles』](/docs/spec/principle).
<imgclass="preview-img no-padding"align="right"alt="Designer Happiess"description="Ant Design can not guarantee the success of products, but try to help those products <strong>successed correctly</strong> or <strong>failed correctly</strong>." src="https://os.alipayobjects.com/rmsportal/eMcdBWuZxRbvlvW.png">
From 0 to 1, Ant Design help designers to implement a quick prototype for trial and error.
afc163
8 years ago