欢迎来到森活文化官网 平面活动官网
微信

网络之路,从这里开始

热线电话

021-62677988

森活文化新闻
首页 > 新闻列表 > 网页设计十三大要点

网页设计十三大要点

发布时间: 2016-11-03 09:45

网页设计时注意的SEO事项

精简代码

为了更有利于网站优化,符合Web3.0标准,尝试使用DIV + CSS的网页设计,合理布局的标签来减少DIV层,描述标签的使用,简洁的描述”,将关键内容和频繁更新内容的网站代码尽可能接近的位置,但也要注意不要超过200k的页面。

网站导航重点设计

网站导航是一个非常重要的武器,网站优化网站导航全站通用,尽量使用文字导航,不要用图片和flash,如果没有请添加图片的alt属性。闪存是可以避免的,效果很好,但是负载慢慢的,搜索引擎看不到的闪存文件,坏了以后进行网站优化。

少用脚本和外部调用

网站的JavaScript和CSS等文件一律外部调用,不要把代码写在网页中,并且尽量减少脚本文件个数,这样不仅仅有利于网页加载速度也有利于搜索引擎蜘蛛的抓取,之后网站优化才会更给力。

避免页面重复

网站的外部调用JavaScript和CSS文件,不要写页面中,并尝试减少脚本文件的数量,这不仅有利于页面加载速度也有利于搜索引擎蜘蛛爬行,网站优化后会更棒。

图片与文字链接加上属性

记得要给所有图片加上alt属性,还要符合W3C标准,搜索引擎会读取alt属性,图片的alt属性还可以帮助用户浏览。给文字链接加上TITLE属性,8U网络推广提醒大家要尽量减少用图片代替文字!

网页布局结构

面包屑型导航,树状扁平化结构。为了更有利于网站优化,有利于百度收录,要降低页面的层次,首页点击不出三次可以到达网站任何一个页面,任何页面都可以很快的回到想要的页面。文章内容部分先于其他部分显示,设置上一篇、下一篇文章,根据文章的关键词设置“相关文章,如果文章内容多分几页显示,需要保持每页的网页标题、文章内容均不同,避免出现复制内容问题

网页设计注意事项

尺寸

船的大小决定了它在海里的运动方式,话糙理不糙。更大的图标看上去更为显眼,不过并不代表着是更好的设计。简单来说就是你最为重要的页面元素当然应该使用最大尺寸,但是涉及到细节部分,处理起来就复杂得多。费茨定律的原则之一就是放大可点击区域,目标越大用户就越容易点中。换句话说,使用大图标可以让用户更为轻松地点击进去,这一点在引导用户浏览行为时非常管用。当然了,这并不是说你把「立即下载」图标简单地放大十倍就能有显著效果,在网页设计中让各个元素之间形成微妙的和谐感才是关键。网页正中那个巨大的、可点击的互动式产品图片毋庸置疑是最能吸引注意力的,这种效果完全来自它异乎寻常的尺寸。事实上,设计师甚至无需使用文字介绍去促使用户与产品互动,产品图片具有对比性的颜色和尺寸已经吸引了用户用鼠标去转动它。这种设计手法的结果就是让用户无需分心注意环绕产品图片四周的小图标,当你需要进一步了解产品时,点击这些小图标它们的尺寸会自动放大,并且弹出详细的产品介绍。

除了吸引用户点击之外,图标尺寸大小对于网站的整体视觉效果也起着关键作用。依据图标尺寸大小,它们甚至可以影响人们浏览网页时从左到右、从上到下的阅读习惯。此外,由于尺寸大小是一种相对的存在,因此使用大小对比也能达到一定效果。除了简单地把图标调大以外,你还可以通过缩小其他设计要素来营造出显著的视觉效果,这一招对于节省页面空间相当有用。

尺寸大小还会影响到文字排版,主标题、副标题以及正文都应该有所区分。Smashing Magazine 针对 50 个最受欢迎网页做了统计研究,发现它们的平均尺寸为:标题:18-29 像素,内文:12-14 像素,一个网页构成要素,相信大家心里都会有个大概,但是要具体说清楚了,又一下子讲不上来。

文字


文字是网页中最主要的一部分。对于文字的把握,主要有两点。一是简洁、明了,能够让用户读得下去;二是数量的掌握,文字太少,会显得单调,文字多了,网页就会显得很乏味。

图片


图片,比文字更能吸引人的眼球,所以网页中要善用图片。在某些突出的位置,可以放置一些比较出彩的图片,这样既能达到美观的效果,又能让浏览者对网页印象深刻。

色彩


色彩的搭配,能体现出一个网页设计者的审美观,也会直接影响到浏览者的观感。网页的颜色不用很多,但是一定要搭配得当。一个网页一般会有一个主打色,用以配合网页的主题。其他的颜色,辅以调节的作用。

1.颜色的几种固定搭配

蓝白橙——蓝为主调。白底,蓝标题栏,橙色按钮或icon做点缀。

绿白兰——绿为主调。白底,绿标题栏,兰色或橙色按钮或icon做点缀。 橙白红——橙为主调。白底,橙标题栏,暗红或桔红色按钮或icon做点缀。 暗红黑——暗红主调。黑或灰底,暗红标题栏,文字内容背景为浅灰色。

2.颜色的忌讳

忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧!

忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵。

忌跳——再好看的颜色,也不能脱离整体。脱离群众是自取其辱!

忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用。

忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就象病夫一样无可救药。

蓝色忌纯,绿色忌黄,红色忌艳。

排版


有文字、有图片、有颜色,网页有这些就够了吗?No!光是这些,还不够,还需要有专业的排版技术,把这些要素整合起来,组成一个协调的页面。排版需要顾忌很多,要注意字间距,文字、图片的数量,颜色的搭配,页面留白等等,是个细致活。

多媒体


有些网页为了博眼球,会放置音频、动画、视频等等,这些就是多媒体了。但是,一在一般的网页中,存在大量的多媒体并不是一件好事,这些多媒体会对网页打开速度造成影响。一般,放置多媒体,需要量力而行。

网页设计十三大要点文章下载,点击:网页设计十三大要点

相关文章:

版权所有 @ 2007-2018上海森活文化传播有限公司 沪ICP备19016509-2