请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:62| 主题:21424
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] The Insider’s Guide to Using Beautiful Typography

[复制链接]
如烟绕梁 发表于 2016-10-14 13:17:05
277 6
Proper and beautiful typography is important for every aspect of a website — it sets the tone, highlights the theme, and conveys the main message.
   Typography is both science and art — designers use it to arrange text in a thoughtful manner, so every feature (size, length, shape, tracking, color, kerning, etc.) will serve a deliberately provoked purpose.
  But how do we know we have the right typography?
  (Hint: it’s readable!) If users understand the type and feel it’s consistent with the design as a whole, you’re on the right track.
   Let’s Define It

  Typography is the art of written words for every design aspect.
  That’s what makes it extremely important for web design—with just a small effort, we could reward users with beautiful web typography, which is visually appealing and functional.
  Believe it or not, many designers still overlook the importance of the typography principle.
   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-1-产品设计-understand,highlights,beautiful,designers,important

  It’s not unusual for the entire success of a website to depend on type. Designers need to be careful and to balance their approach, since typography layers are still limited and based on replacement.
  Still, you can always skip the “originality” part, and stick to commonly accepted solutions available on the net.
  What you needn’t forget is the importance of first impressions, as they can last forever. Typography is, therefore, so powerful that it can affect your users’ experience right away.
  Furthermore, it is typography that provides essential information about your brand and your expertise, so make sure you “grab” users from the very first moment.
   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-2-产品设计-understand,highlights,beautiful,designers,important

  Great typography is also essential for decoration—it should look nice as well as distinguish items in various tiers of importance. Even the smartest choice of size, shape, and color could be in vain, had you failed to guide users with some obvious hierarchy.
  To begin, what is the message you’re trying to send? What should your user see on your website? How is he/she supposed to feel as the pages load?
  Once you answer the questions above, you can begin to formulate your message. You’ll discover you have no more valuable tools for communication than type, and that will certainly affect your choice.
   Typography As An Art

  If you’re not the most creative person ever, don’t worry! You can always look at outstanding examples for inspiration, using the same color schemes or type sizes to improve your own designs.
  As a beginner, you should stick to the basics and try to master the initial steps of visual design. Once you’ve understood what typography is all about, you can switch to the next level, then analyze the connection between various design elements.
  At that point, you’ll be able to make a final choice, combining colors, sizes, and shapes in an efficient manner.
  Let’s check the following core rules for good web typography design. Respecting these rules will certainly lead you to the creation of great headlines or large typography components:
   Hierarchy Can Guide Your Users

  A well-executed hierarchy is essential for every website, because it helps users move intuitively throughout. Additionally, the type hierarchy is a visual indicator for your users, telling them what to search, what to avoid, and how to proceed.
   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-3-产品设计-understand,highlights,beautiful,designers,important

  However, in order to make your hierarchy clear and logical, you need to plan it in advance, outlining titles and headlines first.
  While we can’t guarantee users will rely on the hierarchical order provided in your text, it will very likely guide them. (The “hierarchy” should be applied on other elements of design, too.)
   Alignment Matters

   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-4-产品设计-understand,highlights,beautiful,designers,important

  Where would alignment matter most?
  Typography “breathes,” thanks to proper alignment, because such can guide the human eye toward specific information.
  Generally, people opt for centered items and they read them first. However, designers can also do a bit of “side magic,” choosing unusual locations for text and images.
   Utilizing Micro And Macro Typography

   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-5-产品设计-understand,highlights,beautiful,designers,important

  Macro typography refers to the general structure of the types you’re using, and how they fit within the rest of your design. Therefore, it focuses most on aesthetic, both for the entire website and the single text block.
  Micro typography, on the other hand, deals with the spacing details; it enables readability. You have to consider micro typography when connecting different text blocks and converting them into a readable unit.
  We advise you to consider both, as ignoring each could have detrimental effects on your final product.
   Size Is Crucial

   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-6-产品设计-understand,highlights,beautiful,designers,important

   We all want our content to be both attractive and catching, immediately pulling in our audience. The best method to achieve this is size adjustment, especially in terms of titles and promotional messages.
  Remember: every sentence which is overlooked by a visitor is a missed opportunity.
   Colors Make A Difference

   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-7-产品设计-understand,highlights,beautiful,designers,important

  While colors are known to be emotional stimuli, you can never predict a color’s exact effect. There is no guarantee a bold red button will attract attention, or that a green headline will invoke a positive reaction.
  In the same way, there is no guarantee visitors will pay attention to your text. However, you should still follow good practices in your designs to make them more readable.
  For instance, black and white is a classic combination, because it unites two completely different tones. The same principle, with a slightly modified palette (dark blue and baby pink, for instance), will produce a similar, but slightly less powerful effect.
   Take It Personally

   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-8-产品设计-understand,highlights,beautiful,designers,important

  Enjoy what you’re doing. There is nothing more pleasant than a positive outcome, especially if you worked really hard to achieve it. Look for solutions, and analyze websites with good typography.
  Test your ideas, and compare your work with successful and unsuccessful ideas. Walk a bit in your reader’s shoes, and think about the way in which they’ll perceive the content. Don’t underestimate advice and information, and never stop improving your work.
   Usability Comes First

  Once again, you can have the most original, creative, or eye-striking design.
   

The Insider’s Guide to Using Beautiful Typography

The Insider’s Guide to Using Beautiful Typography-9-产品设计-understand,highlights,beautiful,designers,important

   However, it will still not be enough if visitors cannot read it. In typography terms, readability stands for usability ; and it controls the biggest portion of your website’s efficiency.
   Conclusion

   Now, that you are aware of the importance of typography, forget about those few minutes you usually spendchoosing a font, and start a serious hunt for typefaces that support your style and your brand.
   Remember, it’s not a bad idea to  learn from graphic designers  , either, especially since they understand typography is the bridge that connects aesthetic with function. Understanding this balance is the most reliable key to a design’s success.
   So, if you’re looking to perfect your typography in favor of bettering your website, design, whatever —keep its functionality and look in mind. Does it follow a hierarchy? Do you use color? Most importantly, will your reader see and read your type? If you’re answering yes to these questions, we believe you will find success in your typography.
   If you’re interested in reading more about web typography, check out Matt Cronin’s  article on Smashing Magazine  .
无尽之剑 发表于 2016-10-15 05:41:04
如烟绕梁的战斗力爆表!
回复 支持 反对

使用道具 举报

zkbgm 发表于 2016-10-15 07:04:00
来,来,干了这杯翔!
回复 支持 反对

使用道具 举报

hei298 发表于 2016-10-16 03:47:25
支持支持再支持
回复 支持 反对

使用道具 举报

静琪 发表于 2016-10-16 09:21:25
抄水表,抄水表,楼主赶紧的开门!
回复 支持 反对

使用道具 举报

寄琴 发表于 2016-10-22 14:09:26
今天皮痒了?
回复 支持 反对

使用道具 举报

亦玉 发表于 2016-10-26 08:29:06
默默的闪走 2016-10-26的天气真不好
回复 支持 反对

使用道具 举报

我要投稿

推荐阅读


回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表