Mastering Responsive Resize in Adobe XD
HTML-код
- Опубликовано: 6 сен 2024
- 👉🏻 Get 80% off my Adobe XD Essential Training Course
www.udemy.com/...
Follow us for more free tutorials and tips:
www.appdesignt...
/ appdesigntips
/ appdesigntips
/ appdesigntips
This video does not explain how the design elements translate from desktop to mobile version.
the whole point of Responsive resize is that. It would have been amazing to see how elements drastically change and what your tips and tricks would be to solve those issues
Neither Adobe's Pinksy nor you showed transitions.
You mean how, for instance a navbar with page links shrinks down to one with a drawer button?
While I'm not here to advocate XD, describing "responsive" soley as desktop-mobile switch is wrong. Remember, in theory, Media-query can serve completely different CSS based on media, so imitating collapsing blocks etc. is a strech in prototyping without using true HTML/CSS and even JS engine to run the editor.
I wanted the transition from desktop to mobile but it helped a lot like that thank you
😂😂😂
Is there no way to make text size responsive? Still haven't found a solution. Seems my text is the same size regardless of screen size
I want to make digital salon menu with responsive button for ipad. what should i do?
Your explanation was better than Adobe's!
hehe savage
I totally agree!
Why did Adobe change the way this works. It's unintuitive in AUG '22. I have object stretching all over the place and no idea how to override constraints. I hate XD.
Once again - Adobe completely misses the point about what is important when it comes to responsive design - which is: How do elements stack underneath each other on mobile while they stay side by side on the desktop version.
Does anyone know a useful alternative to Adobe XD, where I can simulate what happens later in HTML?
Perhaps Axure? You could always create free website with something like Webflow, that would create the coded website which should be responsive, and it's rather easy to use.
Hi, do these responsive changes stay intact when you publish the website cia anima ?
i took image and then made character out of from it..but image was too big and as i AM new here i dont how to make small and keep it inside the fram...???
Hi, I have a square element box with a number in the center of the square, I want this number to always remain inside the height and width.
Just below the number (also inside the parent box), I have another responsive element box with five colored balls inside, in horizontal formation and stack property. Every time I show or hide one or more balls, the size of this last element (width) adjusts itself, by the stack / resize property.
The problem is: I want the element box of the balls to remain horizontally centered in relation to the square parent box and its brother the number. Currently, when the ball box is resized, it does so by remaining fixed to the right side, it does not remain atomatically centered.
Can anyone suggest or help how a position can be forced when an element changes size due to showing / hiding any of the components of an element? It is important to show or hide it, resizing with the mouse the largest element if it respects it , but hiding or showing the components of the ball box does not.
Can you put in the values of eg padding operators like 50% - "(x value)" px?
Thanks a lot.
This features is completely unusefu for web design. Web responsiveness work in other way.
Not completely up useful. Does about 90% of the work for you. Just gotta nudge a few things manually after. Far faster than any similar feature in sketch or figma.
I'm a beginner, I thought Adobe XD had some functionality to transform into code too, but it is only for design purposes, this 'responsiveness' tool it just to help with the re-work of doing a mobile version design, where most of it is aligned automatic. It is not intended to simulate the behavior of a responsive HTML/CSS/JS Website.
Thank you so much. I hope it helps me
thanks!
Thanks!
Appreciate the tips!
Figma auto resize is much better ..it's almost like Illustrator..
Definitely subscribing to your channel man.
Good Tutorial...
ty :)
uh, you scared me with the welcome. Almost fell.
That's not how responsive works for websites.
Responsive simply means the content responds as the view is resized. Doesn’t necessarily mean it breaks down like breakpoints on the web. This is responsive resize in that the elements respond appropriately with constraints and scaling. You do still have to create a new artboard to illustrate elements adapting the layout as the resized elements “break”
@@AppDesignTips Nice video, but it needs to show how to stack elements vertical too. Escpecially now that XD has stacking features.
xd is the worst