初学忠告:网页设计的八种陋习

初学|设计|网页|网页设计

一、不要为图像加入太长的交互文本

使用“ALT=”为图像加入交互文本是一个好习惯,因为并不是所 有的人都打开图像载入开关的,这时候这些交互文本给了用户一个有 用的提示,特别是一些连接。但有部分网页制作者为图像加入了很长 的交互文本,当用户载入图像时,这并不影响结果;但如果用户不载 入图像,浏览器就会将所有的文本都显示出来,以致超出了它本来的 宽度、或高度,对网页原来的排版影响很大。

例如广州市某免费个人主页提供商的网页,我开始在关闭图像载 入的情况下访问,结果该网页乱七八糟,而且需要使用滚动条才能全 部浏览,每个文字连接都被前面的图像逼得排成两行,很不顺眼!后来我打开图像载入再去访问该站时,发现网页原来很整齐。那些用文 件名和长度作为交互文本的图像只是一些长度、宽度都很小的装饰图 案,但因为交互文本太长了,所以才造成了混乱!

二、不要将连接全部摆在图像中

以往的网页中的连接都是文字,而且用下划线以资识别。但不久人们就讨厌了这些文字连接,于是都采用了图像连接。后来,更加嫌一个图像一个连接太麻烦了,于是将所有的连接到摆进了一个图像中去。但与上忌情况一样,不是所有的人都打开图像载入,如果你把所有的连接到摆在图像中去,而没有任何同样功能的文字连接的话,用户也许会很不知所措。

某网上男孩子的网页,可能是考虑到这个情况,于是把包含在图 像中的连接作为交互文本列了出来———呀!足有1000多像素的宽度 。结果我没有用鼠标去“探索”———其实可以用TAB键去寻找这些 连接———而是退了出来。与其怕部分用户望而止步写了那么多的交 互文本,为什么就不可以增加一些同样目的的文字连接呢?

三、不要使用自动滚动

曾经到过一个内容“丰富”的网页,它几乎使用了所有曾经在 《中国计算机报》中出现过的网页制作技巧:现在的时间、访问了的 时间、等等。不过有一个不是使用得很好的,就是窗口的自动滚动。 我只是想发个邮件给网页的主人,但我却无法使滚动条停下来让我点 击连接,于是我花了很久才“命中”窗口中的E-mail连接———真 后悔军训的时候没有练好射击!也许自动滚动可以炫耀一下本事,但 就没有什么实际价值了。用户有鼠标,可以自己移动滚动条,网页制 作者们可以少操心。

四、不要用延时效果的javascript

现在的网页制作者为了使网页更加具有影响力,都疯狂地加入javascript 。以现在的猫奔跑的速度而言,这些脚本也算不了什么,用户不会介 意。但是,如果这些脚本可能导致延时的话,用户的态度就不同了。 因为这些延时不会因为猫的快慢而改变,任何用户都必须望着屏幕上 的“杂耍”完了才可以继续。头一两次还会觉得:WELL,棒极了!但 后来,……某个国人网页的首页在载入时窗口的底色———窗口里面 没有任何内容———由白色逐渐变成黑色,整个过程耗费了几秒,嘿! 别小看这几秒,我能检查了全部的邮箱了!

五、不要依赖浏览器

唉!其实留意《中国计算机报》的话,应该看过这类的警告。但 事实上,太多的网站首页中加入了“请在123*456分辨率下使用789 浏览器浏览本网站”的文字。我是安装了IE、NC、和Opera,因为我 要制作网页,需要它们来检验网页的在这些浏览器下的可读性。但一 般用户不会安装那么多的浏览器,更加不会牢记着哪个网站需要用哪 个浏览器浏览 网页设计是一门艺术,一门大众(流行)艺术!就好比音乐,只 使用一种乐器、没有歌声,当然也会有人喜欢,但是流行音乐更多的 是采用各种乐器,加上歌手的歌声,这样才会被更加多的普罗大众所 接受,对吗?

也许不可能让网页在使用所有的浏览器浏览都有一样的效果,但 尽量地去达到该目的,会让网页在这个浏览器下有这样的特色、在另 一个浏览器下又有不同的特色,这是网页制作者的工作,不是吗?

六、不要滥用留言簿

别误会,虽然我的个人网页由于服务器的问题不能使用留言簿, 但我绝对不是妒忌!那次在某个网友的网页上留言,提交之后发现我 的留言和个人的部分资料立即送了上留言网页,和其他以前的留言一 起展示出来。首先,我的个人资料之所以告诉你是因为想与你交个朋 友,但未经任何提示的情况下就全部摆了上网,好象不是很友善。其 次,更重要的是,我在该留言网页上发现了某个人的言论似乎很偏激, 有反革命嫌疑———这样做是很危险的!你的网页有没有违法成分你 自己可以控制,但其他访问者的言论是你所难以估计的,万一被其他 别有居心的人利用来进行反动宣传,这样你岂不成了“同伙”!

有鉴于此,我奉劝所有使用留言簿的网友,慎之又慎啊!

七、不要忘记版权

现在,网上的侵犯知识产权问题非常猖獗,某N字头免费个人网 页提供商上的网页尤其严重———甚至有盗版光盘贩卖呢!为此一些 新的免费个人网页提供商就要求用户在申请时提交详细的、真实的个资料,以防备不可预计的事情发生。

不少的网友都很轻视知识产权,觉得自己是个人,大公司不会计 较的。但,《中华人民共和国计算机信息网络国际联网安全保护管理 办法》中第四条规定“任何单位和个人不得利用国际联网危害国家安 全、泄露国家秘密,不得侵犯国家的、社会的、集体的利益和公民的 合法权益,不得从事违法犯罪活动。”所以,如果你的网页需要引用 别人的东西的话,要么你就和他联系一下,征求意见;要么就在明显 的位置注明其版权归属。这并非多余,这是你的网页“长寿”的秘方!

当然,如果是你自己制作的图像或自己撰写的文章,你绝对有权 声明版权归你自己所有!

八、不要懒于更新

某个N字头的个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的,姑且不说这是浪费公用资源的行为,访问过这些 网页的人看见网页主人如此懒惰,你说他还会再去访问吗?谁能确定 下次访问不会又是这般模样呢?因特网上的资源如此浩瀚,谁会去访问一个“从”不更新的网页呢? 我诚意地奉劝那些“霸占”了公用的个人网页存放地方的人,如 果你们真的那么忙,为何不让出空间,给新的网友更多发展的机会呢?

时间: 2024-09-26 05:40:03

初学忠告:网页设计的八种陋习的相关文章

网页设计:八种需要知道的趋势

本文主要介绍了在8个Web设计趋,分别为单页面.用照片做背景.色块设计.超大号的图片.聚焦简洁.响应式设计.视差滚动.强调字体,着8个趋势,每个趋势后面都附有数个案例,以下是8个趋势的简介. 单页面 单个长页面的设计一度不受人待见(无论是客户还是设计师),但现在整个互联网随处可见.一个合理的解释是,用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多. 包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品,获得了很不错的效果. 更多例子: http://ww

网页设计指导:五种常用精美网页风格

在浏览精美的网页时,我们都会发现许多网站的风格的有一些共性,总结这些网站风格特点可以为网页设计师提供更精准的设计趋势方向.同时能为我们的网页设计起到指导作用,比如下面的这五种网页风格就经常在许多网站中见到,我们可以看到虽然使用的元素和风格相近,不过每个网站都有自己独特的特性. 使用大标题的网站设计 使用大图片的网站设计 受大自然启发的网站设计 使用素描/插画的网站设计 使用滑动效果的网站

网页设计的12种颜色

前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色.其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考. 1. 浅绿 #8cc540 2. 深绿 #009f5d 3. 暗蓝 #019fa0 4. 蓝色 #019fde 5. 深蓝 #007cdc 6. 深紫 #887ddd 7. 浅紫 #cd7bdd 8. 粉色 #ff5675 9. 红色 #ff1244 10

网页设计色彩及网站配色

一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩.色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配.因为网页设计属于一种平面效果设计,在排除立体图形.动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象.因此,在设计网页时,我们必须要高度重视色彩的搭配. 一.色彩的基础知识 色彩五颜六色.千变万化,我们平时所看到的白色光,经过分析在色带上可以看到,它事实上包括红.橙.黄.绿.青.蓝.紫

网页设计技巧案例:借助数学原理构建视觉效果

文章描述:让这些数学理论来为你网页设计撑腰. 古老的数学原理已经存在了成百上千年,但是依然能够帮助我们提高设计水平,你相信吗?这些数学原理经得起时间的检验,能够在构图上给予我们指导,帮助我们构建更加和谐的视觉效果. 你可能在设计中曾经用到过数学原理,也可能没有.无论如何,数学规律适用于各种设计,从印刷设计再到网页设计.因此理解这些数学的原理,就能让你的设计更加的好看.更高瞻远瞩. 黄金比例 黄金比例,也可以说是黄金矩形或者黄金分割,最理想的比例是1.618.这种原理的起源上不知晓,但是黄金比例无

响应式网页设计

响应式网页设计,这个概念在国外相当火热.不管是交互设计,视觉,前端开发都投入到这个老意识新概念的技术当中. 首先我们看下什么是响应式网页设计.它为用户从他们的电脑切换到iPad.iPhone.黑莓.HTC.平板电脑等等,该网站能自动切换适应的分辨率,图像大小和脚本.换句话说,该网站能自动响应用户的喜好.通俗点说法就是有求必应的网页!  它不仅仅是一种趋势,而是一个新的设计解决方案!它有助于解决不同的分辨率和设备(台式电脑,笔记本电脑,平板,手机)相关的设计问题. 前面说了,其实这个是一个设计问题

在线营销终极指南:响应网页设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 截至2月,在美国智能手机用户的已经达到了近50%,2012不仅被称为世界末日年,同时也被称为"移动年",这意味着众多的优化工作者和网站设计需要投资在移动用户体验,检查分析您的移动流量份额,你该如何通过相应网页设计来提升在线营销的效果? 1.什么是响应网页设计? 概括地说,响应网页设计是一种后轮驱动技术,它使用css流体布局

8种提升网页设计品质的布局方案

网页设计中,内容组织恐怕是最至关重要.最影响设计品质的方面了.如何将信息组织到好的布局中,是一个网站的基础,并且应该在考虑外观之前就决定好.没有好的布局,网页信息流就不能正确传递,所有东西都不能建立起合理的联系. 在这篇文章中,我们将讨论八个布局解决方案/技巧,这些方案和技巧将有助于你创建整洁有序的内容布局. 这八个技巧包括滑门 (sliders).标签式.渐进布局(progressive layouts).结构网格.模态窗口(modal window).翻转元素.手风琴效果(accordion

网页设计:一种细腻的导航效果的制作方法

设计|网页|网页设计 一般的导航效果大家都很熟悉了,例如用CSS给导航文本设置上.下划线.背景颜色或位移等.前面的帖子中有网友提到http://www.tonta.com.cn/这个网站,偶发现其首页中的导航效果不错,虽然flash做的没有很眩的效果,但是比较细腻,看上去很舒服. 闲来无事,尝试在dw中实现同样的导航效果. 首先分析效果的组成,鼠标经过时背景发生变化,小图象转动.Ok!考虑使用dw中的swap image(翻转图)+背景图象变化(CSS定义)应该可以实现效果. 准备4张gif图象