力动网络
Lidon外贸商城系统

网页中图片和文字设计要领,如何选择网站图片和文字?

发布时间:2022-10-11  点击次数:305

www最吸引入的就是多媒体特征,所以在营销型网站的设计中要善加利用,页面上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。
1.网页设计中常用的图片现今网上所展现的绝大多数图像是GIF和JPEG格式,PNG和FLASH文件格式下面简单地介绍一下这些常用的图像格式。
(1) gif,可交换的图像格式。gif是Graphics Interchange Format的首字母缩赂词,是显示索引颜色的图形文件格式。这种图像格式用于在Internet上传输点阵图像,可以被多数图像处理程序读取。它使用LZW无损压缩技术来城小图形文件的大小,gif图形文件经过压缩后,不会造成图像失真的现象;可以存储透明色,在图片中指定一种配色,而该颜色可以被背景图片的颜色所取代,这一点非常有用,可以搭图形中不需要的颜色吸掉,图像可以在任何色彩、背景的页面中,与背景融为一体。
(2) Animated gif,动画图像文件。动态gif是连续的gif图片,如旋转的图标、飘动的旗帜、渐渐扩大的字母等,此类文件被称“GIF89”格式,其中包括按特定顺序排列的一组按图像转换格式制作的图像。动画可以不停地出现或间歇出现,大多数浏览器都能处理动画图像文件。
(3) JPEG,联合图像专家组规范。Joint Photographic Experts Group的首字母缩赂词,是一种用来显示高解析度颜色图形的一种图形文件格式。fEG图形可使用指定的压缩结构,它可以显著地降低文件的大小。较高层次的压缩会导致较低质量的画面,而较低层次的压缩则会有较高质量的画面。
(4) PNG,图形格式。PNG(便携式网络图形)是一种压缩过的位图文件格式,类似于GIF格式,通常是Firework的图片处理软件处理后的图形格式。它支持48位真彩色和65536层的效果,采用比GIF更有效率的非失真压缩技术:通常图形文件大小比GIF、JPEG图形文件大,不支持动画,支持PNG格式的浏览器较少。
(5) SwF(Flash动画格式)。Flash电影是专为网页服务的画像或动画,主要含有矢量图形,但是也可以包含导入的位图和音效,还可以把浏览考输入的信息同交互性联系起来,从而产生交互效果,也可以生成非线性电影动画。该动画可以同其他的www程序产生交互作用。Flash电影是由压缩的矢量图形组成的,目前已逐步成为了事实上的交互式网络矢量图形标准。
(6) SVG(Scalable Vector Graphics,可增量矢量图形)。是W3c新制定的网络矢量图形标准,是作为XML的一个子集提出的,与HTML一样,也是一种标记语言。使用简单的文本命令,SVG可以作出诸如色彩线性交化、自定义置入字体、透明、动态效果、滤镜效果等各式常见的图像效果。它具有任意缩放、文本独立、较小文件尺寸、超强显示效果、超强色彩控制、超强交互性等特点。
2.网页中的文字字体
字体的设置是网页制作新手遇到的第一个问题。下面介绍关于文字字体在浏览器中默认显示的一些情况,以供参考。
一般情况下,浏览器通过中文GB 2312字符集 (GB简体码)和英文ISO 8859 - 1字符集来解释和翻译网页源代码,其他还有Big5、UTF - 8、Shift - jis、EUC、KOI8 - 2等字符集,分别用于不同的字体显示。
浏览器定义的默认字体是中文宋体和英文Times New Roman,字体这两种字体可以在任何操作系统和浏览器里正确显示。Windows另外自带了40多种英文字钵和5种中文字体,用户可以在网页里自由使用和设置这些字体,这样,凡是使用w加沁阴操作系统的浏览器都可以正确显示这些字体,但在其他操作系统里,如UNIX则不能完全正确显示。
3.使用技巧和注意事项
网站建设中使用图片及设计文字应注意以下几点:
(1)图像应与内容有机结合。要确保图像和网贝的内容有关联,它们应和闯页浑然一体。图像的内容应有一定的实际作用,切忌虚饰浮夸,员佳的图像应集美观与信息内容于一身。
(2)合理采用图像的格式。—般原则为:GIF图像适用于按钮、标题图片、线条、漫画、团标、动画和平铺式图案背景等颜色较少、构图简单的图片,或需要支持透明色的图片;JPEG格式的图像使用于颜色多、较能容忍失真现象的图片,如照片、艺术复制品、实物或风景等。但若将照片转换成100×100像素或更小的图标时,可以优先考虑使用GIF格式来保存图像。 (3)合理采用图像的色彩位数。图像的色彩位数超多,文件就越大,为提高传输速度,建议尽量少用真彩色,一般使用256色图像。通常情况下,JPEG文件的尺寸比GIF文件小。压缩时得到尽可能小的文件尺寸的方法是:对于GIF文件,在保待图像质量的情况下使用较少的颜色;对于JPEG文件,在保持图像质量的情况下使用尽可能高的压缩比。
(4)为图像配上替代文字。图像可以弥补文字的不足,但并不能够完全取代文字。很多用户把浏览软件设定为赂去图像,以求节省时间,而只看文字。因此,在制作页面时,必须注意将图像所承我的重要信息或链接到其他页面的指示用文字重复表达—次,这一点可以通过在网页底部提供另外的链接和使用替代文字来满足访问者的需要。
(5)选择使用Flash动画。许多使用比较但的计算机的访问者发现动画图标很容易耗尽系统资源,使对网站的操作变得很困难。因此,应尽量少使用Flash插件。如果非要使用,则应该给用户一个跳过使用Flash动画的选择。
(6)避免使用过大的图像。不要使用横跨整个屏幕的图像,这样可以避免访问者向右滚动屏幕。一般来说图像占75 % 的屏幕宽度是一个比较好的方法。
(7)不要使用超过三种以上的字体。字体太多则显得杂乱,没有主题。
(8)不要用太大或太小的文字。一般情况下,浏览器默认使用的字体大小是12pt(磅),而现在网页上还流行的一种小中文字体,其字体大小为9pt,这两种大小的字号在800X600或1024×800分辨率的显示器上的显示效果都比较好看。
(9)选择常用字体。网页中的正文内容应当选常用的字体如黑体、宋体、仿宋体以及隶书等常见字体。
(10)标题字体。原则上标题的字体较正文大,颜色也应有所区别。如果需要用一种特殊的字体来体现网页的风格,可以将其制作成较小的图像文件,然后插入到网页中适当的位置,这样使可以获得所需要的任何字体,而且还保证所有的用户看到的标题具有同一效果。
另外有一点值得注意的是,在设计的一开始就必须确定浏览闻页时最佳的显示分辨率,这样可以确保你所设计的网页在被他人浏览后可以获得你所预料的效果。因为只有在设计与沏览时使用相同的分辨率才可以确保图形和文字的相对位置不会改变,从而取得最佳的浏览效果。

作者:力动自助建站 装载请注明出处:https://www.shengbios.com


本文地址:https://www.shengbios.com/news/new_content/376,转载请注明。

版权所有:shengbios © Copyright 2007-2022 All Rights Reserved
管理员email:shengbios#163.com