网页设计 网页的构成元素
当前位置:贝知网>知识分享>平面设计>网页设计 网页的构成元素
网页设计 网页的构成元素
时间:2022-12-18 平面设计

网页设计 网页的构成元素

网页设计网页的构成元素

1.图像

网页中图像可分为两种格式,分别是:JPG和GIF。即以.jpg和.gif为后缀名的文件。网页上的图片一般体积比较小,通常要求上传的图片大小不超过200k。从而使网页的显示速度较快。拍摄的照片或扫描的图像由于体积较大,一般要经过图像处理软件处理之后才能用于网上显示。

2.表格

表格是网页排版布局不可缺少的工具,使用表格排版仍然是目前网上主要的制作页面的方式。表格排版简单容易掌握,不容易出现乱版现象。而且各个不同版本的浏览器都对其有很好的兼容性。

3.表单

在交互式网页中,表单通常是必不可少的。它是用来收集访问者信息的的域集。站点访问者根据表单所提供元素,进行有选择性的提交,表单通过相应的程序收集访问者的信息并通过不同的方式进行处理。

4.导航栏

导航栏是网站导引目录。用来引导浏览者对网站的主要页面进行浏览。导航栏中可以是图片、文字或按钮。由这些元素构成相应用的链接,单击链接就可以打开对应的页面。

5.超级链接

所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。

当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。通常,用户在访问超级链接时,鼠标指针会变成手形标记。

按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E.mail链接,锚点链接,多媒体文件链接等。

网页中除了这些元素之外还有其他如FLASH动画、音频、视频、计数器、字幕、横幅广告、悬停按钮等。

设计网页遇到的问题

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。下面介绍设计网页遇到的问题,希望可以为您带来帮助。

一、互矛盾的连接和导航分类

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。

卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。

造成这些问题的两个可能原因是:

标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。

内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。

二、重复链接

即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。

Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number),点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。

团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。

三、在小型网站中搁浅用户

为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。

有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似)并且很疑惑为什么他们以前使用的导航消失了。

在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。

四、糟糕的搜索结果

当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。

不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。

搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。

定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。