How to identify export-ready products

This articleList of Contents:

• 1, Brief Discussion on Interface Design (IV) Layout Visual Design in Mobile Interface
• 2、Why should web design use rasterization
• 3,How to identify export-ready products How many grooves are used in 12 columns of 1920 screen
• 4 , Bootstrap raster system design principle
• 5, How to set text rasterization into layer in PS
• 6, what does pWhat does s layer rasterization mean

Briefly talk about interface design (IV) layout visual design in mobile interface

Operation habits on mobile devices, One-handed operation habits vary, but on the whole, the frequency of elements below the operation interface is higher than that above the operation interface.

Reduce interface jumps and improve operation efficiency. Disadvantages Open multiple accordion menus at the same time, the category title is not easy to find, and it is easy to disrupt the page layout. The scene is suitable for the content of the two-level structure, and the secondary structure can be hidden., multi-panel layout advantages reduce interface jumps; classification is clear at a glance.

The thirdPoint: APP visual design and design key points (1) The approximate design section includes APP start page design, APP interface design size specification, app icon design, etc. Generally speaking, the mobile phone screen is laid out from top to bottom, and important information will be placed above.

Information layout When arranging any information, the first thing that must be mastered is the four principles of alignment/repeation/intimacy/contrast, which run through the design. In addition to creating a clear and exquisite appearance, alignment can also facilitate the implementation of development.

Why web design should use rasterization

rasterization layers can convert different layers into a single pixel form Layer, so as to reduce the file size and facilitate storage. Rasterized layers can merge layers with different effects, such as text and pictures, while controlling the size and resolution of the image.

The popular understanding is that rasterization is to pixelize graphics according to certain rules. The rasterization of web pages is to use regular grid arrays to guide and standardize the layout and information distribution of web pages.

The design is based on the grid, which can keep the layout of each page of the whole website consistent.This can increase the similarity of the page and improve the user experience. For designers, the flexible use of the grid system can make many excellent and unique designs.

In PHOTOSHOP, the text generated by the text tool cannot use the filters in PS before it is rasterized. Therefore, using the rasterization command to rasterize the text can produce richer effects. Rasterization converts text layers into normal layers and makes their content uneditable text.

How many grooves are used in 12 columns of the 1920 screen

1. For example: Suppose we draw a drawing board with a 1920px screen and use a 24-column grid. The width of the setting bar is 32px4 (atomic units), and the width of the slot is 16px (2 atomic units).Then the grid width W=24 columns x 32 columns width + 23 columns x 16 slot width = 1136px. The rest of the width is adaptively processed.

2. The total number of pixels with x1200 resolution is 1920x1200=2,304,000 pixels. Each pixel usually requires 3 bytes of storage space, that is, 24-bit color. Therefore, the graphics memory occupancy of 1920x1200 resolution is 2,304,000x3=6,912,000 bytes, that is, about 6MB.

3, while Apple 8p adopts a 5-inch RetinaHD screen with a resolution of 1920x1080 pixels and a pixel density of 401ppi. In terms of specifications, the screen of Apple 12 is larger. Apple 12Compared with the actual use experience of Apple 8p screen, in addition to the specifications, we also need to consider the actual use experience.

Bootstrap rasterization system design principle

Principle: divide the width of our screen size into 12 grids, and the width of each grid is related to the resolution of the whole screen. The larger the resolution of the whole screen, the larger the width of each of the 12 grids, which is calculated proportionally, and the layout of the 12 grids is arranged horizontally.

The raster system is used to create a page layout through a combination of a series of rows and columns, and your content can be put into these created layouts.

The implementation principle of the grid system is to create a powerful responsive grid system by defining the size of the container, dividing 12 parts (some are also divided into 24 or 32 parts, but 12 parts is the most common), then adjusting the inner and outer spacing, and finally combining with media queries. The grid system in the Bootstrap framework is to divide the container into 12 parts.

How to set the text raster into a layer in PS

1. First of all, we create a new blank layer in PS, and then we type a few words first. On the title, we first Before that, adjust the format, such as some fonts, size, spacing, etc., because we can't change it after we change it. Then we click on the text layer.

2. First of all, right-click the target layer in the first step, and then click [Raster Layer] in the pop-up menu bar as shown in the figure below. Finally, the rasterized layer is successfully set according to the arrow in the figure below.

3. Turn the text layer into an ordinary layer in ps. The first step is to turn on the computer and find the ps icon on the desktop, double-click to open the software, and then create a new file. The second step is to enter text in the blank space. In the window on the right, you can see that the layer has become a text layer.

What does ps layer rasterization mean

1. Rasterization is a technical term in PS. Raster means pixels, and rasterization is the conversion of vector graphics into bitmaps.Simply put, rasterization is the combination of text and layers containing styles.

2. Raster is pixel. Rasterization is to convert vector graphics into bitmaps. Rasterization of graphics and fonts is to be able to better edit. Graphics that have not been rasterized in Photoshop cannot be edited. For example, a picture that has just been dragged from the computer cannot be edited without rasterization.

3. It means that the object you want to process is not a layer with the background, and the object is not rasterized. The solution to the problem that intelligent objects in ps cannot be edited directly: the tools we need are: computer, PS, open PS, create a new document and put the intelligent object picture that needs to be edited.

4. Grid (shān) grid is a technical term in PS. Raster is a pixel, and rasterization is to convert vector graphics into bitmaps.

5. The popular understanding is that non-pixelized things are pixelated. After rasterization, the original layer attributes (such as fonts, shape tools, intelligent objects, etc.) are lost and become ordinary image layers that cannot be directly edited.