Features

Unlike other design specifications, Ant Design pursues not only user experience, but also experience of desigers and developers, which practice a humanist design idea.

Subtleties#
By devoted to create tiny and beautiful change, make efforts in details, we could not only make products more solid and reliable, but also bring good suprises for users.
Definiteness#
Create an atmosphere of high definiteness and lower entropy, by making simple and scientific design patterns and using the same communicate channel.
Happiness#
Don't design for minimalism,design for getting job done and whatever makes designer happy and satisfied.

Subtleties#

Micro innovation#

Number Input Sample
Number Input Sample
Clickable area zoom out when hovering
Pagination Sample
Pagination Sample
Click the ellipsis to switch multiple pager
Charactor Count Sample
Charactor Count Sample
Make overflow text with color and underline instantly.

"Diffrerence" is not always "better", but "better" is always different. Pursuing "better" in every details make our components is different, and also better naturally.

Compositive innovation#

Input inside text
Input inside text
Compose tag, input and text to help people understand what data need to input
Table with charts
Table with charts
Compose Table and Chart

Compose different components for more powerful functions, it is a good path to meet varies of different bussiness requirements.


Definiteness#

Object oriented#

Color Sample
Color Sample
Generate status colors via tint/shade functions from a original primary color
Typography Sample
Typography Sample
Following『intimacy』principle, get the distance by a specified n value
Feedback - Good
Feedback - Good
Unify and simpcify the button text to same text like `Ok` or `Actions` in all situations, improve designers experience by sacrifice a little user experience.
Feedback - Bad
Feedback - Bad
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.

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 『Ant Design Principles』.


Happiness#

Happiness of user#

User Happiess Levels
User Happiess Levels
Please read Emotional Design 3 for more infomation.

Beatuful looks, tide typography and smooth animation produce positive reaction at instinct level.

Good functions, perfermance and usability produce positive reaction at behavious level.

Self-image, satisfaction, and good memories bring user a combining experience of thoughts and emotions at learning level.

Happiness of designer#

Designer Happiess
Designer Happiess
Ant Design can not guarantee the success of products, but try to help those products successed correctly or failed correctly.

From 0 to 1, Ant Design help designers to implement a quick prototype for trial and error.

From 1 to 100, Ant Design provide a complete UI solution, help designers to create their own product personality and improve user experience.