Web_Design 板


LINE

(恕删) 前面推文 有部分版友提到关於浏览器支援的问题 那是跟部分程式相关 在这边就不多提 以下是小的针对网页排版美工部分粗浅的见解 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)







like.gif 您可能会有兴趣的文章
icon.png[问题/行为] 猫晚上进房间会不会有憋尿问题
icon.pngRe: [闲聊] 选了错误的女孩成为魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一张
icon.png[心得] EMS高领长版毛衣.墨小楼MC1002
icon.png[分享] 丹龙隔热纸GE55+33+22
icon.png[问题] 清洗洗衣机
icon.png[寻物] 窗台下的空间
icon.png[闲聊] 双极の女神1 木魔爵
icon.png[售车] 新竹 1997 march 1297cc 白色 四门
icon.png[讨论] 能从照片感受到摄影者心情吗
icon.png[狂贺] 贺贺贺贺 贺!岛村卯月!总选举NO.1
icon.png[难过] 羡慕白皮肤的女生
icon.png阅读文章
icon.png[黑特]
icon.png[问题] SBK S1安装於安全帽位置
icon.png[分享] 旧woo100绝版开箱!!
icon.pngRe: [无言] 关於小包卫生纸
icon.png[开箱] E5-2683V3 RX480Strix 快睿C1 简单测试
icon.png[心得] 苍の海贼龙 地狱 执行者16PT
icon.png[售车] 1999年Virage iO 1.8EXi
icon.png[心得] 挑战33 LV10 狮子座pt solo
icon.png[闲聊] 手把手教你不被桶之新手主购教学
icon.png[分享] Civic Type R 量产版官方照无预警流出
icon.png[售车] Golf 4 2.0 银色 自排
icon.png[出售] Graco提篮汽座(有底座)2000元诚可议
icon.png[问题] 请问补牙材质掉了还能再补吗?(台中半年内
icon.png[问题] 44th 单曲 生写竟然都给重复的啊啊!
icon.png[心得] 华南红卡/icash 核卡
icon.png[问题] 拔牙矫正这样正常吗
icon.png[赠送] 老莫高业 初业 102年版
icon.png[情报] 三大行动支付 本季掀战火
icon.png[宝宝] 博客来Amos水蜡笔5/1特价五折
icon.pngRe: [心得] 新鲜人一些面试分享
icon.png[心得] 苍の海贼龙 地狱 麒麟25PT
icon.pngRe: [闲聊] (君の名は。雷慎入) 君名二创漫画翻译
icon.pngRe: [闲聊] OGN中场影片:失踪人口局 (英文字幕)
icon.png[问题] 台湾大哥大4G讯号差
icon.png[出售] [全国]全新千寻侘草LED灯, 水草

请输入看板名称,例如:Tech_Job站内搜寻

TOP