Skip to main content
N
nickh74394646
Inspiring
June 20, 2023
Question

having trouble giving devs correct font sizes and dimensions.

  • June 20, 2023
  • 1 reply
  • 183 views

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

    This topic has been closed for replies.

    1 reply

    K
    Kenneth Kawamoto
    Adobe Expert
    June 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.

     

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices