1. Page size and area description
Prototypes are often made as IOS templates, because there are too many Android models,
1. Do not use icons, use small circles or small squares instead, and write the word "message" in the small squares for the message next to the search bar.
Because the message can be designed as an envelope, a bell, etc. If the product manager designs it as a bell, after handing it over to the UI, the UI will think that this place is designed as a bell. If the leader doesn’t like it, the UI can blame the product manager, so the design is a box+ anthology is the most suitable
2. The original picture is not applicable, because the prototype is generally gray, white and black. The original picture has blue elements. If it is placed in the position of the carousel, it will be inconsistent with the overall color layout.
3. Pay attention to the safe distance, which refers to the text below the button. It should not be too far away from the button, otherwise it is easy to misunderstand the name of the button below
4. Use real content to fill the prototype, which means that there are product titles at the bottom of the picture. You can’t just enter the four characters of the product title. You should enter the real product title to appear authentic.
5. Pay attention to the use of the middle line, which means that there is a price with a middle line on the right side of the price. This design should be a font with a strikethrough instead of manually covering the font with a line, which is easy to cover inconsistently.
6. If the page overflows, drag to the right to display all, and drag to the left to solve the overflow. ,
2. Prototype size on the web side
Three, information specification
shift is scaled down
Four, common error examples
