![]() A clear hierarchy will guide visitors to the right recipe.Primarily on mobile, they are scanning recipes, which are made of lists and media: ingredients, instructions, images, and videos. With this information, you can establish three guideposts: Through conversations with the client, you’ve also learned that the brand embodies the joy of cooking and that the art direction calls for elegance and simplicity. They browse for recipes on a mobile device while on the go. Your target demographic is a busy parent planning meals for their family. Say you’re designing a new recipe website. Download free trials from Dalton Maag, Grilli Type, Indian Type Foundry, Production Type, Typotheque, and Webtype.Try fonts on your site with FontSwapper and WebFonter.Typecast is an app made for prototyping webfonts. Make HTML/CSS prototypes. Here’s an example prototype on Codepen using Google Fonts.Outside the context of a comp, element collages allow you to quickly try different ideas. Dan Mall’s idea is to begin designing a site by making arrangements of fully-designed interface elements. Use fonts in desktop apps and on your website with Fontstand, SkyFonts, or Typekit.Luckily, there are many helpful tools and tactics: This reveals a typeface’s unique qualities and how well it supports the content. You can’t get a complete sense of how a typeface will perform without trying it in context. Try it outįlama (Mário Feliciano), Adelle Sans (Veronika Burian, José Scaglione), Echo (Ross Milne), Bligh (Luisa Baeta) In addition to brand and audience, typography needs to be appropriate for your most prevalent content-whether it’s articles, videos, images, products, listicles, or cat pictures. Consider your content and how it will be read. Typewolf (a daily blog covering type usage on the web)Ģ.Fonts In Use (an extensive archive of typographic design in different industries and formats). ![]() ![]() Here are two amazingly helpful resources: For example, if you need a typeface for a news site to feel approachable and credible, look to how other news sites are using type. One way is to examine how type is used in the wild. Quando (Joana Correia) How do you know what attributes typefaces represent? Synthese (Jean-Baptiste Levée, Gilles Poplin)Ībelard (Barbara Bigosińska) Friendly Typefaces Sanomat Sans Text (Miguel Reyes, Christian Schwartz, Vincent Chan)īely (Roxane Gataud) Trustworthy Typefaces Vinter (Frode Bo Helland, Sindre Bremnes) Notice how many kinds of typefaces can represent one personality trait. Here are three groups of typefaces conveying three different brand attributes: sophisticated, trustworthy, and friendly. Typefaces communicate your brand’s personality, helping your visitors know they’ve come to the right place. Your typeface choices are part of an overall approach aligned with your brand and goals. At ETR, we ask our clients questions like: what are your brand attributes? How do you differ from the competition? What value do you provide your audience? What are your visitors primary and secondary reasons for visiting your site? This information will lay the groundwork for informed type decisions. When you begin a project, it’s important to fully understand your brand and audience. Based on my experience, here are five factors to consider when choosing typefaces for your website or product. Part of my role is ensuring we choose appropriate typefaces for our projects. ![]() ![]() However, when it comes to choosing typefaces, you may have trouble knowing where to look and what to look for.Īs Associate Design Director at ExpandTheRoom, I design digital products for a variety of brands, from small non-profits to large publishing companies. If you design and build websites, you probably feel confident using typefaces. ![]()
0 Comments
Leave a Reply. |