When working in a program like Figma (or sketch, or XD or photoshop), it's best to think if your design as a communication tool, rather than a 1:1 "picture" that sits on the site. Which width you do a comp for and which you wireframe is up to you and your dev.
Desktop frame vector full#
At minimum, when you're working with someone else, I'd say you'd need at least one full composition and one wireframe, and you need to represent desktop and mobile. How you approach responsive design as a designer varies a great deal based on what your team looks like and/or what your skills are as a developer.
Desktop frame vector how to#
The designs you do are to help her know how to scale things. The same sizes of elements will not work for a 1024px screen and a 1920px screen.* Your developer will have to write the code so that it all scales automatically. These statements make me think that you need to learn about responsive design. " I want a 1920x1080 design to work on my 1024x768 screen.the whole screen size compatibility overwhelms me a bit, I can't seem to understand it." I had like half a comment ready, but, after reading your OP again I think folks here are giving you a bit more advanced answers than I think you need. And I've already created my design on a bigger size, so it seems I'll have to recreate it again or manually scale dimensions to fix this. I might be completely wrong with my assumptions, but the whole screen size compatibility overwhelms me a bit, I can't seem to understand it. So, designing with a more general resolution like (1440x1024) would 'fix' these issues?- If so, which desktop resolution is the best? I've read about Figma's 1440x1024 but I've also heard about a bunch of other sizes. My questions are:- Is my thought correct? I've taken every element's dimension from Figma and properly converted it to rems/em respectively.
I'm aware this may get confused with CSS problems and such, but, and although I'm only an experienced beginner, I think this is because I've created the design with a 1920x1080 dimension, instead of a more general resolution like 1440x1024. Now, that's impractical for the user, I want a 1920x1080 design to work on my 1024x768 screen. For instance, using a lower screen size with a default zoom of 100% makes everything bigger, and it only looks good by reducing the zoom to 50%. I was able to recreate a draft, and I've noticed everything looked oversized and bigger on the web than what I've designed.
Hello guys, recently I've been learning how to design websites with Figma and apply them with CSS. TL:DR: Should I design in lower screen sizes? Such as 1440x1024/1280x720
0 kommentar(er)
