• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

having trouble giving devs correct font sizes and dimensions.

Participant ,
Jun 20, 2023 Jun 20, 2023

Copy link to clipboard

Copied

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

Views

86

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 21, 2023 Jun 21, 2023

Copy link to clipboard

Copied

LATEST

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.

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines