![]() ![]() But why trying to create a responsive page, which is build like a print design, with no experience in designing something like this? What to do? It is THAT simple: Would you start in a car race, if you never drove a car before? Certainly not. There are tons and tons of such issues in this just small and simple looking page.Īs I said – and please don’t get me wrong: I am definitely convinced, that you won’t be able to create such a layout with your actual knowledge of responsive design and the way, Muse is handling it. But converting text to an image changes the scaling behaviour: Text boxes scale horizontally and grow vertically, images scale proportionally. This has to happen, because nobody can guarantee, that these fonts are available on the computers or devices of your page’s visitors. ![]() Other text boxes, you have placed, are necessarily converted to images, because you are using system fonts and not standard fonts or web fonts. This causes the yellow rectangle to be pushed down, and so on. When you reduce the browser window, the text box shrinks and forces the words to break into two lines. Your text boxes are scaling horizontally, but they have to grow vertically to be able to show their complete text content, when getting narrower. Which should be the rule for them to move or move not, and in relation to what they are supposed to move? Relative to the upper left corner of your page? Relative to each other? Relative to the big image of the woman? Muse can’t know this. It is very clear, that this won’t work: The image shrinks in width and height, the yellow rectangle only in width, what necessarily causes the two elements to fall apart.Įven more problematic: Those many little images of jewellery. On this rectangle you have an image, which scales proportionally. The yellow rectangle is set to scale vertically. To explain it with a look at your design: In responsive design, every element interacts with each other: One element will push another down, shift it upwards, resizes it horizontally or vertically or proportionally thus causing other elements to change their positions and dimensions too. Print layout can’t change their size, when the user drags the edge of his sheet of paper. ![]() If you place an element, it stays here, no matter, where you place other elements. But I think, actually there will be no way at all to accomplish this layout.įirst of all: You try to layout just like you do, if you are sitting in front of a piece of paper or a print layout in InDesign. If you are very(!) experienced in Muse and respoinsive design, something this might be done. Nevertheless: I am very sorry, but I have to say, that your actual layout will never ever work. Layer issues are problems, which come from wrong element stacking – what means for example, that elements, which should be in front, are hidden behind other elements. I found nothing, what you call a „layering“ issue. ![]()
0 Comments
Leave a Reply. |