×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

网站制作

11个网页的可视化设计的方法

文章编辑:网站建设 文章来源:网站设计 浏览量:

网页的可视化设计网页设计应遵循的原则
(1)网页命名要简洁。由于一个网站不可能由一个网页组成,它有许多子页面,为了能使这些页面有效地被链接起来,深圳网站设计公司认为网页开发者最好给这些页面起一些有代表性的而且简洁易记的网页名称。这样既有助于以后方便地管理网页,又能在向搜索引擎提交网页时更容易地被别人检索到。
(2)确保页面的导航性好。用户不可能像网站开发人员一样了解该企业网站,所有的用户在寻找信息方面总会存在困难,因此需要所浏览的企业网站的支持,以使用户有很强的结构感和方位感。一般来说,网站应提供一个关于本网站的地图,让用户知道自己在哪儿以及能去哪儿;应让用户能在主页上以关键字或词语查找所需的信息;所有页面从头至尾都要使用导航标志,尤其要有“返回到首页”链接;如果是图像导航按钮,那么要有清晰的标识,让人看得明白,千万别只顾视觉效果,而让用户不知东西南北;如果是文本导航,则其链接颜色最好用约定俗成的:未访问的用蓝色,点击过的用紫色或栗色,应使文本链接与页面上其他文字有所区分,给用户一个清楚明白的导向。
(3)网页要易读。这就意味着需要规划文字与背景颜色的搭配方案。注意不要使背景颜色冲淡了文字的视觉效果,也不应该用太复杂的色彩组合,让用户很费劲地浏览网页。此外,网页的字体、大小也是需要考虑的因素。
(4)合理设计视觉效果。视觉效果对于网页来说是相当重要的成分,它主要体现在网页结构和排版上。要善于用表格来布局网页,不要把一个网站的内容像做报告似的一二三四罗列出来,要注意多用表格把网站内容的层次性和空间性突出显示出来,使人一眼就能看出网站的重点所在。不要在页面上填满图像来增加视觉趣味,应尽可能多地使用彩色圆点,它们较小并能为列表项增加色彩活力,此外,彩色分隔条也能在不扰乱带宽的情况下增强图像感。
(5)为图片添加文字说明。给每幅图像加上文字的说明,在图像出现之前就可以看到相关内容,尤其是导航按钮和大图片更应如此。这样一来,当网络速度很慢不能把图像下载下来或者用户在使用文本类型的浏览器时,照样能阅读网页的内容。
(6)不宜使用太多的动画和静态图片。在进行网页设计时要确定是否必须要用GIF动画或Flash插件,如果可以不用,就选择静止的图片,因为它的容量要小得多。如果不得不在网站上放置大的图像,则最好使用图像缩微图,把图像缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。不要使用横跨整个屏幕的图像,要避免用户滚动屏幕。此外,还要确保动画、静态图片和网页内容有关联,它们应和网页浑然一体,要表现一定的网页内容,而不是空洞的。
(7)页面长度要适中。一个长的页面的传输时间要比较短的页面的传输时间长,太长的页面传输会使用户在等待中失去耐心,而且为了阅读这些长文本,浏览者不得不使用滚动条,很多用户不喜欢使用滚动条,调查表明只有10%的用户会上下移动文本观看屏幕显示范围之外的信息。如果有大量的基于文本的文档,如企业的合同、财务报表、产品的使用说明书等,就应当以AdobeAcrobat支持的PDF格式的文件形式来放置,以便企业用户能离线阅读,从而节省宝贵的时间,或将所有关键的内容和导航选项置于网页的顶部。
(8)Java程序少用为宜。不要使用大幅面的Java程序,能够用JavaScript替代效果的则尽量不要使用Java。
(9)整个页面风格要一致。网站上所有网页中的图像、文字,包括背景颜色、区分线、字体、标题、注脚等,要统一表现风格,这样用户在浏览网页时才会觉得舒服、顺畅。
(10)尽量使用相对超链接。在制作图像或文本超链接时,尽可能地使用相对超链接,这是因为这样制作的网页可移植性比较强。例如,把一组源文件移到另一个地方时,相对路径名仍然有效,而不需要重新修改链接的目标地址。另外,使用相对超链接时输入量也较少,在同一页的链接项当然应该使用相对地址,因为使用绝对地址后可能会每选择一个链接,都要把该页重新装载一次。当链接到不直接相关的文件时,使用绝对路径比较好,这样以后要是把源文件移到另外的目录下就不需要更改链接了。最后,要保证超链接直观有效,以便使用户能够很快地找到其想要的东西,最好每一页同样的位置上都有相同的导航条,使浏览者能够很直观地从每一页访问网站的任何部分。
(11)不要滥用尖端技术。在网页开发中,要适当地使用新技术,但不要过多地使用最新的网站开发技术,因为企业电子商务网站的主流用户关注更多的是网站有无有用的内容和企业提供优质服务的能力。使用最新的技术有可能会打击企业部分用户访问网站的兴趣和积极性,因为如果用户缺乏合理使用新技术的经验,或者用户系统太慢而导致在访问网站期间崩溃,那么他们将不会再来。另一方面,最新的网站开发技术还存在用户浏览器的版本支持问题,有些较低版本的浏览器还不能支持当前最新的网站开发技术。好了,网站设计公司本文关于“11个网页的可视化设计的方法”就分享到这里,希望能给您的工作带来帮助,谢谢关注,博纳网络编辑整理。
 
 

当前文章链接:https://www.198bona.com/construction/design/2061.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。