不好意思 但网页排版哪里重要?

aiboboxx

时下有关数位环境的教科书说，萤幕的使用习惯以浏览为主，而且图片比文字更吸引人，主要以娱乐或仪式性使用为主(例如，打开Facebook开始一天的生活，但关掉后立刻忘记刚刚看了什么)，而不适合吸收完整的知识。摄取更全面、完整的知识，还是要靠纸本。没错，这是萤幕显示时代我们不愿面对的真相：基于某些原因，我们很难有意愿在萤幕上好好的读一篇文章。
' U  _6 o7 ~& z为什么?有很多大小原因，但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好，大多时候是硬体的问题，但让这问题更严重的因素则是出在软体：不妨问问自己，有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例，有许多网页的设计忽略了某些重要的平面设计原则，例如适当的字体大小、字型选择、文字与背景的对比，以及行距。介面设计大师OliverReichenstein早在2006年就提出了，网页上95%的内容其实都是「typography」，试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要，同样应该被使用。
; I" R: m7 W2 O( W4 ]- _0 [$ b2 g许多人惊讶的问：「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
$ O4 u7 D5 y( J- S" h- F0 Gtypography不只是选字型
但事实上typography不只是选字型，还包括字型的组合，更有关于精确的测量：行高、区块之间的距离关系，以及整体垂直排版的韵律感(verticalrhythm)等等，都是传统排版的重点，因为斤斤计较几个pt(最小的印刷单位)的相对关系，所以可说个相当偏执，相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?)，目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出，这些原则在网页上也同样要被注重，我们才可以不再只是浏览，而可以长时间阅读而不感到疲累，只是过去有两个迷思：
# P6 t  e+ G# V2 K3 s迷思一：萤幕解析度不够，所以用字型也是枉然
当然，这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi，可以说是超越了印刷纸本的起始水准，包含各种显示面板解析度的跃进，字型的显示效果可以说是越来越好了。在中文来说，虽然有许多字型还需要经过数位调校，才会让萤幕显示效果更好，但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时，可以感受到接近完美的视觉效果，连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont，都让从前只能放图代替文字的困境解决了。
迷思二：还没有那么多webfont可以用啊
这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字，英文大小写字母加上符号最多不过上百)，再加上传统字型公司有许多的版权议题争议，都让中文的webfont进展缓慢。但跟上一点一样，typography不是只有选字型。就算没有好字型，也可以用心在排版细节上。Reichenstein就提到，文艺复兴的义大利字体设计师当时只能用一种活字，但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多，我们还是可以透过对细节的注重创造好的排版设计。
1 U% O+ R; z& u- b! w$ g
* Q: K  S0 y/ N) W+ D# W

                               
登录/注册后可看大图

文艺复兴的排版，只有一种字体，依然经典。(图片来源：WikimediaCommons)
另外在台湾justfont也常常会听到朋友们说，这种偏执的细节，一般人应该不会注意到吧?但事实上，就是这种偏执的细节，让整体版面更好读，好读到不会特别注意，因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的，例如设计不良的字体曲线控制点不干净，容易造成小亮点，让眼睛增加负担;笔画没有适当收束，让线条糊在一起;许多网页甚至把字体大小设定为10px，再加上过挤的行距、不理想的背景对比，让萤幕上的阅读更让人洩气。
justfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务，相信有天我们也能在萤幕上读到赏心悦目的内容。
% f+ c8 j8 A% q1 }+ C: Y$ ?来源:inside
( F' X/ ?9 R9 c0 O8 p时下有关数位环境的教科书说，萤幕的使用习惯以浏览为主，而且图片比文字更吸引人，主要以娱乐或仪式性使用为主(例如，打开Facebook开始一天的生活，但关掉后立刻忘记刚刚看了什么)，而不适合吸收完整的知识。摄取更全面、完整的知识，还是要靠纸本。没错，这是萤幕显示时代我们不愿面对的真相：基于某些原因，我们很难有意愿在萤幕上好好的读一篇文章。
  N! A/ L; H1 Z+ Q6 A1 Q为什么?有很多大小原因，但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好，大多时候是硬体的问题，但让这问题更严重的因素则是出在软体：不妨问问自己，有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例，有许多网页的设计忽略了某些重要的平面设计原则，例如适当的字体大小、字型选择、文字与背景的对比，以及行距。介面设计大师OliverReichenstein早在2006年就提出了，网页上95%的内容其实都是「typography」，试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要，同样应该被使用。
许多人惊讶的问：「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
typography不只是选字型
但事实上typography不只是选字型，还包括字型的组合，更有关于精确的测量：行高、区块之间的距离关系，以及整体垂直排版的韵律感(verticalrhythm)等等，都是传统排版的重点，因为斤斤计较几个pt(最小的印刷单位)的相对关系，所以可说个相当偏执，相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?)，目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出，这些原则在网页上也同样要被注重，我们才可以不再只是浏览，而可以长时间阅读而不感到疲累，只是过去有两个迷思：
9 ?: m/ M$ H! H: U- g迷思一：萤幕解析度不够，所以用字型也是枉然
当然，这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi，可以说是超越了印刷纸本的起始水准，包含各种显示面板解析度的跃进，字型的显示效果可以说是越来越好了。在中文来说，虽然有许多字型还需要经过数位调校，才会让萤幕显示效果更好，但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时，可以感受到接近完美的视觉效果，连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont，都让从前只能放图代替文字的困境解决了。
! J$ u# b# I8 u/ E9 W* [迷思二：还没有那么多webfont可以用啊
这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字，英文大小写字母加上符号最多不过上百)，再加上传统字型公司有许多的版权议题争议，都让中文的webfont进展缓慢。但跟上一点一样，typography不是只有选字型。就算没有好字型，也可以用心在排版细节上。Reichenstein就提到，文艺复兴的义大利字体设计师当时只能用一种活字，但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多，我们还是可以透过对细节的注重创造好的排版设计。
8 }6 r( ~0 t1 C* H
4 X1 Y+ ]  |; M

8 ~' i& n0 X4 A/ X9 }* L7 c" a2 v                               
登录/注册后可看大图

文艺复兴的排版，只有一种字体，依然经典。(图片来源：WikimediaCommons)
: K( b6 A, w3 ], F另外在台湾justfont也常常会听到朋友们说，这种偏执的细节，一般人应该不会注意到吧?但事实上，就是这种偏执的细节，让整体版面更好读，好读到不会特别注意，因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的，例如设计不良的字体曲线控制点不干净，容易造成小亮点，让眼睛增加负担;笔画没有适当收束，让线条糊在一起;许多网页甚至把字体大小设定为10px，再加上过挤的行距、不理想的背景对比，让萤幕上的阅读更让人洩气。
& l) _6 y: W; [4 p5 n7 Cjustfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务，相信有天我们也能在萤幕上读到赏心悦目的内容。
% P) O* n# {# H来源:inside
+ q; k  d8 r9 T' q4 H  s时下有关数位环境的教科书说，萤幕的使用习惯以浏览为主，而且图片比文字更吸引人，主要以娱乐或仪式性使用为主(例如，打开Facebook开始一天的生活，但关掉后立刻忘记刚刚看了什么)，而不适合吸收完整的知识。摄取更全面、完整的知识，还是要靠纸本。没错，这是萤幕显示时代我们不愿面对的真相：基于某些原因，我们很难有意愿在萤幕上好好的读一篇文章。
' O7 X# }1 Y7 ]+ @$ x为什么?有很多大小原因，但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好，大多时候是硬体的问题，但让这问题更严重的因素则是出在软体：不妨问问自己，有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例，有许多网页的设计忽略了某些重要的平面设计原则，例如适当的字体大小、字型选择、文字与背景的对比，以及行距。介面设计大师OliverReichenstein早在2006年就提出了，网页上95%的内容其实都是「typography」，试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要，同样应该被使用。
许多人惊讶的问：「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
typography不只是选字型
$ |. S6 s4 c% p6 X* H9 }& V但事实上typography不只是选字型，还包括字型的组合，更有关于精确的测量：行高、区块之间的距离关系，以及整体垂直排版的韵律感(verticalrhythm)等等，都是传统排版的重点，因为斤斤计较几个pt(最小的印刷单位)的相对关系，所以可说个相当偏执，相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?)，目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出，这些原则在网页上也同样要被注重，我们才可以不再只是浏览，而可以长时间阅读而不感到疲累，只是过去有两个迷思：
& F- ?. Z( f, Y' U) W: W迷思一：萤幕解析度不够，所以用字型也是枉然
) N% [, K& O" t1 d% M当然，这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi，可以说是超越了印刷纸本的起始水准，包含各种显示面板解析度的跃进，字型的显示效果可以说是越来越好了。在中文来说，虽然有许多字型还需要经过数位调校，才会让萤幕显示效果更好，但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时，可以感受到接近完美的视觉效果，连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont，都让从前只能放图代替文字的困境解决了。
迷思二：还没有那么多webfont可以用啊
这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字，英文大小写字母加上符号最多不过上百)，再加上传统字型公司有许多的版权议题争议，都让中文的webfont进展缓慢。但跟上一点一样，typography不是只有选字型。就算没有好字型，也可以用心在排版细节上。Reichenstein就提到，文艺复兴的义大利字体设计师当时只能用一种活字，但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多，我们还是可以透过对细节的注重创造好的排版设计。
4 \* d% V; H! \" x9 ?, ~5 _

                               
登录/注册后可看大图

文艺复兴的排版，只有一种字体，依然经典。(图片来源：WikimediaCommons)
1 C2 z, f. C- y4 r1 r5 @/ Y. A另外在台湾justfont也常常会听到朋友们说，这种偏执的细节，一般人应该不会注意到吧?但事实上，就是这种偏执的细节，让整体版面更好读，好读到不会特别注意，因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的，例如设计不良的字体曲线控制点不干净，容易造成小亮点，让眼睛增加负担;笔画没有适当收束，让线条糊在一起;许多网页甚至把字体大小设定为10px，再加上过挤的行距、不理想的背景对比，让萤幕上的阅读更让人洩气。
, K3 {/ L/ u2 yjustfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务，相信有天我们也能在萤幕上读到赏心悦目的内容。
来源:insidehttp://www.inside.com.tw/2012/09/06/does-typography-matter