lesson 2 | Typography

这篇主要是讲排版，就是在你看网页、博客、论坛这些的时候，注意文字的字体、行距、重点标出等是否合乎逻辑，以及易读性。

如何利用markdown清晰、准确地表达观点，版式排列合乎逻辑，美感同时也很重要。

哈哈哈！感觉在讲平面的知识了。

发现一句很喜欢的话：

A picture may be worth a thousand words, but you have to know a thousand words to replace it.

---

Dive Into Typography

The basic of font

• 基本概念
  1、Size（大小）
  2、Ascender（上部）
  3、Descender（下部）
  4、Counter（计数o，p这些）
  5、X Height（高度，不含2，3）

然后还有一些字距、对齐方式（左对齐、右对齐，居中等）、衬线和非衬线等。

推荐常用11~12号字体，正确运用粗体和斜体，以及辅助颜色来进行强调。

忽然想起了乔布斯那段在斯坦福的演讲，辍学后仍旧在学校学习完了有关字体的课程，多年以后设计Mac时，才都把这些曾经的结合在一起，因此Mac才拥有了这么漂亮的字体。（大致意思就是这样..具体已忘记）

kerning Game（字距游戏）

是不是每章都有个小游戏！纯靠眼力分数好低...冬天手僵！

Better web typography in 13 simple steps（网页上字体排版的13个步骤，或者说技巧，涉及到一些html和css知识看不太懂）

• Find out what your fonts can do
• Subset cleverly
• Figuring out numerals（弄清楚数字）
  一套字体可以有多种数字组合，数字也是文字中重要的一部分，也要注意使用的地方和场合。
• Don’t fake styles
• But when you do, fake well
• Be careful with copy-pasting text
  这个确实是，直接复制的时候容易出差错。每次都需要复查才行，直接复制md格式会稍微好一些。
• earn your HTML entities
• Quote correctly（正确引用）
• Know your dashes（知道你的重点）
• Define relationships, not absolute dimensions（活用排版吧）
• Take control over line breaks
• Space with care（空格）
• Going further

还要思考一些除了形以外的东西，字体含义等。

---

The Amazing New Mobile Web

UX Design Guidelines For Smartphones

• 移动设备带来的限制
  1、形式限制
  2、输入限制（各种指令）

3、工艺限制（屏幕啦，电池这些也会限制交互的设计）
4、数据传输和价格

一般设计的惯例

• 移动端优先
  本来就是移动端为主嘛，从移动端出发去设计，出发点。
• 行为和原型
  就是两大系统的设计指南吧，ios和android，同时还要根据用户的期望，不能完全创新。
• 鼓励创新
  尽可能在保证体验的情况下，多去创新，提升效率。
• 提供及时反馈链接
  相当于用户调研了，不断纠正中前进。

响应式网页设计（RWD，Responsive Web Design）

集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。

意思就是可以根据设备来进行网页的布局的调整，是自动的，直接识别移动设备！

技术手段就是：弹性化和响应式图片，页面布局根据设备来调整，图片也随随之调整分辨率。

这篇有好多技术内容，看不懂....

---

Tools

一些UI设计工具推荐，挺多PS的，本身知道点，PS最终重要的一部分也是管理了，不仅仅只是做~

---

Typography in Product Design

就是强调文字排版在产品设计、网页设计中的重要性，很多具体的内容实际是属于平面的知识。