In UI design, often need to design pop-up dialog box, the following is a style design:

0. Standard dialog box

instructions

Title space: the Title area

Contents space: contents space

It’s a function space

The user decision making arrow in the functional area indicates “user decision direction”. There are two directions “positive” or “negative” or “positive” and “negative”. In this case, the direction the user is expected to click, the direction the user is expected to move, is positive.

Positive actions are more likely to be noticed and clicked on, or even clicked on habitually.

Negative and Optional colors are used to attract attention.

 

I painted more style of common page pop-up dialogs

1 warning Warring is displayed

2. Information Info has an icon

3. No icon is displayed

4. Reminders have title bars

5. Select the dialog box – with buttons

 

 

————————————————-

Reference: the Divine Product Manager, pp. 270, 284