作者ACQVV (机会是给随时准备好的人)
看板Web_Design
标题Re: [请益] 疏朗的感觉
时间Sun Aug 6 10:38:06 2006
(恕删)
前面推文 有部分版友提到关於浏览器支援的问题
那是跟部分程式相关 在这边就不多提
以下是小的针对网页排版美工部分粗浅的见解
1. 首先 目前电脑萤幕的呈现大部分的使用者都开始迈向1024*768
但是仍有部分使用者习惯800*600
所以如果是使用表格制作框架
可以一开始拉一个两栏总宽度为900-1000之间的表格
置中以後将左边的栏宽设定为800
这样 你可以将比较重要的东西放在左栏中呈现
次要的东西放在右栏中(例如小广告小说明或者是比较次要的消息)
这样一来可以增加你表现的空间 二来可以塞进去更多资讯
可以让整体空间 视觉上更宽阔 也顾虑到不同的使用者
2. 关於字体的部分 可以做部分的改小 改粗 分出层次等级
我们来研究一下YAHOO的新首页
http://tw.yahoo.com/preview.html
第一 用色统一
第二 字体偏小
因此建议 可以主要标题使用粗体 深色
内容用同级的字体 浅色 #333333 #666666 #999999 都是可以充分表现质感又好搭的色
因为你的版面 字体都等大 等粗
光是排版上就分不出主客 给人一下子重点太多 让人觉得不够分明
可以参考这个网站公告的部分(notice) 就是使用这种手法 分出主客和层次
http://www.dooreedu.com/
另外一种方式是原PO有使用的图片标题
因为原PO有使用在这边就不多说明
建议的部分是
图片标题的美工
其实 不一定要用到强烈的图腾 色彩来突显
因为这个版面的色很多(下一点会深入说明)
建议可以使用跟底色相同的色来当底 然後再加上一点点的小变化
可以继续参考刚刚那个网站(NOTICE V.S. FIND FILE)看起来既大方又乾净
很适合想做清爽版面的人参考
3. 网页用色
首先 我必须先澄清 我不是恶意批评
只是 我个人的浅见
第一眼开启网页看到的一定是色彩
所以 主色会带给使用者很多讯息(关於色彩心理学就太复杂了 请自行上网查阅)
但是我个人觉得原PO使用太多强烈色调
因为这个版面比较小 想提供的讯息又如此繁多
颜色就是很重要的关键了
首先黑色是很容易让人产生印象的颜色
因此 一个页面尽可能不要使用大量的黑色
除非你是黑底 那就需要很多很强烈的色彩来丰富面板
因为原PO老板需求比较偏向清爽 乾净的感觉(个人推测)
因此 建议前面所提 次要文字的部分改成更浅的颜色(不要浅到看不见就可以)
框架内的每一个点 前面又使用不同色的方块
原PO本来是好意区隔 在这边却显得画蛇添足了
其实还是可以用不同色 但建议使用浅色
以下这个网站提供参考他的配色
一样的主客分明 并利用浅色块作区隔
http://www.audi.co.kr/
4. 另外 因为不知道原PO使用什麽编辑器
如果有使用Dreamweaver可以多使用图层的功能 建立出画面的层次
可以让画面更有立体感和变化
如果会flash当然更好
可以把上面的logo改成具有小部分flash的动画 让整体画面更加分
下面这个网站提供参考
http://www.bukp.or.kr/
关於flash的部分有flash版可以参考
网路上也有不少论坛
这样的效果 对自学者来说 不算太困难 多爬点文就会了
5. 最後 关於网页开启的部分
希望原po能将内置框架内的连结改掉
不太适合在内置框架内开启
可以选择 开启新视窗target="_blank"
如果不想开启过多视窗可以使用target="_parent" 在同页开启这类的语法
我想应该比较恰当^^
希望以上能对原po有一点小小小小的帮助
以上是个人的浅见
如果有任何言词上的冒犯很感到抱歉
因为不是一个太会说话的人 这也是我在这个板上的第一po
希望多多见谅^^"
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.124.57.189
1F:推 capsde:谢谢您 提供不少可资参考的意见 感谢! 08/06 11:44
2F:推 grassboy2:推一个!好精僻啊!!!!!! 08/06 16:39
3F:推 danial:好专业喔~ 你为什麽那麽厉害? 08/06 17:47
※ 编辑: ACQVV 来自: 59.124.57.189 (08/07 08:50)