Summary of design tips and points to note

This article mainly shares 12 HTML5 design tips that are not well known to everyone. I believe you will definitely gain something. Interested friends can refer to it. 12 HTML5 design tips that are not well known to everyone, the content is as follows 1. In terms of interaction, use the right sliding operation method with caution. Such as: scratch-off smear effect, sliding left and right to turn pages, etc. Reason: On Apple phones, sliding to the right can easily trigger the effect of returning to the "previous page". 2. In terms of interaction, use horizontal screen display with caution. Reason: In terms of experience, the user device needs to turn on the screen rotation function in order to watch it normally, and the user operation cost is high. For mobile phones with different screens, the aspect ratio is different, making it difficult to display the best visual effects. 3. Visually, function buttons, etc., are far away from the bottom of the page (about 128px, this size is not a fixed Z value). It depends on the adaptation method used for reconstruction (for reference only: 640*1136 px, calculated from top to bottom, mainly content within 1008px). Reason: Better equipment for mobile phones with various screens to avoid buttons being blocked. 4. Visually, use the "light overlay effect" or the "layer style" effect in PS with caution. For example: add "soft light", "filter color", "hue", etc. to the layer

1. Detailed introduction to HTML5 12 design tips (pictures and text)

Introduction: This article mainly shares 12 HTML5 design tips that are not well known to everyone. I believe you will definitely gain something. Interested friends can refer to

2. CSS style design tips (horizontal centering, vertical centering)_html/css_WEB- ITnose

Introduction: CSS style design tips (horizontal centering, vertical centering)

3. Super practical! 12 little-known HTML 5 design tips_html/css_WEB-ITnose

Introduction: Super practical! 12 little-known HTML 5 design tips

4. 12 little-known HTML 5 design tips_html/css_WEB-ITnose

Introduction: 12 little-known HTML 5 design tips

The above is the detailed content of Summary of design tips and points to note. For more information, please follow other related articles on the PHP Chinese website!