The second has a better contrast

FindYourMobile

You will also come across Serif and Sans-serif fonts.A serif is a small, decorative line added to a character. The most common seriffont is Times Roman. A common font without serifs, or sans serif, is Helvetica.Serif fonts are used to improve the readability of text in content like blogs,articles or newspapers, and are more typically used in print than online. Trynot to use more than words for each line. For headings, consider using aheavy-weight, sans-serif font with a larger size.


Ensure the right emphasis –or size and ‘weight’ – is applied to the text according to its priority.Introduction to Graphic Design: The Design Fundamentals It’s also best practicenot to add text directly to an image, but to instead work with your web team tooverlay responsive text on the image. Why? The problem with Find Your Mobile Number List text on an image isthat it can display too small and unreadable on mobile devices. Anotherconsideration is localization. Because text is fixed, it can’t auto-translate.The below image shows a site translated to Hungarian via Google Translate.You’ll see the calls-to-action aren’t HTML – instead, they’re images thatinclude the text, which means the text can’t be translated. Introduction toGraphic Design: The Design Fundamentals If you need to add text, for a socialmedia image or blog image, ensure that there is sufficient color contrast.





Forexample, the screenshot of the website shown below has been analyzed with twovariations of the background color. The second has a better contrast, whichmakes the text more legible. A quick ‘hack’ to add better background colorcontrast is to darken the border, like with this example. Introduction toGraphic Design: The Design Fundamentals “ Remember it’s the combination of animage plus your message and how it’s worded, and even the fonts you use, thatcan mean the difference between success and failure in reaching your audience.”When it comes to digital accessibility, make sure that you consider thecustomer journey and various touchpoints in your design. Elements like alt textfor images, link text, and color contrast can make a huge difference.Composition Once you know the colors, imagery, and fonts for your image, youneed to put them together in the best way possible – and that’s wherecomposition comes in.