你必须知道的网页设计知识

如果你对网页设计里最基本的一些概念都不明白，那么想做出好的网页来说是不容易的。

基于互联网技术的飞速发展，提供给网站建设者的平台也越来越广阔，但是，对网站设计和规划一无所知就开始莽撞地创建网站无论在什么时候都是不合时宜的，下面我们为刚开始接触网站建设和设计这门学问的网站设计初学者普及一些基本的建站知识。

图片

尽量用小的图片，比如说10-12KB大小的图片。根据可靠数据表明，宽带用户正在不断增加。即使你使用的是T1(北美的24路脉码调制PCM简称T1，速率是1.544Mbit/s),但图片载入速度缓慢的问题仍然很令人烦恼。图片载入速度最主要的原因就是图片太大了。优化你的图片也是轻而易举的事。

一定要用符合网站内容的图片。如果你有一张可爱的小狗的照片并不意味着在你的网站或网站设计中一定要把它放进去。（对不起，这样做是不可取的）。对于设计图片有一个例外。设计图片是组成页面设计的照片或其它什么图片，并不一定要用来阐释网站内容。

要么不要在网页上使用任何闪动、运动、变化、旋转或Flash效果的图片。要么小范围的使用。很多调查显示Flash效果图片分散扰乱人的注意力并且令人厌烦。事实上，这些Flash效果图会影响到搜索引擎排名情况，对SEO产生不利的影响。

布局

坚持用标准的网页布局。我曾将看到过在一个页面上有6-8块区域。另一个网站则使用了这样一种布局：要想完整地阅读网页信息，你必须不停地向右拉滚动条（但是事实上你应该不用的）。这些设计布局可能很漂亮但是不实用，因为浏览者会因此抓狂的。为什么三栏布局设计很普遍是因为在网站和报纸版面中它很实用。虽然看起来有点俗，但是如果内容充实，它会吸引更多的读者。

空白并不仅仅是CSS属性，它是你设计布局的一项功能。你应该注意一下网页上的空白地带，了解一下在读者阅读内容时它会起什么影响。网页布局上的空白就跟一张纸上的空白一样重要。在网页布局中放入你的图片。在你把图片放入布局中的时候这些图片就不仅仅是一些图片了。我们都看到过一张图片周围环绕着文字的例子，这些应用到布局中的图片也应该如同这张图片一样受到重视。

字体

大字标题用Serif 字体，内容文字用Sans-Serif。如果你做过印刷设计的话，这可能与你平时的做法背道而驰。但是要知道网站并不是用来打印的。因为电脑分辨率没有印刷分辨率那么高，所以Sans-serif字体更容易阅读。如果对于一般的文字也使用serif fonts，那么在电脑屏幕上文字显示会很模糊，阅读起来会很困难。对于要用于打印的网页来说要使用相反的字体（大字标题用Serif 字体，内容文字用Sans-Serif）。

控制不同字体的数量。如果在网页上不停的变换字体会使你的网站看起来很不专业。是的，情况的确是这样的，所以网页上的字体要控制在2-3种标准字体。这样看来更便于阅读并且更专业。

使用标准字体。是的，你可以在网页上选择使用Rockwood LT Standard。但是用户机器上很少设有这种字体。也许一直使用Verdana, Geneva, Arial, 和 Helvetica字体看起来会枯燥，但是你的页面看起来会更好并且在大多数浏览器上设计看起来会不走样。

广告

不要贪得无厌。如果你想在网站上放广告，注意一定要控制广告数量。因为读者到你的网站上来不是来看广告的，他们是来阅读网站内容的。如果网页上广告占据了大部分空间，很多读者就不会继续阅读你的网站内容。是的，从网站上赚钱是很重要的，但是如果你的广告把用户吓跑了，无疑你肯定会有损失的。

对待广告也要像对待其他图片一样，广告一定要小，避免闪动或者闪光效果，并且要与网站内容相关。你可以在网站上放置广告但并不疑问着你必须在网站上放广告。如果内容是读者感兴趣的他们更有可能点击阅读。

记住你的读者

在大多数浏览器上测试你的网页。如果网页设计只适合当下最流行的浏览器，那么这种做法是很愚蠢的并且很令人厌烦。除非你的网站只在固定浏览器的企业内部互联网或者其他小范围内使用，否则你会遇到很大麻烦的。

对操作系统来说，情况是一样的。你不能保证在Windows IE5.0中正常运行的网页在IE5.0 Macintosh运行也是正常的。

网站内容一定要写读者想看的内容否则你的网站只是写给你自己看的。一定要保证你的内容包括读者想要阅读的话题或内容。

文章标题：你必须知道的网页设计知识
文章链接：https://www.cdcxhl.com/news36/96286.html

成都网站建设公司_创新互联，为您提供品牌网站制作、网站收录、网站导航、全网营销推广、商城网站、App开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联