: Should a separate hierarchy for text be created for mobile vs desktop? I'm working on a website in Sketch (but that doesn't matter). I want to be consistent in my text styles, but obviously

Posted in: #Text #Typography #WebsiteDesign

I'm working on a website in Sketch (but that doesn't matter). I want to be consistent in my text styles, but obviously a mobile H1 should be a different size than a desktop H1 for legibility purposes.

So H1 is 48pt, and it's mobile equivalent is 24pt. Should I just create an H3 that's 24pt or a H1-mobile instead?

10.01% popularity Vote Up Vote Down

: Material Design App Slicing - Android As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for

@Holmes874

Posted in: #Android #GoogleMaterialDesign #InterfaceDesign

0 Comments

: Photoshop: Convert image with alpha channel to transparency? I have a .dds texture which has R, G, B, and Alpha channels. The Alpha channel stores the transparency info. I have this file open

@Holmes874

Posted in: #AdobePhotoshop #Alpha

1 Comments

: Best way to apply glossy shine effect with GIMP I am using GIMP 2.8 and, so far, upon browsing the internet, I have not yet found and effect that works for me. There was a post here on

@Holmes874

Posted in: #Gimp

1 Comments

: Ideas to make these tiles look good. I am not really happy with the way I've designed these tiles . And I'm short of ideas. Can anybody have ideas on how I could make the section look better?

@Holmes874

Posted in: #InterfaceDesign #Tiles #WebsiteDesign

3 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Ogunnowo857

For the hierarchy, SEO purposes and screen readers, it's a good idea to keep the H1, H2, H3 hierarchy for desktop and mobile. That way, users using screen readers can navigate easily.

I recommend you to read this article: www.smashingmagazine.com/2013/01/the-importance-of-sections/
So create the H1 for mobile. Make the sizes different for desktop and mobile. Just an example:

Desktop: h1: 48px - h2: 36px - h3: 24px

Mobile: h1: 24px - h2: 18px - h3: 14px

10% popularity Vote Up Vote Down

Feed

: Should a separate hierarchy for text be created for mobile vs desktop? I'm working on a website in Sketch (but that doesn't matter). I want to be consistent in my text styles, but obviously

More posts by @Holmes874

: Material Design App Slicing - Android As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for

: Photoshop: Convert image with alpha channel to transparency? I have a .dds texture which has R, G, B, and Alpha channels. The Alpha channel stores the transparency info. I have this file open

: Best way to apply glossy shine effect with GIMP I am using GIMP 2.8 and, so far, upon browsing the internet, I have not yet found and effect that works for me. There was a post here on

: Ideas to make these tiles look good. I am not really happy with the way I've designed these tiles . And I'm short of ideas. Can anybody have ideas on how I could make the section look better?

Login to post a comment!

1 Comments

Back to top | Use Dark Theme