字體設計與文字編碼

Computer Typography and Character Encoding (Spring 2023)
字體設計與文字編碼 (111-2)

D3.js SVG

W	Date	Topics
01	02.24	•
02	03.03	•
03	03.10	•
04	03.17	• 01-14
05	03.24	• 15-28
06	03.31	• 29-42
07	04.07	• 43-56
08	04.14	• 57-70
09	04.21	• 71-84
10	04.28	• 85-98
11	05.05	• 99-112
12	05.12	• 113-126
13	05.19	• 127-138
14	05.26	•
15	06.02	•
16	06.09	•
17	06.16	•
18	06.23	•

寫做○○，唸做●●。漫畫家梶原一騎「愛與誠」。寫作敵人，但要讀作朋友。

字 (ㄐㄧ) ( ) 體 (ㄑ一ˋ) ( ) 設 (ㄒㄩㄝˊ) ( ) 計 (ㄒㄧˊ) ( ) 與 ( ) 文 ( ) 字 ( ) 編 ( ) 碼 ( )

Why LaTeX

Leslie Lamport 萊斯利·蘭伯特

Donald Ervin Knuth 唐納德·爾文·克努斯，儲楓（姚期智夫人）於1977年命名「高德納」中文名。

Syllabus

Lecture:: • Friday 1:10 - 4:00 pm
行事曆:: • 111 學年度; • 110 學年度
Location:: • Hong-Yue technology Research Building 1223; • 科研大樓 1223
Class webpage:
: • 網頁 https://tjhsieh.github.io/c/ct/ct2023s/
Submissions:
: • 北科ｉ學園 PLUS https://istudy.ntut.edu.tw/learn/index.php
Instructor:: • Prof. H s i e h; • Office: Technology Building 1535; • Office hours: TBA
Teaching Assistant:: • TBA; • Office: Technology Building 1422; • Office hours: TBA
Textbook:: •
Reference Book:: • Ken Lunde, CJKV Information Processing, 2nd Edition, O'Reilly Media, 2008.; • Yannis Haralambous, Fonts & Encodings, O'Reilly Media, Inc., 2007.; • , , , .
Grading: (might be subject to change) 暫定: • lab assignments 100%; • class participation 10%
Outline: (from Catalog): • This course introduces Computer Typography, Type Design, Character Encoding, and Information Processing Techniques. The course topics include: 1. Computer Type Design, 2. Calligraphy, 3. Serif, 4. Sans Serif, 5. Typography, 6. Kerning, 7. Glyph Substitution, 8. Scalable Vector Graphics, 9. TrueType Quadratic Bezier Curve, 10. OpenType Cubic Bezier Curves, 11. Number Systems, 12. Character Set Standards, 13. Font Formats, 14. Encoding Methods, 15. Unicode, 16. Unicode Transformation Format, 17. Chinese, Japanese and Korean (CJK) Unified Ideographs.
Policies:: • No late homework will be accepted.; • A regrade request must be submitted within one week after the original grade is received.; • Students are not allowed to copy solutions from others, and students should not share your answers with others. Students will receive a score of zero for doing this.; • Academic Honesty: (UCI) (Columbia); • 國立臺北科技大學考試規則; • 國立臺北科技大學學生獎懲辦法; • Be sure to check the course website frequently.

劉士豪

SVG QR Code ‌ ‍ ‌ ‍ ‌ ‍ 111-2

An Interactive Introduction to Fourier Transforms

「CNS11643 中文全字庫」

「Glyphs 3」 Mac ‌ ‍ 「FontForge」 ‌ ‍ 「Inkscape」

1 0

2 2

• 客製化鉛字印章/活版印刷DIY。日星鑄字行。

• 全台唯一守護繁體中文活版印刷鑄字工場

• 一間印刷行 A Letterpress

•

• Interactive Data Visualization for the Web, 2nd Edition

• O'Reilly, alignedleft.com, 程式碼下載

• Scott Murray D3 Tutorials 英文, 中文

• 陳筱媛。下載 CirclePlus 。展示 CirclePlus。梁佑駿展示。

《長恨歌》白居易
漢皇重色思傾國，御宇多年求不得。楊家有女初長成，養在深閨人未識。
天生麗質難自棄，一朝選在君王側。回眸一笑百媚生，六宮粉黛無顏色。
春寒賜浴華清池，溫泉水滑洗凝脂。侍兒扶起嬌無力，始是新承恩澤時。
雲鬢花顏金步搖，芙蓉帳暖度春宵。春宵苦短日高起，從此君王不早朝。
承歡侍宴無閒暇，春從春遊夜專夜。後宮佳麗三千人，三千寵愛在一身。

• 字型設計自己來。

• 文字を組む方法。

• 。

• Mathematical and Puzzle Fonts/Typefaces

• WRITES 守寫字「守」住你的靈魂「寫」出你的心情「字」給你愛的每一個人用你手心的溫度，來溫暖世界

• 稿紙造字小訣竅大分享說起【稿紙造字】，應該是守寫字平台上最早登場的造字方式吧。早在守寫字的前一代(fontwalker)的前一代(fontcloud)就已經存在類似的流程，提供使用者建立自己的字體，但其影像處理技術方面還有不少需要克服的難關，所以同時也是最讓我們的開發團隊最頭痛的造字方式......

• 守寫字FB社團現在的稿紙造字比起剛登場時其實已經修正了不少問題，但在所需的器材上依舊有很大的限制，原本以為掃描器會是最麻煩的門檻，但沒想到經過我們的調查後發現，彩色列印才是打退大部分人的最大難關。 ... 稿紙造字是透過圖片中"紅色"格線所組成的格子來切割使用者上傳的稿紙圖檔，因此需要彩色印表機來印出紅色格線的稿紙，並使用彩色掃描來使稿紙圖檔保持格線的色彩，但反過來說，只要"最後上傳的圖檔"是紅色格線的，中間的過程是怎樣就不重要了！ ... 用修圖的概念來把黑白的掃描圖檔加上紅色格線。 ... 而加入紅色格線的方式選擇上，可以直接使用小畫家等基礎繪圖工具，打開圖檔後藉由直線工具達成。

• 致力於手寫文字的文藝復興者是什麼那麼重要，可以在過去三年裡，讓三個碩士、一個博士畢業、一個工程師變成專案經理？起初我們幾個資工男孩開始著手中研院的「國家數位典藏技術研發」計劃時，並沒有太大的熱情，我們不懂中文與歷史的美，總認為「科技」才是王道，但不知不覺被這個計畫霸王硬上弓了，我們看到看到康熙真跡、胡適手稿，被這些文字的美感動，就像有一股暖流在身體流動，「熱熱的…….刺刺的......」，所以這是我們的使命，要讓「守寫字」這股暖流，流到每個手寫繁體字的人心裡，不要讓他的好只有我們幾個資工男孩知道。

• 我們花費三年、1095天、26280小時所累積的技術，可以在未來創造出無限的可能，只要你們認同我們的理念，就用你們的手，守住這個理念，一起寫出寫的可能……