标题:
用PHOTOSHOP设计网页的要点
[打印本页]
作者:
yang3wei
时间:
2011-9-24 10:08
标题:
用PHOTOSHOP设计网页的要点
1、 网页文档尺寸与分辨率
网页文档一般为1007*600和708*800像素,分辨率为72像素,这是屏幕分辨率,太高的分辨率并不能增强效果,反而会降低下载速度。一般情况下,大型网站不要超过3屏。
2、 颜色
网站背景颜色与文件颜色要统一协调,一般不要超过两种,一些网站被批评为脏、乱、差,其要害是颜色搭配不合理,或者太多,给人一种不舒服的感觉。
3、 字体与标题
导航字体一般用黑体,正文一般用宋体,其它字体浏览器不兼容,可能造成调试时出错,给工作带来麻烦。如果为增强页面效果用到其它字体,则最好在用Dreamweaver前在Photoshop切分及图片,字体的颜色设置要考虑到整个页面效果。
4、 布局格式
虽然效果图是用Photoshop设计的,但一定要兼顾到Dreamweaver对页面布局的要求,Dreamweaver下网页布局是使用‘国’字形,还是其他模式,是否使用框架,使用框架的类型是哪一种,都是在设计前要考虑到的。否则会造成效果图与最后的网站布局出现出入,给客户和自身带来麻烦和损失。
5、 图文搭配
一个好的网站是图片多好还是文字多好,这要视网站的功能、行业、目的而定,但有个原则就是图文合理配置,而图片则要按一定的空间分布进行和谐分布。另外,图片大小要合乎美学原则,不能太大,一般用缩略图较好,如果要显示更多的图片细节,不妨给缩略图链接一个大的图片。
6、科学地使用参考线
参考线是设计页面布局的有效辅助工具,我们可以先用横参考线将网页布局分成几大版块,然后用竖参考线将每个板块按我们的思路分为几个小板块,最后再整体观察一下。要精确定位网页元素,可用对齐参考线的方法来实现:“视图”—“对齐到”—“参考线”,而参考线的精确定位可以借助标尺和网格来实现,这里要注意的是网站的Logo和Banner或者导航条等都是事先设计好的,有固定大小,在做这些区域时尺寸一定要按照这些元素尺寸设计,不能有丝毫差错,否则进入DreamWeaver整合时,则可能出现空边或撑开表格的现象。
作者:
xjt19889618
时间:
2012-1-13 17:22
他们这帮狗日的骗子帮你免费测试上排名根本就不是用他家的百度排名点击器做的,他家的所谓百度排名点击器根本就是骗子软件,用了之后马上就被K站,揭露骗子QQ 97054085 骗子电话0532-81105070 骗子手机 13708970206
作者:
充隐
时间:
2012-5-4 15:36
就是不会这个,来看看。
欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)
Powered by Discuz! 6.1.0