网站图片制作及交互性设计原则

网站图片制作及交互性设计原则
标明高度和宽度
这点很重要,但很多人由于懒惰或其它原因,总是将其忽视。当你在网页上添加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果浏览器没有找到这两个参数,它需要一边下载图片一边计算大小,如果图片很多,浏览器需要不断地调整页面。这不但影响速度,也影响浏览体验。
减少http请求
当浏览者打开某个网页,浏览器会发出很多对象请求(图像、脚本等等),视乎网络延时情况,每个对象加载都会有所延迟。如果网页上对象很多,这可以需要花费大量的时间。
因此,要为http请求减负。如何减负?
1、去除一些不必要的对象。
2、将临近的两张图片合成一张。
3、合并CSS
优化图片
几乎没有哪个网页上是没有图片的。如果你经历过56K猫的年代,你一定不会很喜欢有大量图片的网站。因为加载那样一个网页会花费大量的时间。
即使在现在,网络带宽有了很多的提高,56K猫逐渐淡出,优化图片以加快网页速度还是很有必要的。
优化图片包括减少图片数、降低图像质量、使用恰当的格式。
1、减少图片数:去除不必要的图片。
2、降低图像质量:如果不是很必要,尝试降低图像的质量,尤其是jpg格式,降低5%的质量看起来变化不是很大,但文件大小的变化是比较大的。
3、使用恰当的格式:请参阅下一点。
因此,在上传图片之前,你需要对图片进行编辑,如果你觉得photoshop太麻烦,可以试试一些在线图片编辑工具。懒得编辑而又想图片有特殊的效果?可以试试用过调用javascript来实现图片特效。
交互性设计需要从多方面入手,首先你必须知道用户的使用习惯和喜好。这样才能有针对性的进行设计。浏览顺序都是从从左至右,从上到下。这也就绝对了页面的左上方为黄金地位。这里的内容是最先受到读者关注的。
由浏览顺序给我们的启发是:把重要的信息放到这里,先受到关注并且留下记忆。日常中人们往往没有充足的时间浏览网页,这样也可以很快地获取需要的信息后停止。
大号的文字,更容易向大众传达作者的意图和各种信息,讲究整体给人以清晰的视觉印象。应避免繁杂零乱,使人易认,易懂,切忌为了设计而设计,忘记了文字设计的根本目的是为了更好、更有效的传达作者的意图,表达设计的主题和构想意念。
图片吸引人。图形能够传达各种产品的个性,对网页的美观有一个提升作用。适度的装饰、漂亮的细节,会影响人们使用产品的心情,引导人们再次逗留访问,甚至推荐给身边的人。 

«1»
日历
网站分类
搜索
最近发表
Tags列表
网站收藏
图标汇集
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

Powered By 域名

Copyright 【注册年龄15年以上的域名】. Some Rights Reserved.