Icons are an important part of the graphical interface. They are highly condensed, quickly conveyed, and easy to remember. To make it easier for users to identify icon information and achieve consistency in icon design, mPaaS Mini Program provide a unified style of icon design principles.
Design principle
The shape needs to be distinct and the information needs to be simplified; the icon needs to be designed with geometric shapes and symmetrical designs.
Design principle for system icon
Use rounded corners extensively to avoid abrupt and jagged edges. Take the icon at 36 x 36px as an example, the line structure is 3px and the outer corner radius is 4px.
Status icon
The status icons are designed with distinct colors, so the status of the result page is clear at a glance.
该文章对您有帮助吗？