Lesson 5: Typography in Product Design
Lesson 5: Typography in Product Design
Article 1: Interactive Guide to Blog Typography
布局(Layout)
用空白(white space)突出内容,或者说使用大量空白(empty space)使内容看起来框架清晰。
不要有太多分散注意力的东西,特别是侧边栏(sidebar)中的文本。
尺寸(Measure)
一行多少个字母(不是汉字)?大概 50~80 个会有最好的可读性,太多的话换行的时候就瞎了。
行高(Line Height)
对于正文来说,字体高度的 1.5 倍是个不错的起始值。
行的长度越长,需要对应的行高越高。因为越长越难找到下行的开头,用大行高来抵消这种影响。
视觉层级(Visual Hierarchy)
一篇文章或者随便什么内容,都可以划分出不同重要程度。视觉层级就是划分出的重要程度的体现。
没有一个清晰的视觉结构,读者很难阅读你的东西,想快速浏览就更难了。有些人只想读一部分内容,没测次不好找。
Blog 中想要有个清晰的层级最容易的方法是使标题、副标题、正文有个合适的对比。
标题(title)
(标题可能折行,行距)使用比正文(1.5倍)小的行距,“我”用 1.1倍。
段落(Paragraph)
浏览器默认在一块文字顶部和底部添加间距,表示这是一个段落。想与众不同可以使用缩进表示段落(indented paragraph)。
字体(Fonts)
你可以只用一种字体,前提是这字体有足够多的字重可用。
还有种常见做法是,用两种字体,一个做标题,一个做正文。这么做要保证两个字体有足够明显的对比,或者直接用一对 无衬线/衬线 字体。
千万别超过两种字体,除非你知道你在干什么……
想想,如果明天我开始学日语,坚持到毕业,其实也可以日语入门了.所以机会都是抓住,当初,也就是去年的时候,我那个时候就开始坚持日语入门,想想现在应该可以开始N2了吧-所以...过去不去理会,现在开始继续 ... Nowadays, plastic spray bottles are widely used in the plastic packaging industry. What are the char ... Contest2073 - 湖南多校对抗赛(2015.04.06) Problem A: (More) Multiplication Time Limit: 1 Sec Memory Limit: ... Sr.EE-Complete the electronics and mechanical designs from design concepts to mass production for RU ... 1.如果你继续发烧,我就去请医生过来If your fever continues, I'll send for the doctor.2.在这么大的停车场里,我是永远都找不到我的车的I'll nev ... 转载自http://blog.sina.com.cn/s/blog_710225790102w03e.html Autodesk 2017安装步骤: 安装Autodesk 2017相关软件 使用序列号 ... 成都印迹婚纱摄影工作室 官方网站:http://yinjilove.com/ 联系方式:028-84278563 手机及微信号:18180642817 微信公众号:印迹摄影 地址:成都市锦江区牛王庙东 ... 网络上众多优秀的 Photoshop 实例教程是提高 Photoshop 技能的最佳学习途径.今天,我向大家分享25个新鲜出炉的 Photoshop 高级教程,提高你的设计技巧,制作时尚的图片效果.这 ... 最近Google Testing Blog上开始连载The Google Test and Development Environment(Google的测试和开发环境),因为blogspot被墙,我 ... empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除 语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素 ... 一.安装APR 创建/usr/local/apr tar zxvf apr-1.4.5.tar.gz cd apr-1.4.5 ./configure --prefix=/usr/local/apr/ ... Jackson处理一般的JavaBean和Json之间的转换只要使用ObjectMapper 对象的readValue和writeValueAsString两个方法就能实现.但是如果要转换复杂类型Co ... 现在的IDE环境大多是高度集成的,只需要按一个按钮即可完成编译-汇编-链接的工作,但是实际在嵌入式开发的过程中,需要根据实际需要编写个性化的需求,这就需要掌握makefile的写法. 高级IDE的方便 ... 上一篇<用C#实现网络爬虫(一)>我们实现了网络通信的部分,接下来继续讨论爬虫的实现 3. 保存页面文件 这一部分可简单可复杂,如果只要简单地把HTML代码全部保存下来的话,直接存文件就行 ... 在上一篇文章的最后,我们发现InputDispatcher是调用了InputChannel->sendMessage把键值发送出去,那么相应的,也有接收键值的地方.接收函数是InputChann ... 网址:http://learnyouahaskell.com/ 中文版:http://learnyouahaskell-zh-tw.csie.org/zh-cn/ready-begin.html 在 ... 发一个大cookie过去,最新版本的,竟然显示了个\n 嘛意思 干嘛不直接删掉 Your browser sent a request that this server could not under ... 如果不知道怎么配置 VPN Server(IPSEC + L2TP),可以看这篇文章(英文). 问题表现: 将 Ubuntu 12.04 通过自动更新 —— do-release-upgrade —— ... sqoop工具是hadoop下连接关系型数据库和Hadoop的桥梁,支持关系型数据库和hive.hdfs,hbase之间数据的相互导入,可以使用全表导入和增量导入 从RDBMS中抽取出的数据可以被Ma ...Lesson 5: Typography in Product Design的更多相关文章
随机推荐