Color is one of the most exciting elements of typography. This is where designers can really get creative and elevate the interface to a new level. Text color, however, is not to be taken lightly: nailing your font color can make the text stand out and convey the tone of the message — but getting it wrong can result in a messy interface and text that clashes with the site colors.
Color has three key components: value, hue, and saturation. A good designer will know how to balance these three components to make the text both eye-catching and clearly legible, even for those with visual impairments. Often, designers will test this by viewing the text in greyscale without color and making tweaks if the text is too dark or too light against the background color. Establishing hierarchy is one of the most vital principles of typography.
Typographical hierarchy aims to create a clear distinction between prominent pieces of copy that should be noticed and read first, and standard text copy.
In an age of short attention spans brought about by social media, designers are urged to be concise and create typefaces that allow users to consume the necessary information in short amounts of time. Hierarchy can be created using sizing, color, contrast, and alignment. The most typical example of typographical hierarchy is size: headings should always be larger than subheadings and standard text. Making the right choice depends on so much more than just seeing what looks nice.
Here are a few key considerations:. How do you want your users to feel when they first enter your website. Do you want to emulate a friendly atmosphere? Do you want the site to feel high-end, welcoming, playful, or serious? A good starting point when faced with this challenge is to define the core traits of your brand, and start to gather typefaces that reflect these traits. From there, you can begin to notice a trend.
For example, if you want to convey serious or important information, choose a less stylized or decorative font that is both clearly legible and will limit distraction. When deciding what typefaces to include in your interface, set the style, aesthetic, and voice aside and reflect on whether the font is legible, readable, and accessible.
Can the text be legible without strain? Are the characters distinct enough? You can turn this on via the glyphs panel in Adobe applications.
The ligatures make a massive difference in the look of Beautiful Freak. It switches out popular two-letter sequences that make your designs look even more individual. Simon Stratford. Mark my words, the world needs more imperfect fonts. Alternatives All A to Z characters has at least three alternatives. Ligatures Beautiful Freak has many ligatures, 87 of them in total. Project Credits Simon Stratford. While Allan brings the personality and throwback spirit of hand-painted signs, Lato keeps things modern in this fresh pairing.
Vidaloka brings just a touch of playful vibes with its curled serifs. Pair it with a more staid body font like Roboto to balance the tone just right. Fonts like Merriweather and Quattrocentro are fonts that have enough weights and styles usually at least a serif and a sans version that you can formulate a stunning font combination without having to look for another font.
These two fonts are well-known and well-loved. And with good reason. Pacifico brings the fun with its loopy script characters, while Josefin Sans plays a supportive role with light and clean lines.
Look to combinations like this a script and a light, wide serif to bring both character and readability to logo designs. Raleway brings a tiny note of sophistication to the pairing, with many letters like L and K ending in elegant feet.
When pairing them, consider classic light serifs in the Garamond or Caslon families. Rockwell and Bembo are another absolute classic combination. While Open Sans will provide a legible reading experience for any design, we especially like it paired with a modern serif like Old Standard , which evokes an old school book or primer, creating a particularly nice tension. This combination is so perfectly we can barely stand it. The trendy serif is balanced by a well-spaced Droid Serif Mono.
This font pairing of Sanchez Nova and Proxima Nova captures perfectly that tension of new and old. Bebas is one of the strongest display faces on the market right now. It never looks bad, and it pairs easily with serifs and other sans serifs alike. We like it with the open and clear style of Source Sans.
Like any aspect of design, font pairing is a little bit of art and little bit of science. But never be afraid to push the boat out and try something new.
0コメント