找回密码
 注册
广告投放 虚位以待【阿里云】2核2G云新老同享 99元/年,续费同价做网站就用糖果主机-sugarhosts.comJtti.com-新加坡服务器,美国服务器,香港服务器
查看: 54|回复: 0

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

[复制链接]
发表于 2012 年 10 月 13 日 18:18:18 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?注册

×
时下有关数位环境的教科书说,萤幕的使用习惯以浏览为主,而且图片比文字更吸引人,主要以娱乐或仪式性使用为主(例如,打开Facebook开始一天的生活,但关掉后立刻忘记刚刚看了什么),而不适合吸收完整的知识。摄取更全面、完整的知识,还是要靠纸本。没错,这是萤幕显示时代我们不愿面对的真相:基于某些原因,我们很难有意愿在萤幕上好好的读一篇文章。
4 s8 }( O5 Y( V/ J$ t为什么?有很多大小原因,但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好,大多时候是硬体的问题,但让这问题更严重的因素则是出在软体:不妨问问自己,有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例,有许多网页的设计忽略了某些重要的平面设计原则,例如适当的字体大小、字型选择、文字与背景的对比,以及行距。介面设计大师OliverReichenstein早在2006年就提出了,网页上95%的内容其实都是「typography」,试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要,同样应该被使用。
8 R, H! l9 G. x许多人惊讶的问:「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
& k4 z0 X! V$ J- z# qtypography不只是选字型
4 v, H& l. R% b% u  Z但事实上typography不只是选字型,还包括字型的组合,更有关于精确的测量:行高、区块之间的距离关系,以及整体垂直排版的韵律感(verticalrhythm)等等,都是传统排版的重点,因为斤斤计较几个pt(最小的印刷单位)的相对关系,所以可说个相当偏执,相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?),目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出,这些原则在网页上也同样要被注重,我们才可以不再只是浏览,而可以长时间阅读而不感到疲累,只是过去有两个迷思:
5 f$ ]  R# B+ h: N  j迷思一:萤幕解析度不够,所以用字型也是枉然
3 F* L( O1 }& I0 s( d当然,这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi,可以说是超越了印刷纸本的起始水准,包含各种显示面板解析度的跃进,字型的显示效果可以说是越来越好了。在中文来说,虽然有许多字型还需要经过数位调校,才会让萤幕显示效果更好,但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时,可以感受到接近完美的视觉效果,连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont,都让从前只能放图代替文字的困境解决了。
. l) Q; c3 Y  ]9 x$ y迷思二:还没有那么多webfont可以用啊
; l" H) W% g$ d" _这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字,英文大小写字母加上符号最多不过上百),再加上传统字型公司有许多的版权议题争议,都让中文的webfont进展缓慢。但跟上一点一样,typography不是只有选字型。就算没有好字型,也可以用心在排版细节上。Reichenstein就提到,文艺复兴的义大利字体设计师当时只能用一种活字,但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多,我们还是可以透过对细节的注重创造好的排版设计。
" P" P6 j, G2 @/ o4 Z( M  S% Z# H- c5 S$ A3 T% K
; F# y0 T2 a6 A9 q
                               
登录/注册后可看大图
' P# m6 Z/ t: d
文艺复兴的排版,只有一种字体,依然经典。(图片来源:WikimediaCommons)
% j7 R0 e. L/ k8 f另外在台湾justfont也常常会听到朋友们说,这种偏执的细节,一般人应该不会注意到吧?但事实上,就是这种偏执的细节,让整体版面更好读,好读到不会特别注意,因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的,例如设计不良的字体曲线控制点不干净,容易造成小亮点,让眼睛增加负担;笔画没有适当收束,让线条糊在一起;许多网页甚至把字体大小设定为10px,再加上过挤的行距、不理想的背景对比,让萤幕上的阅读更让人洩气。
+ g7 H. F6 \/ Z/ f2 }justfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务,相信有天我们也能在萤幕上读到赏心悦目的内容。
, c0 X4 j- S+ T* ~来源:inside
8 k+ Y1 Q+ H" _: V' D. N; h时下有关数位环境的教科书说,萤幕的使用习惯以浏览为主,而且图片比文字更吸引人,主要以娱乐或仪式性使用为主(例如,打开Facebook开始一天的生活,但关掉后立刻忘记刚刚看了什么),而不适合吸收完整的知识。摄取更全面、完整的知识,还是要靠纸本。没错,这是萤幕显示时代我们不愿面对的真相:基于某些原因,我们很难有意愿在萤幕上好好的读一篇文章。
' i& `' C1 w7 r( P$ ~. m为什么?有很多大小原因,但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好,大多时候是硬体的问题,但让这问题更严重的因素则是出在软体:不妨问问自己,有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例,有许多网页的设计忽略了某些重要的平面设计原则,例如适当的字体大小、字型选择、文字与背景的对比,以及行距。介面设计大师OliverReichenstein早在2006年就提出了,网页上95%的内容其实都是「typography」,试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要,同样应该被使用。8 I. A# c+ y7 n) }- S: w2 h3 w
许多人惊讶的问:「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
% O+ ^1 N# a0 ptypography不只是选字型" v7 s* y# Z% \/ U7 I) X: F0 g7 L
但事实上typography不只是选字型,还包括字型的组合,更有关于精确的测量:行高、区块之间的距离关系,以及整体垂直排版的韵律感(verticalrhythm)等等,都是传统排版的重点,因为斤斤计较几个pt(最小的印刷单位)的相对关系,所以可说个相当偏执,相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?),目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出,这些原则在网页上也同样要被注重,我们才可以不再只是浏览,而可以长时间阅读而不感到疲累,只是过去有两个迷思:2 s! Q" g+ Q) @4 G+ f. I
迷思一:萤幕解析度不够,所以用字型也是枉然
( L( N. Q5 E% d  O2 H2 S当然,这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi,可以说是超越了印刷纸本的起始水准,包含各种显示面板解析度的跃进,字型的显示效果可以说是越来越好了。在中文来说,虽然有许多字型还需要经过数位调校,才会让萤幕显示效果更好,但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时,可以感受到接近完美的视觉效果,连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont,都让从前只能放图代替文字的困境解决了。
5 \3 O* n4 |" B. q5 x迷思二:还没有那么多webfont可以用啊1 s3 G5 G# D: R; X! w0 N8 Q  |- A
这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字,英文大小写字母加上符号最多不过上百),再加上传统字型公司有许多的版权议题争议,都让中文的webfont进展缓慢。但跟上一点一样,typography不是只有选字型。就算没有好字型,也可以用心在排版细节上。Reichenstein就提到,文艺复兴的义大利字体设计师当时只能用一种活字,但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多,我们还是可以透过对细节的注重创造好的排版设计。7 j7 B/ e$ c) [2 @
$ p% q" f/ X; Q, n
4 E* g4 W" ^* l, r& D8 z% w
                               
登录/注册后可看大图
+ }3 k# F5 [  {5 w
文艺复兴的排版,只有一种字体,依然经典。(图片来源:WikimediaCommons)6 Q7 S) R' c. {- E  m7 P* r3 P
另外在台湾justfont也常常会听到朋友们说,这种偏执的细节,一般人应该不会注意到吧?但事实上,就是这种偏执的细节,让整体版面更好读,好读到不会特别注意,因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的,例如设计不良的字体曲线控制点不干净,容易造成小亮点,让眼睛增加负担;笔画没有适当收束,让线条糊在一起;许多网页甚至把字体大小设定为10px,再加上过挤的行距、不理想的背景对比,让萤幕上的阅读更让人洩气。
9 C! v. r9 e% [( d7 k  @justfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务,相信有天我们也能在萤幕上读到赏心悦目的内容。* e; R2 M% h+ d& S; N
来源:inside
8 z3 Z! X# L% E2 O时下有关数位环境的教科书说,萤幕的使用习惯以浏览为主,而且图片比文字更吸引人,主要以娱乐或仪式性使用为主(例如,打开Facebook开始一天的生活,但关掉后立刻忘记刚刚看了什么),而不适合吸收完整的知识。摄取更全面、完整的知识,还是要靠纸本。没错,这是萤幕显示时代我们不愿面对的真相:基于某些原因,我们很难有意愿在萤幕上好好的读一篇文章。) y$ G, w; |3 W
为什么?有很多大小原因,但最主要的恐怕还是因为伤眼。萤幕太亮对眼睛不好,大多时候是硬体的问题,但让这问题更严重的因素则是出在软体:不妨问问自己,有多少平常会逛的网页、部落格的文章阅读起来是跟纸本一样舒服的?以网页为例,有许多网页的设计忽略了某些重要的平面设计原则,例如适当的字体大小、字型选择、文字与背景的对比,以及行距。介面设计大师OliverReichenstein早在2006年就提出了,网页上95%的内容其实都是「typography」,试图与大家解释「印刷时代」的排版原则为何在「萤幕显示时代」还是同样重要,同样应该被使用。8 P" [3 D* J7 F- l# g* d) X6 F
许多人惊讶的问:「哈?typography?字型学?那不就只是选好看的字而已吗?网页设计怎么会95%都在选字型?」
. O& r1 \' h  i5 B% A; htypography不只是选字型. `; P% q( J) h) D5 z" ~2 i
但事实上typography不只是选字型,还包括字型的组合,更有关于精确的测量:行高、区块之间的距离关系,以及整体垂直排版的韵律感(verticalrhythm)等等,都是传统排版的重点,因为斤斤计较几个pt(最小的印刷单位)的相对关系,所以可说个相当偏执,相当要求完美的领域(记得SteveJobs怎么养成偏执狂的吗?),目的就是为了让内容本身完美的在媒介上呈现给读者。Reichenstein在他的文章中提出,这些原则在网页上也同样要被注重,我们才可以不再只是浏览,而可以长时间阅读而不感到疲累,只是过去有两个迷思:
) _! ]2 V2 E; W' r- D2 _2 Y迷思一:萤幕解析度不够,所以用字型也是枉然
' H6 i: z( e0 V当然,这个在2006年提出的说法到现在已经不攻自破了。视网膜萤幕(RetinaDisplay)在iPhone4的像素密度已经来到惊人的326dpi,可以说是超越了印刷纸本的起始水准,包含各种显示面板解析度的跃进,字型的显示效果可以说是越来越好了。在中文来说,虽然有许多字型还需要经过数位调校,才会让萤幕显示效果更好,但至少目前我们已经有了信黑体。相信有视网膜萤幕的朋友看这篇文章时,可以感受到接近完美的视觉效果,连纸本都没有如此好看。再加上越来越多的webfont服务--连中文都有了justfont,都让从前只能放图代替文字的困境解决了。6 W3 |( ~9 S8 v5 R# s
迷思二:还没有那么多webfont可以用啊
# J) K8 d4 {. t$ f& Y, ~5 X0 U+ i% G1 {+ @这个部分在中文世界的确还是如此。中文不但档案大、制作远比拉丁字母费时费工(博大精深的中文字至少有一万三千个常用字,英文大小写字母加上符号最多不过上百),再加上传统字型公司有许多的版权议题争议,都让中文的webfont进展缓慢。但跟上一点一样,typography不是只有选字型。就算没有好字型,也可以用心在排版细节上。Reichenstein就提到,文艺复兴的义大利字体设计师当时只能用一种活字,但还是造就了人类文化史上最出色的印刷作品。这就足以告诉我们即便中文webfont不多,我们还是可以透过对细节的注重创造好的排版设计。
. d: S: P& K: Q* m8 p3 L% N
8 @2 k7 O# c7 d/ {
  n* U/ f% @0 t3 F2 s
                               
登录/注册后可看大图

$ X" R" F9 z3 s! H! W) |文艺复兴的排版,只有一种字体,依然经典。(图片来源:WikimediaCommons)
6 V# `  P2 l; f) `另外在台湾justfont也常常会听到朋友们说,这种偏执的细节,一般人应该不会注意到吧?但事实上,就是这种偏执的细节,让整体版面更好读,好读到不会特别注意,因为能够非常专注在内容上。可惜目前实在有太多网页设计的排版是对眼睛不好的,例如设计不良的字体曲线控制点不干净,容易造成小亮点,让眼睛增加负担;笔画没有适当收束,让线条糊在一起;许多网页甚至把字体大小设定为10px,再加上过挤的行距、不理想的背景对比,让萤幕上的阅读更让人洩气。9 s+ E: `4 `3 [" A
justfont相信我们需要引进更多平面设计的排版知识到网路上。再搭配越来越强大的CSS功能与各种设计模组以及webfont服务,相信有天我们也能在萤幕上读到赏心悦目的内容。% Q* w, A2 M8 b% y
来源:insidehttp://www.inside.com.tw/2012/09/06/does-typography-matter) O) h6 b& x' c9 l7 K' \) g6 J
Jgwy.Com - Free Web Hosting Guide & Directory In China since 2001! Jgwy.Net-Jglt.Net
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|金光论坛

GMT+8, 2025 年 5 月 17 日 12:53 , Processed in 0.018795 second(s), 23 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表