What is the design size of mobile website? With the advent of mobile Internet users and the application of mobile platforms, almost all Internet applications have migrated to mobile platforms. However, there are many kinds of mobile phones, and the size and resolution of mobile phones vary. Therefore, it is necessary to consider compatibility and consistency of different screen sizes. How can the design dimensions and interface layout of mobile phone meet this requirement? Love cow Beijing mobile phone Website construction The company will introduce to you:
In the design process of the client, how should we design for different screen sizes? Do we need a new interface layout for each size screen?
1. Correct understanding of screen size
Speaking of the size of the screen, there are two ways of expression, 1) my screen is 2.4 inches, your screen is 3.5 inches, 2) the screen resolution is 240*320, and the screen resolution is 320*480. But in the design process, the screen resolution and the actual size of the screen must be taken into account. The physical size of the screen is the actual size of the diagonal line of the screen, such as 2.4 inches, 3.5 inches, and so on; screen resolution: how many pixels the screen can display. Physical size determines the actual size of the screen, and resolution can indicate the number of pixels that can be rendered on the screen, and the density of the screen determines the fineness of the screen. The same screen size, if the resolution is high, the screen elements are more elaborate. The actual size of an interface element on the screen is related to the density of the screen. The smaller the screen density is, the larger the actual size of the interface element will be. Beijing mobile website construction company.
Two. Design process and screen adaptation ideas
Determine the screen size of the target, the screen size is determined by two factors, width and height, but in the layout of the mobile client, the most concerned is the width value. After the width is determined, the height can be displayed by rolling or turning pages; text can be broken in the appropriate position; the title bar can be telescopic to match the screen width and so on. However, the height, icon, text and special components need not only consider the width, but also consider whether the layout of the whole screen is compatible with it. Beijing mobile website construction company
Because of the different mobile phone systems, the screen size of mobile phones is diverse, the performance of the screen is also diverse, and there is a distinction between touch screen and non touch screen. There will be countless different situations when these four variables are combined. How to make your application perfect to users, though it is very important, but more importantly, you must determine the target group before application. It's also important. We must choose the right ones.