關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
DTP Context 意涵/文字視覺設計 

Font Size and Its Units
字級‧字大小‧字重要性

數位出版設計:意涵/樣式篇數位出版設計:意涵/樣式實作-知識美學/數位美學之建構方法


字級/字大小:表現重要性

字級有分中文單位,與英文與網路單位不同系統,而英文與網路單位已趨向相同。

字級中文單位

號 中華單位,至今幾已消失。

級:2.5cm=100級,日本單位,至今也近消失。

P:1 in=72P 歐美「印刷時代」單位,新譯「點」,舊譯「皮卡」。

px;像素基本單位,網路時代單位。

Font Size Units 字級/字大小英文/網路單位

It affects the readability that you do not want the size too small.

It also determines the importance of your messages.

字級大小單位分作絕對大小、和相對大小2類單位。

Absolute Units 絕對字級/字大小單位

Points (pt)

Points (pt) 新譯「點」,舊譯「皮卡」。

這是歐美「印刷時代」單位,延用至今,是一般文書、數位出版軟體的預設單位。

pt 的「點」是一種人為規定的「點」,和 px 像素實為真實的「點」,要避免混淆。

1 in=72 pt, an absolute measurement. Points are traditionally used in print media (anything that is to be printed on paper, etc.). Points are fixed-size units and cannot scale in size.

Pixels (px) 像素

Pixels (px) 像素,是設計網路字級/字大小的最佳單位。

Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen』s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.

Relative Units 相對字級/字大小單位

Relative Units 相對字級/字大小單位,一般只用在網路設計的字級/字大小單位。

早期瀏覽器本身不能調整大小時,是提高「可閱讀性」的設計方法,但會改變設計者的平面設計。

後來瀏覽器本身均能調整大小時,為保留設計者的平面設計,已不建議使用這種單位。

近年,對專為行動裝置,如平板、手機設計的網頁,受到螢幕較小的限制,「輕量網站設計」(也有譯為響應式網站設計),則又必須使用相對字級。

Default relative properties

預設相對字級/字大小單位,以形容詞為單位。

xx-small, x-small, small, medium, large, x-large, xx-large

Percent (%)

百分比相對字級/字大小單位,以12pt = 100% 為基礎計算。

The percent unit is much like the 「em」 unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.

「Ems」 (em)

動態相對字級/字大小單位,以預設單位 = 100% 為基礎計算。

The 「em」 is a scalable unit that is used in web document media. An em is equal to the current font-size, for instance, if the font-size of the document is 12pt, 1em is equal to 12pt. Ems are scalable in nature, so 2em would equal 24pt, .5em would equal 60pt, etc.

Ems are becoming increasingly popular in mobile documents due to scalability and their mobile-device-friendly nature.

Font Size Units Equivalence 字級單位關係

12pt = 16px = small = 100% = 1em

以上是各種單位的關係。

Choice of Font Size Units 字級單位的選擇

For now, px, pt will be the best choices.

pt 是西方閱讀經驗的累積。

px 可以使版面的規畫,有完全而簡單的控制力。

字級單位設計的「通變」現象

早期因為螢幕解析度的關係,考慮可讀性,而常用相對單位;網頁設計界一度大力推廣 em。

隨著各瀏覽器均提供縮放功能,以上阻礙不存,絕對單位反而可保持設計者的完整視覺規畫。

但對專為行動裝置,如平板、手機設計的網頁,受到螢幕較小的限制,「輕量網站設計」(也有譯為響應式網站設計),則又必須使用相對字級。

各種數位文創作品,宜優先以px, pt為單位,其他單位轉換,可能產生誤讀。

中文限制最小字級為12px。


回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題

上層主題
數位出版3階段:電子化、網路化、雲端化 3 Digital Publishing: Electronic Publishing, Web Publishing and Cloud Publishing
雲端網路雜誌:科技與人文的互撞與融合 Cloud Publishing and Web Based Magazine
電子出版:理念與實務 Electronic Publishing: Concepts and Practice
風格與構成:數位出版設計的理論與發展 Style and Formation: DP Design Theories
風格與構成:數位出版/電子書創作分析架構與建構元素 Digital Publishing and EBooks Design Analysis Framework and Its Formation Elements
Formation in Digital Publishing 數位出版構成技術的演變
File Transformation- dtp 數位出版的檔案轉換實作
數位出版設計:結構篇-Digital Publishing Design: Structure
Structure-dtp 數位出版的結構實作
數位出版設計:意涵/樣式篇-字碼‧字型‧字體與字的性格
數位出版設計:意涵/樣式篇-字級‧字大小‧字重要性
數位出版設計:意涵/樣式篇-其他字特徵的呈現與配樣式
dtp意涵-樣式設計實作
dtp意涵-多層次清單/自動編號樣式設計實作
數位出版設計:圖文框篇-Digital Publishing Design: Blocks
dtp圖片編輯實作
Textbox/Bleeding Design- dtp 圖文框定位/文字方塊/出血設計實作
dtp表格實作
dtp插欄實作
Statistics Diagram- dtp 數位出版的統計表圖實作
數位出版設計:自動化篇-Digital Publishing Design: Automation
Automation Design- dtp 數位出版的自動化實作
自動化文件實作_電子書/數位出版/桌上排版dtp 實作 Automated Documents_Digital Publishing/DTP Design
群體校閱與群體注解 _電子書/數位出版/桌上排版dtp 實作 Group Proofreading and Annotation_Digital Publishing/DTP Design
Table of Contents Design- dtp 自動目錄實作
數位出版設計:多媒體篇-Digital Publishing Design: Multimedia
數位出版設計:範本篇-Digital Publishing: Templates
電子書/數位出版/桌上排版dtp範本實作
Group Control Documents- dtp 數位出版的群體主控文件實作
電子書/數位出版/桌上排版:封面篇
封面設計‧首頁設計平面規畫_數位出版/電子書設計 Cover Design, Homepage Design: Page Layout
封面設計‧首頁設計實作_數位出版/電子書設計 Cover Design, Homepage Design: Practice
封面設計‧首頁設計後製作_數位出版/電子書設計 Cover Design, Homepage Design: Prost Production
電子書/數位出版/桌上排版輸出
電子書/數位出版/桌上排版群體目錄設計


內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍