前两天第一次学会改css设定，於是把版面的字体、字距、行距等排版都改了 也把我对部落格文章排版的想法写了一篇文章，大家不嫌弃的话就看看吧 网志版：http://hgc0818.pixnet.net/blog/post/23323192 ----------------------------------------------------------------- 无论你写的是书面报告、企画书、论文或是部落格，只要是给人看的，就应该要去注意阅 读的舒适度。我以前大学的时候，也曾经有过活动秩序册排版太差，而被学长痛骂一顿整 本退回的经验，当时还觉得不以为然，觉得是学长太过龟毛了。直到研究所被教授严厉的 钉过论文後，在不知不觉间把字型、版面编排内化成基本要求，现在看到学弟妹交上来的 书面资料或是看到别人毫无修饰的部落格，也是觉得苦不堪言呀。 以部落格为例，经常看到有些人的版面乱七八糟，一堆字都叠在一起，或是内文字 型太小，手动放大时边栏与主标却又大过头而挤在一起的状况。通常我看这种部落格，如 果是陌生人，是直接视为拒绝往来户的 ，如果是好朋友的部落格则是直接开骂，但如果 是亲戚或是其它想要去关心的朋友，就只好忍耐着看完了。 也有些人是自认自己阅读时可自行调整内文大小(调整萤幕解析度或是简易的利用 CTRL加滑鼠滚轮)就可解决阅读的问题，却无视许多的阅读者或许对电脑的使用并不精通 。亦或使用自己惯用的浏览器、作业系统或显示器时阅览时并无大碍的方式在编辑自己的 部落格，却疏忽了其它不同状况可能会造成不便甚至无法阅读的状况。(不过这种状况不 多啦，稍微注意一下就行了) 刚接触部落格不久的我，之前一直不知道原来版型是可以自己手动调整的，而一直傻 傻的找一个最能接受的版型来套用就不再更改，但我前一个版型的行距太过狭窄也是让我 整整痛苦的看了两个月呀。直到前几天看到别人和我一样的版型却又不同的行距，一问之 下，才知道原来是可以自行修改後台"样式管理"的css编码来调整的。(ps.我一直都是个 程式白痴，下面分享的都是简单又好用的程式码改写喔) 我第一个学习调整的就是两排文字间的行距了，只需要在css的程式中找到 line-height 的选项，去修改其後面的数值就行了。由於网路的阅读，眼睛与文字的距 离比平常看书的时候更远，所以行距应该要比书面编辑的排版更大才行。我调整的结果， 26px是我的目前最满意的行距，约字级高度的70%左右。但原则上大家还是以自己眼睛来 做判断会最准，不过通常最好不要低於字级高度的50%。 行有余力的话，也可以调整字与字之间的左右距离，一样是去後台，调整 letter-spacing就行了，我目前的字距是1.8px，也给各位做个参考。 内文字的大小，我之前是习惯用字型14灰色的标楷体，阅读起来感觉会比较舒服优雅 。後来却偶然发现，在别人的萤幕上由於明度对比不够，所呈现的灰色会看不清楚，而且 这种状况我还在不同人的电脑遇到了两次。偏偏我的部落格内建的文字系统，在标楷体14 的时候无法变成黑色，但12的字又太小，最後我只好使用我次一等喜欢的新细明体12的字 型了，也就是现在大家看到的。 侧边栏位的部分，也是我之前的版型以及我在许多人的部落格都有发现到的严重问题 ，就是字实在是太小了，虽然还勉强算是看得清楚，但毕竟称不上是舒适。於是我又去後 台把侧边栏位每个font-size:11px的字体，改成12px，大了一点点，可是整体阅读舒适度 却是差了十万八千里呀。 最後再给大家一个我个人在部落格写作上的经验，在段落与段落之间，最好是利用空 行来做分段，有时候如果每段落中的文字较多较长，即使用空行来做分段仍会有挤在一起 (最好不要超过200字，网路也不适合长段落的阅读)，我通常会利用enter空行之外，再利 用shift+enter换行，来让段落与段落之间更为明显清楚好阅读。 (写这篇时，发现因为我把行距变高了，回头看之前的文章，段落间反而空太远了，这篇 後来就改成用两次shift+enter) 以上，是我自己在部落格写文两个月来的经验谈，给各位做个参考。每个人的套用版 型与喜好不同，最好还是自己找出一套最适合的文字编排方式。稍微花一点点心思，你可 以让每个愿意来你的部落格关心你或是阅读你想法的人，更能够享受到舒适的阅读环境。 也欢迎大家给我一些排版上的建议罗。 -- 狮子歌歌blog： http://hgc0818.pixnet.net/blog/ --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 220.139.143.184