Sign in

On the problem of front end cut

zkuir edited in Fri, 23 Sep 2022

Is clipping to put the single elements of PSD file one by one in the specified position according to the position of left and top of the draft? Don't you need to consider the data structure of background data rendering? I feel that I can't use the layout I usually learn. I just need to use the absolute positioning. I want to ask if the cut is like this?

3 Replies
commented on Fri, 23 Sep 2022

Clipping is to cut the elements that can't be realized in the front end of PSD, such as background, color title and picture, to facilitate later use. What the front end needs to do is to restore PSD completely!! This will involve flex layout, grid layout, responsive layout... Most of the width is the same, the change is the height, when it comes to the problem of too much or too little data, use flow layout or fixed height scrolling display of redundant data. When the data structure is involved, the data structure given by the background should be changed to the structure to be rendered, instead of directly rendering the structure given by the background.

commented on Fri, 23 Sep 2022

No, it's from the UI point of view. It doesn't matter what you said. Cut a large PSD source file with tools or some plug-ins according to the region and save it locally. You can write code and then use this image. Otherwise, what's the use of a picture that contains all the pictures

commented on Sat, 24 Sep 2022

Cutout is to pick out the icon in a UI image, and generally give it to the UI to do it. Don't do UI work until the front end has to.

When the subject says positioning, he should say "Sprite map", which is to synthesize multiple icons into a picture and display them by positioning and hiding. The purpose of this is to reduce the number of resource requests.

But sprite is not very convenient to use, it is difficult to achieve self-adaptive, if you can, change to "Font Icon" will be better.