`
caibinghong
  • 浏览: 148846 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

从业余到专业:04网页设计理论的相似准则

 
阅读更多

 

从业余到专业:04网页设计理论的相似准则

 

我们已经讲解完网页设计的对齐、重复、对比准则,现在回顾一下。

  • 对齐可以使网页整洁、有规划。
  • 重复可以增强网页设计元素的视觉联系。
  • 对比可以区分网页内容并突出重点,引起注意。

今天开始讲述相似:相似是将网页中相同的内容打组。通过运用相似准则,访客很容易清楚网页中哪些内容是同一类的。不同间隔空间指示了网页内容之间不同的相似度。

1.先看上次的网页

 

 

目前为止,这个网页的设计已经改善了不少。而且现在还没有使用一些精美的图片来增强视觉效果,只是运用网页设计的几个简单准则,就使得网页变得专业。你可以很容易分清这个网页的布局,同时网页上也有一些要突出的重点。

现在开始运用相似准则,这会进一步改善网页的设计,同时使网页更具实用性。

2.运用相似到网页的侧边栏

看看上面的网页,你会发现网页已经有一部分内容运用了相似,网页主要内容组成了一个部分,连接和网站介绍组成了一个部分。

网页侧边栏还有一些问题。侧边栏有两大块的链接区域,这两块是通过一行空白隔开的。这样造成访客会疑惑,这两块链接区域是否是一个组的,如果是,为什么中间还有空白。

为网页侧边栏增加新的标题,让访客清楚两块链接区域是属于不同的内容,如下图:

 

 

注意比较前后的效果,通过使用相似准则,两块链接已经很容易区分出来了,一方面是为网页添加了新的标题,另一方面是增大了它们之间的空白间隔。这样 即使我们把网页标题移除,访客也可以清楚网页链接是属于不同的区域。同时要注意,标题和组内容的间隔要比标题和其他组的间隔来得小。

把文字部分和链接的间隔也加大,这样就很容易分出文字和链接不是属于一组的。

 

 

3.运用相似到网页的主要内容

我们可以用同样的方法来改善网页的主要内容部分。

看上图可以发现,网页主要内容部分的问题在于,标题及组内的间隔和标题和其他组的间隔过于平均,很难分清标题和文字哪些是一个组的。

1.缩小标题和文字的间隔,加大标题和其他组之间的间隔。这样就就很清楚网页标题是指向哪些文字的。

2.改变最后网页两段文字(列表)的组织结构。

我们让两个列表水平分布,分别为它们增加一个标题,并将它们放入一个大标题中,这样访客可以清楚,网页的两个列表是不一样的组,但是又有一定联系的。如网页中第一个列表介绍公司服务。第二个列表介绍公司产品。它们都属于标题“服务和产品”的一部分。

 

 

4.结论

网页设计的相似准则很容易被忽视,它对整个设计的改变不如其他准则来得明显,它的改变很细微,但是相似准则同样很重要。

现在,开始对比之前网页的设计和现在设计,之前网页的设计很明显是业余水准,网络上到处充斥着这样的网页。现在则可以谈得上专业的设计了,虽然看上 去还很简陋,这是因为还没为网页使用图片等增加视觉效果的手段。通过运用这四个网页设计的基本准则,已经为这个网页打好了基础,只要再花些功夫就能设计出 一个精美专业的网页。

这个系列教程已经完成,读者应该在平时浏览网页和设计网页中注意这四个基本准则,观察其他网页设计师如何使用这些准则的,相信之前没有专门学过网页设计的初学者学习完本教程后,也能轻松设计出专业网页。

分享到:
评论

相关推荐

    参考资料-工程勘察设计单位组织业余设计有关问题的规定.zip

    1. **业余设计的定义**:业余设计是指工程勘察设计单位的专业技术人员在工作之余,利用自己的专业知识和技术,进行的非本职工作的设计活动。这种活动通常是个人兴趣或自愿参与的,可能涉及到创新项目、个人研究或...

    毕业设计:Java毕业设计(业余草微信公众号).zip

    毕业设计:Java毕业设计(业余草微信公众号)

    业余无线电通信(第五版).pdf

    它涵盖了业余无线电通信的各个方面,从历史背景到现代技术应用,从理论知识到实践经验,为爱好者提供了全面而深入的学习材料。无论是初学者还是有一定基础的爱好者,都能从中获得有价值的信息和灵感,激发探索无线电...

    网页设计与制作-1期 前言.pdf

    在互联网时代,网站是信息传播的重要平台,因此理解和掌握网页设计与制作技术对计算机相关专业的学生至关重要,无论他们是专业的网站设计师还是业余爱好者。 本教程的目的是引导初学者有效地学习网页设计,避免在...

    asp.net学生业余生活调查系统源码

    某大学信息学院05级信息专业学生业余生活调查,可以进行选择或自定义 (一)设计如下面的数据项和数据结构。 1、题目信息,包括的数据项有:编号,主题,票数。 2、选项信息,包括的数据项有:编号,选项编号,选项...

    计算机科学与技术专业专升本函授、业余人才培养方案.pdf

    在计算机科学与技术专业中,这可能涉及到操作系统、数据结构、算法设计、软件工程、网络技术、数据库原理等课程的教学安排,以及相关实验室实践、课程设计、毕业设计等环节。 根据上述分析,如果要生成该人才培养...

    网页专业设计师自我鉴定.doc

    这些实际操作经验让我深入了解了网页设计的全过程,从需求分析到界面设计,再到前端开发和后台管理,我都积累了丰富的实战经验。 此外,我非常重视身体健康,积极参与体育锻炼,提高身体素质。同时,我也热衷于校园...

    业余电台操作证书四级考题答案

    【业余电台操作证书四级考题答案】涉及到的知识点主要包括: 1. **业余无线电台定义**:业余无线电台是业余无线电爱好者为了试验收发信设备、技术探讨、通信训练和比赛设立的电台,需要遵循相关法规和规定。 2. **...

    业余无线电考试A卷

    - **答案解析:**业余无线电台的操作人员需要具备一定的专业知识,遵守相关的法律法规,以确保通信的安全性和合法性。 #### 4. 考试认证 - **问题LK0020:**询问了“如何组织A、B类业余无线电证书的考试?” - [A...

    春天网页菜单 轻松制作各种样式的网页菜单

    在网页设计中,菜单是至关重要的元素之一,它引导用户...这个工具不仅适合专业设计师,也适合对网页设计有一定了解的业余爱好者。利用提供的各种功能,你可以轻松实现富有创意和实用性的网页菜单,提升网站的用户体验。

    最简单的业余超短波发信机和收信机.pdf

    下面我们将从基本原理到实现细节对业余超短波发信机和收信机进行详细介绍。 基本原理 超短波发信机和收信机的基本原理是基于电磁理论。电磁波是一种波长在1 mm到1 m之间的电磁波,它们可以被用来传输信息。在业余...

    450C业余段改制心得

    首先,450C的改制主要是为了将其工作频率调整到业余无线电频段,以便于合法、安全地进行通联和交流。在这个过程中,作者遇到了U高频率的干扰问题,这使得通信质量受到影响。通过草根老师和天狼老师的指导,以及与...

    NBA篮球个人网页

    【NBA篮球个人网页】是一个以NBA篮球为主题的个人网页设计作品,主要展示了制作者对篮球的热爱,并利用业余时间进行创作。这个网页设计涵盖了多种IT领域的知识点,包括前端开发技术、网页布局、数据获取与展示、用户...

    自学网页设计与制作PPT学习教案.pptx

    网页设计与制作是一门针对计算机网络技术及相关专业的专业必修课程,它在...总的来说,这门课程是网页设计初学者的全面指南,涵盖了从基础知识到实际操作的各个方面,旨在培养出具备专业技能和创新思维的网页设计师。

    HTML网站源码-蓝色专业企业响应式网页模板-适配移动端&PC端.zip

    此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。...总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。

    网页设计实习总结.docx

    在网页设计实习的过程中,我深入体验了从理论到实践的转化,学习了许多实际工作中必不可少的技能。以下是我对实习期间所涉及的知识点的详细说明: 1. **工作流程与团队协作**: - 在网页设计中,通常以小组形式...

    学生业余生活调查系统源码

    大学信息学院05级信息专业学生业余生活调查,可以进行选择或自定义 (一)设计如下面的数据项和数据结构。 1、题目信息,包括的数据项有:编号,主题,票数。 2、选项信息,包括的数据项有:编号,选项编号,选项...

    业余无线电手册 中文版 part4

    它不仅介绍了什么是业余无线电活动及业余无线电活动的内容,还从理论知识到实践指导,囊括了电子基础概念、元器件和电路模块、模拟和数字电路设计、故障检修技术、收发信操作技巧、无线电收发设备制作、天线设计等...

    计算机专业平面设计求职信.doc

    2. **软件应用**:精通网页设计三剑客(Dreamweaver、Firework、Flash),以及 Photoshop 和其他图形设计软件,表明在实际操作中有较高的水平。 3. **工作态度**:描述了自己具有吃苦耐劳、认真负责、乐于接受挑战...

Global site tag (gtag.js) - Google Analytics