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

产品设计

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

[其他] Type Nugget: Good Typography is About Finding the Right Playground

[复制链接]
不曾言说 发表于 2016-10-13 11:09:03
228 7

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

  This is a golden era for web typography – in relative terms at least.
  After spending most of two decades working within the tiny design sandpit of Times, Helvetica, Arial and Courier, we now have the facility to embed almost any font we like on a page or app (without needing a flashy hack either).
  Have our tools caught up? I’d argue probably not.
  While online type services offer thousands of free embeddable fonts, experimenting with those fonts in Sketch, Illustrator, Photoshop or even XD is hardly seamless.
  And good typography is so often about trial and error. While sound typographic principles will always help to guide you, lots of fantastic type combinations shouldn’t work so well in theory.
  So here’s a promising new free tool to help your typographical tweaking.
  Type Nugget

   Type Nugget is a handy web app designed to be that place to play and experiment. It brings together an extensive external font list with robust CSS controls to let you tune your way to attractive type.
   

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

  The Type Nugget UI is divided into left and right halves – live preview on the left, controls the right. There are five fairly sensible categories for your type styling, nicely organized into an accordion menu.
  
       
  • Global type styles : Including background color   
  • Headings : H1 – H6   
  • Paragraphs : Base text, Strong, Emphasis   
  • Links : Hover, Active, Visited   
  • Lists : Order lists, Unordered lists & List items  
   

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

   Each accordion panel offers all the relevant CSS text properties you’d want to have access to including font-style to letter-spacing to text-align to text-transform .
  Importing External Fonts

   For me, the most interesting part of Type Nugget is being able to play with fonts. Adding fonts to your collection is easy. Hit the ‘Font-family’ dropdown to open the ‘ Select Theme Fonts ’ option.
   

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

  This launches a scrolling modal window that lets you browse hundreds of fonts and collect the ones you like. As far as I can tell, Type Nugget currently only offers Google Fonts – though there’s nothing stopping them from adding other font services in future. Your fonts collect at the top.
   

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

  The type selection screen shares quite a bit with Google Fonts’ recent UI redesign. That’s not a bad thing – it’s a good UI.
  Generating your CSS

  When you’re happy with the look of your text, hit the ‘Generate Code’ button and you’ll be taken to screen like this.
   

Type Nugget: Good Typography is About Finding the Right Playground

Type Nugget: Good Typography is About Finding the Right Playground

  As you can see, the link at the bottom allows you to grab a copy of the CSS.
  More interestingly, Type Nugget also provides you with a link to your CSS on their CDN. You could paste the link straight into the top of your HTML and see to in action immediately.
   In practice, I suspect you’ll want your CSS local – going back to Type Nugget to make small tweaks seems needless. Nevertheless, it’s a nice show of faith. ‘ Not only will we help you style your type – we’ll even help you serve it! ’.
  Wrapping up

     More from this author

   
       
  • The Great Prototyping Debate: Software vs Hand-coding   
  • Designing for Moral Mornings and Naughty Nights   
     Type Nugget isn’t perfect. It’s still in beta and hints at a future where it can re-style your type for different screen sizes. While that’s cool, I’d almost prefer to NOT know about it now. Then when it arrives, it’s a ‘ Wow! ’ rather than ‘ about time! ’.
  But I’m being picky. Even in this beta-state, I think Type Nugget has some real value for designers. Check it out and let me know what you think.
    Originally published in the SitePoint Design Newsletter .



上一篇:乐游资本俞佳:VR游戏的突破口在哪里?
下一篇:某些产品,我真的是不吐不快了
suxe4aEu 发表于 2016-10-14 01:07:42
土豪,交个朋友
回复 支持 反对

使用道具 举报

越泽 发表于 2016-10-15 05:33:16
小手一抖,经验到手,为了升级,到处游走,纯属路过,不要介意,高抬贵手,立马飘走.
回复 支持 反对

使用道具 举报

apenynweft 发表于 2016-10-17 03:58:31
我顶你,你懂的!
回复 支持 反对

使用道具 举报

眼镜戴眼镜 发表于 2016-10-21 22:18:53
据说天天顶贴屌丝也能变高帅富
回复 支持 反对

使用道具 举报

雷红 发表于 2016-10-26 02:53:18
雷红留下了印记
回复 支持 反对

使用道具 举报

redak 发表于 2016-11-17 00:48:57
我也来顶一下..
回复 支持 反对

使用道具 举报

╯僅留旳殘溫 发表于 2016-11-19 20:45:22
来,来,干了这杯翔!
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )

© 2001-2017 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表