我提出一些不一样的看法 ... ※ 引述《ACQVV (机会是给随时准备好的人)》之铭言： : (恕删) : 前面推文 有部分版友提到关於浏览器支援的问题 : 那是跟部分程式相关 在这边就不多提 : 以下是小的针对网页排版美工部分粗浅的见解 : 1. 首先 目前电脑萤幕的呈现大部分的使用者都开始迈向1024*768 : 但是仍有部分使用者习惯800*600 : 所以如果是使用表格制作框架 : 可以一开始拉一个两栏总宽度为900-1000之间的表格 : 置中以後将左边的栏宽设定为800 : 这样 你可以将比较重要的东西放在左栏中呈现 : 次要的东西放在右栏中(例如小广告小说明或者是比较次要的消息) : 这样一来可以增加你表现的空间 二来可以塞进去更多资讯 : 可以让整体空间 视觉上更宽阔 也顾虑到不同的使用者 这点我觉得以原po的网站来看还好 他做的网站并非像商业网站或portal网站一页之中有相当密集的资讯要呈现(还要加广告) 排版虽然是三栏式 但左右两栏仅是放网站主要浏览选单和某内容的次要选单 中间那栏是放各式出版文章表列及特定文章内容 他以总宽度760px配合上选定的字型大小(字型大小方面基於其他原因我也是觉得要再往下调整) 区块之间也有适当margin(但三栏各自的宽度要再做调整) 以版面整体看来我觉得 他设的总宽度已经足够了 不论是在800*600或是1024*768都ok : 2. 关於字体的部分 可以做部分的改小 改粗 分出层次等级 : 我们来研究一下YAHOO的新首页 : http://tw.yahoo.com/preview.html : 第一 用色统一 那是风格的差异 我觉得多点颜色也没什麽不对 原po的网页也不是用了相当混乱的配色 且用的颜色也蛮素雅的 彼此对比还蛮调和的 : 第二 字体偏小 我也是同意字的大小可以往下调整 但我不会拿yahoo的新网页来做例子(因我的理由和回文者不一样) yahoo是个portal 它的网页是典型资讯密集度相当高例子 视觉上通常以多个并列的小box来呈现资讯 大部分box里面都是一列简短叙述及连结 考虑到整体版型和最重要的:资讯搜寻的效率, 的确会网页字体会偏小(但也不会小到失去可读性) 我认为原po原来字型大小和整体版型的搭配上倒是没有问题 但为什麽他的老板会觉得不够'舒朗' 为什麽我觉得他的字型可以再缩小 我是觉得是和中间栏位主要内容的legibility和阅读其内容的使用者之阅读效率有关 这些考量牵涉到了内容的字型, 字型的大小, 边界, 一行的字数, 以及行距 (我并未学过和排版有关的理论 这些是我看了一些欧美针对网页legibility和usability的研究报告 及自己试验的结果所得到的心得 不知道中文世界有没有一样的研究 如果我有错误的地方请 本科专业人士纠正) 原po的网页不够'舒朗'原因之一我想可能是出在一行的字数不够长 欧美的研究是说一行的最适阅读字元数大概是在40至60个character之间(大概是11~15个单字) 我也看过说是50至80个character的结论 (当然 结论前提是基於在萤幕上可阅读的最适字体大小) 中文内容当然不能以此套用 我自己的经验是在萤幕适当字体大小下一行少於30个字就读起来不太舒服了 (或许原po可去参考一般平面书籍的中文排版) 所以建议原po适度缩小字体增加一行的字数 另外 版型两侧的栏位宽度也可缩小一点 增加中间栏位内文可容纳的字数 (尤其是右侧栏位 看起来是宽了一点 首页中的黏贴相片效果也过度侵占到内文的空间) 再来可能是原po未对内文设置适当的行距 原po网页每一行文字都挤在一起的确会造成阅读的舒适感(不够舒朗)及效率的降低 建议以css的line-height来做调整适当的行距的动作 : 因此建议 可以主要标题使用粗体 深色 : 内容用同级的字体 浅色 #333333 #666666 #999999 都是可以充分表现质感又好搭的色 我相当同意标题与内容字体颜色以深浅做划分 但我觉得列举的颜色值不太恰当 他没有考虑到与内文的背景色搭配所产生的可读性问题 原po网页内文底色是纯白(#ffffff) #333333的确不错 其他两个#666666和#999999与纯白背景对比差异有点过小 我认为容易造成阅读者眼睛的疲累 加上原po首页外其他网页内文还有带背景图(这点我倒是觉得有点多余了) 也不宜将颜色弄的太浅 : 因为你的版面 字体都等大 等粗 : 光是排版上就分不出主客 给人一下子重点太多 让人觉得不够分明 百分百同意 : 可以参考这个网站公告的部分(notice) 就是使用这种手法 分出主客和层次 : http://www.dooreedu.com/ : 另外一种方式是原PO有使用的图片标题 : 因为原PO有使用在这边就不多说明 : 建议的部分是 : 图片标题的美工 : 其实 不一定要用到强烈的图腾 色彩来突显 : 因为这个版面的色很多(下一点会深入说明) : 建议可以使用跟底色相同的色来当底 然後再加上一点点的小变化 : 可以继续参考刚刚那个网站(NOTICE V.S. FIND FILE)看起来既大方又乾净 : 很适合想做清爽版面的人参考 我到不会觉得标题的颜色太强烈 还蛮素雅的 也清楚了划分了网页内的段落 您说得例子我觉得也是风格不同而已 3. 网页用色 : 首先 我必须先澄清 我不是恶意批评 : 只是 我个人的浅见 : 第一眼开启网页看到的一定是色彩 : 所以 主色会带给使用者很多讯息(关於色彩心理学就太复杂了 请自行上网查阅) : 但是我个人觉得原PO使用太多强烈色调 : 因为这个版面比较小 想提供的讯息又如此繁多 : 颜色就是很重要的关键了 : 首先黑色是很容易让人产生印象的颜色 : 因此 一个页面尽可能不要使用大量的黑色 : 除非你是黑底 那就需要很多很强烈的色彩来丰富面板 不会吧 用色还均匀 我看的感觉还蛮ok的 成功的带出中国文学风 (我觉得只要不是给人过於混乱或是错误的印象 用色的style是蛮见仁见智的) : 因为原PO老板需求比较偏向清爽 乾净的感觉(个人推测) : 因此 建议前面所提 次要文字的部分改成更浅的颜色(不要浅到看不见就可以) : 框架内的每一个点 前面又使用不同色的方块 : 原PO本来是好意区隔 在这边却显得画蛇添足了 : 其实还是可以用不同色 但建议使用浅色 : 以下这个网站提供参考他的配色 : 一样的主客分明 并利用浅色块作区隔 : http://www.audi.co.kr/ : 4. 另外 因为不知道原PO使用什麽编辑器 : 如果有使用Dreamweaver可以多使用图层的功能 建立出画面的层次 : 可以让画面更有立体感和变化 : 如果会flash当然更好 : 可以把上面的logo改成具有小部分flash的动画 让整体画面更加分 整体画面会不会加分及有没有必要加flash我到是有点怀疑 原po的logo很好看也带出了网站主题 其实这个网站最重要的我相信是作家本人的写作内容 毕竟这不是个强调视觉设计或是在卖视觉的网站 加flash也不会对网站的内容传达有实质上的助益 (加上我还看过一些研究有关使用大header网站使用者的浏览行为的文章 观察结果是说大部分的使用者通常会只会看一眼就直接略过这个大header去浏览网页中的 主要内容 如果又用加上无谓的flash动画在这个header上 岂不是分散阅读者的注意力) 所以加上flash我觉得可能有点过於卖弄也浪费频宽和loading time : 下面这个网站提供参考http://www.bukp.or.kr/ : 关於flash的部分有flash版可以参考 : 网路上也有不少论坛 : 这样的效果 对自学者来说 不算太困难 多爬点文就会了 : 5. 最後 关於网页开启的部分 : 希望原po能将内置框架内的连结改掉 : 不太适合在内置框架内开启 : 可以选择 开启新视窗target="_blank" : 如果不想开启过多视窗可以使用target="_parent" 在同页开启这类的语法 : 我想应该比较恰当^^ 除了视觉排版以外 我觉得原po网页结构的问题还比较大 像首页中每个段落的内容为何要分别放置於个别的iframe中 以及只用大张图来做网站选单和次选单 ... 等等 这都会造成usability和accessibility的问题 ---------------------------------------------------------------------- 以上纯属个人浅见 ..... --

※ 发信站: 批踢踢实业坊(ptt.cc) ◆ From: 220.131.20.143 ※ 编辑: elan 来自: 220.131.20.143 (08/07 13:00)