Grug Design provides a very practical set of interface design guidelines that can be specifically applied to everyday design work:
Component Design
Adhere to the principle of "form follows function". A button should look like an element that can be pressed, not an abstract graphical symbol. Avoid creating too many unnecessary variants of the same component.
Icons and text
The primary function of an icon is to convey information rather than artistic expression. If an icon requires a tool tip to be understood, it is not intuitive enough. In terms of font selection, it is recommended to use 1-2 fonts rather than a mix of fonts.
Layout and density
Using a grid system to manage information density, Grug Design doesn't worship white space, but rather emphasizes effective organization so that users can quickly find the information they need. High information density + clear structure is the ideal.
Collaboration process
Designers should communicate with developers early to provide specific design parameters (e.g., "8px fuzzy") rather than vague descriptions. This avoids repeated modifications in the later development process.
This answer comes from the articleGrug Design: gives design advice on pages and advocates a simple and pragmatic product design philosophy.The