having trouble giving devs correct font sizes and dimensions.

Report · Jun 20, 2023

Hi

I could equally have put this in the photoshop forum, but my issue is that im having trouble giving developes of our website accurare font sizes and exported images. We're making a site for mobile which fluidly scales down from a desktop version. Ideally id just like to be able to say, 'that font should be xpx' and the gutters should be 'Xpxs wide'

I havent really dont much design for html before, but im guessing this should be possible - what canvas size should i start with to give accurate font sizes and export images from if its goin to be displayed on all phones and screen sizes

many thanks for any help!!

Nick

Report · Jun 21, 2023

You would need to design in at least two screen sizes (unless you know exactly how layouts would scale): desktop/laptop and mobile. You may need to add other screens such as tablet and TV, depending on the requirements.

As for the measurements of the elements (or lengths), assuming you will use CSS, you can use either fixed (eg. 100px) or dynamic (eg. 10vw) value. Within the fixed measurements you can use either absolute (eg. 12px) or relative (eg. 0.75rem) value. Normally you'd mix all of these in your CSS and set them depending on the screen size using media queries so that the layout adopts to the different viewports. So, you need to discuss with your developer to set the responsive design strategy first.