关于 Flash Banner 设计的建议

0

banner 设计会严重影响广告投放效果,在此建议相关设计人员,在设计FLASH BANNER的时候考虑到以下问题。

   1. 尽量减少矢量图形的路径节点数:

   矢量图形显示是由计算机通过CPU即时运算得到的,矢量图形通过对节点的位置定义、线的曲度定义、面的填充色的各种

  属性定义来得到图形,而作为基本元素点的数量直接影响到线、面的数量,也就影响到CPU占用量。

   2. 作为装饰的比较复杂的小型文字、logo重复使用时尽量用位图:

   这是在下载字节量和CPU占用量间做一个平衡,因为文字本身就是比较复杂的矢量图形,然而很多情况下作为背景和装饰使

  用时不需要矢量的清晰程度,这时使用位图会很大程度的降低CPU消耗,并把部分消耗转移到显卡的CPU和内存上。只要位

  图的绝对面积不太大,使用位图和矢量的字节量差异不大。

   3. 可以用一小张位图作为颜料填充出一些重复的图形、肌理式的背景:

   导入一小张可作四方连续的底图,用于一些特殊效果。

   4. 尽量减少动态MC的多层套嵌:多层套嵌会导致CPU对图形、位置、大小等数据不断重复计算,加重CPU负荷

   5. 尽量减少多个MC在同一帧内同时运动:

   多个MC同时运动会造成CPU峰值高涨,播放速度减慢,可以设计创意时加以避免,把MC的运动比较平均的放于不同帧,避免

  集中。

   6. 避免大面积位图的移动、变形,能在外部软件中变形的,就不要放到 flash 里来做,放大缩小后再导入。

   7. 尽量减少MC做大小、旋转的急剧变化:

   如果再加上是复杂图形,或是位图,或是动态MC多层套嵌,那必然会引起 CPU使用峰值的急剧升高,图象会忽然变得很慢。

   8. 在可能的情况下尽量减小Flash动画在屏幕显示中所占的比例

   也可以理解为尽量做的面积小一些,或是包含运动的区域小一点。例如:作遮幅以减少动画面积,较大的底图上作些有创意

 底小面积动画。只利用flash 作透明的关键动画,使它浮在底图上面,这样即结合底图减少CPU占用,又可以分成flash和图

 片两个线程下载,加快了下载速度。

   9. 减少每秒帧数:在效果损失不大的情况下,尽量减少每秒帧数。

   10. 使用FLASH5格式生成文件:

   当前有FLASH6播放插件的用户还很少,使用FLASH 6格式播放的文件需要比较长的时间下载插件,会影响速度。

   蓝色与国内flashcoder 群补充:

   从Flash程序上来说,尽量减少使用循环复制MC,及时删除无用的MC和变量,释放内存,以减少客户端消耗。尽量避免使用

 复杂的 AS 运算。

   避免在首帧一次载入大量的元素,因为在此下载过程中,你的BANNER是一片空白。

   一定要设置背景颜色,因为投放网站不会每次为你改HTML的背景色代码。

   尽量针对不同尺寸的BANNER单独制作Flash,而非做出一个后,用HTML放大缩小。

   要多预备一个动画 GIF 版本。香港网站普遍还要加一个 clickTag 参数作联结(clickTag是variable, 真正连结通

 过flashhtml, swf?clickTag=http..传入 )。Yahoo 要求只能是 flash5 (制作过程中注意 as 兼容性)

   静态文字在导出前统统打散,可以减少文件大小,如果嫌以后修改麻烦,可以先复制一个引导层放原始文字。

   所有的图片在外部用图像压缩工具压缩,比如ps,最好是 fireworks,不要用flash里面压缩。

   能用纯色,尽量用纯色,不能用的话也尽量用不透明过渡,尽量少用透明过渡色,少用透明渐变。

   特别强调,千万不要在 flashBanner 里加声音,大忌。

如何在使用层布局时使层居中显示

0

用Dreamweaver8编辑网页,使用层布局网页的时候,如果精确定位层的位置,
比如:

<style type=”text/css”>
#Layer23 {
position:absolute;
left:60px;
top:260px;
width:128px;
height:20px;
z-index:18;
}
</style>

当浏览者的屏幕分辨率与网页设计者的分辨率不同时,可能得不到期望的效果。
以下是使层居中的方法:
例如,如果希望层Layer4(width:700px)左右居中,且上边距为60px,可以把
<style type=”text/css”>下的#Layer4{……}删除,并直接把层改为

<div id=”Layer4″
style=”position:absolute;
width:700px;
height:568px;
z-index:1;
left:expression((body.clientWidth-700)/2);
top:60px;”>
……
</div>

body.clientWidth获得窗口的宽度,(body.clientWidth-700)/2得出使层居中的left值。
同样的,如果要上下居中,则用:top:expression((body.clientWidth-568)/2);其中,
568是层的宽度。

FF不支持此种写法。

不要被用户左右

0

      社会经济的发展,人们越来越追求人性化的体验,个性化的服务,于是林林种种的设计高举“以用户为中心”的大旗招揽生意了,“我要好用,我要爽!”这种声音不绝于耳。

      很多人看到某个设计(指视觉设计,也指产品设计),会说:这个虽然不错,但我认为这里有些不方便啊!我喜欢某某感觉的。100个人可能有一个百的看法,我们要做的是找到他们满意的地方,围绕这个深入探讨。至于其余的声音,参考而已。

       真正的设计所有做是挖掘用户的需求,而不是服从用户的需求,要做的不是用户说:这个就是我要的,而是让用户说:原来这样就好。虽然难免有些许遗憾,但优秀的设计会让用户克服这些,引领他们到设计者的领域来。用户有时候是迷茫的,用户的声音不是统一的,设计者如果被用户完全牵制,那就说明他(她)的思维是狭隘的,说明他(她)并没有为用户设计,而是为自己设计——只不过吧责任推脱给所谓的“用户”,找个理由罢了。

      好的设计要用脑,不是用耳朵,也不是用眼睛。好比用户说我要一个更好的马车,有的设计者绞劲脑汁的改进马车的结构,有的兜售豪华的马车。但真正好的设计是给用户用汽车。用户是不会想到还有汽车这玩意开,更快更方便(最少车库比马厩好打理多了)。用户要更好的马车,其核心是需要更快,更舒适的交通工具,提供给他们!总有人会问:学习开车是不是会令用户不满?但是,你现在还有这样的顾虑吗?

     如果做到以上,还有少许用户不满的地方怎么办?要么拿掉,他是多余的,如果不是,那么不予理睬。

     其实用户是愿意为有价值的应用付出代价的…

热荐Firefox插件 Web Developer

0

Adds a menu and a toolbar with various web developer tools.

Web开发利器,一个字,很好很强大。。

可编辑当前页面的CSS,并可即时显示修改效果,Get/Post转换,显示所有表单信息;显示图片的各种属性,可找出未设置Alt,Title等属性的图片;查看Cookie信息和Http Response数据,框出Table元素,Cell元素,Div元素等等

附:Web Developer 下载地址 一款比较喜欢的主题

看看网页设计师常去的网站有哪些?

0

1:太平洋电脑网 创意设计频道 http://pcedu.pconline.com.cn/sj/  
2:设计中国http://www.chinaddu.com/
3:视觉同盟 http://www.visionunion.com/
4:网页设计师联盟 http://www.68design.net/
5:天极网网页陶吧http://homepage.yesky.com/
6:蓝色理想 http://www.blueidea.com/  
7:红动中国 http://bbs.redocn.com/
8:我爱设计网 http://www.52design.com
9:视觉中国 http://www.chinavisual.com/

羊皮卷智慧全集 作者:奥格·曼狄诺

0

前言
我选择的道路充满机遇,也有辛酸与绝望。失败的同伴数不胜数,叠在一起,比金字塔还高。然而,我不会像他们一样失败,因为我手中持有航海图,可以领我越过汹涌的大海,抵达梦中的彼岸。——奥格·曼狄诺