Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of the pits that need to be avoided in the design of Mini Program, the content is detailed and easy to understand, the operation is simple and fast, and has a certain reference value. I believe that you will gain something after reading the pits that need to be avoided in Mini Program design. Let's take a look.

First, the design draft had better use the double graph

UI designers like to use doubling, but why use doubling, convenient adaptation is a superficial phenomenon, the real reason is that the development tools used to support doubling development, development no longer need to convert values. However, Mini Program's development tools do not support double-fold development, but support second-fold development. The size unit in Mini Program is called rpx, which can be adapted according to the width of the screen. In the design draft of 750-1334, 1px = 1rpx.

Second, you only need to cut the size of 750 to cut the picture

The design draft is made of double drawing (750-1334), which only needs to be sliced twice as much; if it is designed according to double-drawing (375-667), only double cut is needed. Are you sure you don't care about other sizes? It's not that I don't want to manage it, but that Mini Program's development tools don't support it.

III. Do not customize the navigation bar

Standard height: 128rpx

Mini Program is very light, but it also has many restrictions. The navigation bar can not be customized is one of them, only the color can be changed.

Fourth, label paging navigation

Standard height: 98rpx, abbreviated as label bar.

Icon as long as 81rpx

Both less than and greater than are deformed, be sure to remember the specification box. The quantity can only be 2 to 5, more or less does not count, you can only change the icon, other components are in charge.

Fifth, pop-up windows do not cover navigation and labels

In Mini Program, the navigation bar and the label bar are at the highest level, so that the pop-up window, which is used to enjoying the highest treatment, should also be succumbed to them.

VI. Video is limited in time.

Mini Program's support for video is not particularly good, in principle, no video can be played in the scrolling control, and this is required in Wechat's official documentation. This point I also like us to develop little brother to verify, indeed, Youku and Tencent Video are fixed video.

This is the end of the article on "what are the potholes that need to be avoided in Mini Program design". Thank you for reading! I believe that everyone has a certain understanding of the knowledge of "what are the pits that need to be avoided in Mini Program design". If you want to learn more knowledge, you are welcome to follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.