2 Correct answers
The published version in fullscreen is the size that you are designing at. On desktop in the preview window we scale the prototype to fit the available space.
It's probably easiest to check in XD by changing the zoom to 100% (Cmd/Ctrl + 1) and looking at the size.
No of course not, because it's too damn difficult to take all the variables into account which might influence whatever text size those dreaded users eventually see on their screens. Your designs should be intended to give your valued client and routined front-end developer a fairly good idea what you're striving for. But the end result is always a mix of system and browser inconsistencies, and user preferences. So keep margins in mind while desiging and don't expect pixel perfect executions of
...
46
Replies
Hi Stuart,
The prototype is not responsive according to the page, this is very bad in a presentation. In the attached image I show how the Marvel resolvable this in a very simple way, regardless of the screen size the prototype follows its actual size, this would make the Adobe XD perfect. To get around this I need to warn my client that he should view in full screen (F11) and in the format according to what I did.
The published version in fullscreen is the size that you are designing at. ...
This doesn't seem to be the case. Published version shows at a fraction of the actual size. The only way it shows at 100% is if the user/viewer presses Escape to exit full-screen mode, then manually selects 100%, then goes back into full-screen mode.
...On desktop in the preview window we scale the prototype to fit the available space.
Two things here. 1) why??, and 2) this doesn't seem to be the case either. Even if I set it to 100%, once I press the Play (preview) button, it displays in a narrower window with the design shrunk:
If I make that window larger, the design scale stays the same - still shrunk, but now with black bars on either side:
Opening a screenshot of the preview window in Photoshop, you can easily confirm it's not at 100% scale:
Please fix.
thanks
Hi Peter,
My knowledge in development is brief and very superficial, you say it is very difficult so I believe. But, you already do incredibly complex things at Adobe and would this problem be very difficult? Attached is the print of Marvel's export configuration, with this feature the prototype ignores the screen size and displays the prototype in its actual size, as it was designed.
This problem creates two other problems, one for me and my client. The first, I need to export the screen in PNG and view it in the browser to analyze its consistency and actual size in action. The second problem is when presenting to my client, for him to view the prototype in real size I must request that it enables F11 and be on a screen compatible with the resolution from which I projected. In such a complete program it is somewhat frustrating to see that something so crucial is missing.
Hello Peter, me again. This is a project that is being developed, designed with a width of 1920px, but when sharing a presentation on Chrome it has these white bars on the sides. Colleague LucasCzuchraj said exactly the same, I left an attached image to clarify the problem (my prototype).
How to solve this problem? In the right corner when I click on the clipboard the XD shows me this option (XD problem), here I am saying that the window height is 1080px, you could easily work around this problem by placing the option "ignore window height" for example . This will allow my prototype to obey only the width and not the height, the width cannot be fixed either, projects with 1920px width opened in 1366px wide browsers cannot be resized, the sides must be cut.
Rolagem = Scrolling / Altura da janela = Window height
It seems that you do not use your programs or listen to your customers, we have been complaining about this problem for 2 years and it seems that you do not exercise or simply ignore it. Another very important thing, the scroll of the projects is very stuck in Chrome, regardless of the size of the project, it is horrible, it seems that the file is very heavy.
What's the point of having a preview function in a prototype design tool that doesn't represent the dimensions of the designed artwork? It took me a long time to realise that what I was seeing in the preview wasn't representative of any aspect of my design and was wondering why the developed websites were all far larger in element and type size than my artwork.
The width of the artwork makes no difference in the way the preview functions, it automatically shrinks the artwork in preview by around 25%. The example below has a content width of 1200px (represented by the box... you can see the width of that box on the right hand side) in the artwork but when previewed that same area of the artwork is only 900px in width. The artboard width is 1920px in width but if I reduce this the preview merely places black areas either side of the artwork, it doesn't scale it up to fill the available screen area. What's the bloody point!
Disgruntled Designer
I can't reproduce your problem.
If I create a design at 1920 with a rectangle of 1200, view the artwork at 100% and compare it with the Preview in XD and the Preview URL online, all views are at the exact same and intended size, not scaled down.
Of course, to accommodate such a design, you need ample space in the size of your monitor, otherwise the width and/or height (viewport) will be scaled to fit the window on your screen.
Keep in mind: in all renditions you're previewing and judging a fixed design size in a viewport with a certain width and height – not its responsiveness within the preview window or panel as a whole.
Thanks for getting back to this Peter.
I'm not referring to a preview link viewed in a browser, I'm talking about the preview just in XD. I've taken 3 screen shots to show you what I'm seeing (I'm on a 15" Macbook Pro by the way and all screen shots are FULL SCREEN screen shots).
1. This is a 1920px wide artboard with a 1196px width box on it. This artwork is being viewed at 100% as you can see.
2. This is that same document in Preview in XD (not an uploaded link viewed in a browser). Remember, all these images are FULL SCREEN.
3. Just to illustrate that the size of the artboard makes no difference to the preview size here's the same box on a 1600px width artboard. The size of the artwork doesn't change, XD fills in the areas in black.
This is my issue, Preview is showing me what my site will look like on my own screen at only 75% size. As far as I'm aware this isn't the case when I'm using the live preview on a mobile sized artboard on my connected phone. I hope that's a true representation?
AdChoices