Design Principles: Lesson 2
Coursera課程詳見:https://www.coursera.org/learn/design-principles/home/welcome
Typography 字型
字型的幾個元素:Size; Leading; Weight;
字型的大小通常指的是它所在的鉛塊的高度,而非字母本身高度:
![1141018-92b0564f46ca778c.png](https://i.iter01.com/images/40c6b08fe8f9a7d9b8671b3a6862eda9a51e010b00f815ecae7a5a62f344925e.png)
行距leading通常為size的20%。小寫字母的高度稱為x-height -- x-height 比例小會給人舒適的感覺。x-height比例小的字型通常會有更長的頭部和尾部,x-height比例大的則有更扁平的頭尾部。這裡建議:線上字型可以使用x-height較高的型別。
![1141018-3cc839bb130dfe70.png](https://i.iter01.com/images/1c3ddd253cb6612f36e8d5e5de2982e755e447e18e9792ff07092ca4af97a07b.png)
一種通用的說法: "用襯線字型作正文,無襯線字型作標題"。襯線,那些在字母首尾抓人眼球的小玩意兒,讓文章更易閱讀 。
(西方)文字的很多資訊是在字母頂部被加工的,上半部分比下半部分更容易辨認。人們會根據期望的單詞意思來辨認它們,辨認結果更符合期望值。
訓練對字型認識的方法:觀察相同字型的不同部署方式;尋找不同字型對同一段文字的帶來的含義的變化。
![1141018-22bcace670ba93d8.png](https://i.iter01.com/images/b58e34eb2a52c7fd010a624be68d40af69cd3951d1d0a568b60e374a794eb194.png)
人們掃描頁面視線位置的優先順序
相關文章
- CryptoZombies學習筆記——Lesson2筆記
- Operating Systems: Principles and Practice 2nd ed. Edition
- Principles of Distributed Ledgers
- S2 - Lesson 57 - Can I help you, madam?
- [Design Pattern] Upload big file - 4. Code Design - part 2 & Summary
- Quartz.NET 2.x 文件翻譯 - Lesson 2:Jobs 和 Triggersquartz
- ant design pro入門(2)
- Quartz.NET 2.x 文件翻譯 - Lesson 8:SchedulerListenersquartz
- Quartz.NET 2.x 文件翻譯 - Lesson 9:JobStoresquartz
- Quartz.NET 2.x 文件翻譯 - Lesson 1:使用Quartzquartz
- 2.2.4.1 Principles of Privilege and Role Grants in a CDB
- COMP3230 Principles of Operating Systems
- Lesson 55 - Not a gold mineGo
- Lesson1——Tensor
- Quartz.NET 2.x 文件翻譯 - Lesson 7:TriggerListeners 和JobListenersquartz
- 軟體設計原則(Principles)
- Quartz.NET 2.x 文件翻譯 - Lesson 5:SimpleTrigger觸發模式quartz模式
- Quartz.NET 2.x 文件翻譯 - Lesson 6:CronTrigger觸發模式quartz模式
- Quartz.NET 2.x 文件翻譯 - Lesson 10:Configuration, Resource Usage 和 SchedulerFactoryquartz
- [Design Pattern] Upload big file - 2. How to coordinate frontend and backend
- The Principles of OOD 物件導向設計原則物件
- iOS Jailbreak Principles - Undecimus 分析(一)Escape from SandboxiOSAI
- Quartz.NET 2.x 文件翻譯 - Lesson 3:Jobs 和 Triggers深入瞭解quartz
- Quartz.NET 2.x 文件翻譯 - Lesson 11:Advanced (Enterprise) Features 高階功能quartz
- Quartz.NET 2.x 文件翻譯 - Lesson 12:Quartz的其他各種特性quartz
- Lesson8——Pandas reindex重置索引Index索引
- Lesson10——NumPy 迭代陣列陣列
- Lesson11——NumPy 位運算
- Lesson3——Pandas Series結構
- Kotlin_lesson_01_基本型別Kotlin型別
- Quartz.NET 2.x 文件翻譯 - Lesson 4:更多Triggers觸發器說明quartz觸發器
- [譯]HTML&CSS Lesson5: 定位HTMLCSS
- golang lesson4 -基本的運算Golang
- Lesson4——NumPy 陣列屬性陣列
- Lesson17——NumPy 統計函式函式
- design for failureAI
- Design ten
- 翻譯 | The Principles of OOD 物件導向設計原則物件
- iOS Jailbreak Principles - Sock Port 漏洞解析(四)The tfp0 !iOSAI