网页设计的内容

<返回列表

网页设计的内容与传统的视觉传达设计的内 容有所不同,除了网页页面本身的设计之外,还包 括有网站结构的设计和网页组成要素的设计。三个 方面的设计相互联系、缺一不可,共同组成了网页 设计的全部内容。


1、网站结构


网站结构,星指网站页面作为信息单元载体相 互之间的组织关系,即网页之间的链接结构关系, 对其可以用较为形象的方式来进行解釋。假设网站 每一个页面是一个点,那么链接就是连接这些点的 连接线,一个点可以通过一条连接线和另外一个点 进行连接,也可以通过多条连接线和多个点进行连 接。更重要的是,网页并不是分布茌一个平面上, 而是通过不同的链接结构存在于网站这样一个立 体空间之内的。


网站结构设计的目的是使浏览者能够更为便 捷地找到所茺要的页面与信息,同时在浏览过程中 能够清楚知道自己所处的网站位M:然后,浏览者 能在此基础上通过网站的导肮与超链接迅速跳 到站内的其他页面。简而言之,优秀的网站结构设 计即是闬展简洁的网站链接结构力图使浏览达到 最高的效率。


(1)层级结构链接


层级结构链接又可以称作树状结构链接,原因 是层级结构链接类似于树技的结构,树干的下一级 是主树技,再往下一级是更细的树技,依此类推。 该链接的方式是从首页链接开始指向一级页面,一 级页面链接指向二级页面,层级结构关系条理漓 晰明了,浏览者可以明确知追自己所处的位1,不 会迷失方向。但是,层级结构链接也有它不可避免 的缺点,即如果从一个一级栏目的子页面到另一个 一级栏目的子页面,必须经过首页链接,这样就降 低了浏览的效率。


层级结构链接.png


层级结构链接是运用最广泛的网站结构,几乎 所有网站的信息内容之间都在使用层级结构链接 这种树形关系。如图所示为新浪财经的页面结 构,采用的便是层级结构链接。新浪财经是新浪网 的一级页面,该页面中每个链接所指的页面下又有 各自的栏目链接,即二级页面,二级页面以下还有 更低层次的页面。


(2)并列结构链接


并列结构链接星指网站的页面链接相互之间 是并列关系,类似于网络服务器的链接结构,因此 也可称为星状链接结构。并列链接结构的每个页面 之间都建立有链接,且信息内容的模式和页面版式 设计都较为相似,这样可以使浏览者随时切换到自 己想看的页面。并列结构链接缺点是页面链接太 多,浏览者容易在浏览过程中迷失方向,无法准确 知道所处的位置


层级结构链接和并列结构链接是网站的两种 基本结构,也是当前网站结构设计中展常用的两种 模式。两种链接结构各有优劣,在网站结构设计中 根据实际情况灵活使用,既可以使页面结构更加清 晰,又可以提高浏览的速度和效率。通常诸况下, 可以茌首页和一级、二级页面之间使用并列式链 接结构,在二级和三级及以下级页面中使用层级结 构链接,这种方式很好地兼5了两种链接结构的优 势,是当前网站结构较为常用的一种设计方式。


关键词: 网页设计 内容

原创文章,转载请注明: 转载自陕西企尚网络科技有限公司

本文链接地址: 网页设计的内容

上一篇:网页设计中的专业术语
下一篇:西安网页设计告诉你如何设计吸引人的网站
网页设计,内容

阅读过此文章的读者,还阅读过下面的文章

企尚网络(西安网站建

网页设计 2017-09-05 15:19:35
企尚网络(西安网站建设)之:超链算法升级,外链拒绝功能下线 百度超链算法全面升级,从之前的内测数据中我们可以看到,算 ...查看全文

Ps Play – 在手机

网页设计 2017-09-05 15:19:35
如果你是一名移动 UI 设计师,那你一定会被这样的问题困扰:在 Photoshop 中设计好的图片,如何以最快最方便的方式导出到移动设备中预 ...查看全文

西安网页设计报价

网页设计 2017-09-05 15:19:35
企业用户希望能够在同等的价格之下去获得更好更专业的服务,一般情况下,客户会选择几家网络公司进行咨询西安网页设计报价。建站对于企业来 ...查看全文

西安网页设计欣赏【04

网页设计 2017-09-05 15:19:35
丢掉那些枯燥乏味的艺术课本,你需要的是更加新鲜有趣的艺术体验!界面布局大胆的视觉层次和简洁清晰的图标,打破了传统观展方式,让你随时 ...查看全文

网页设计中色彩表现原

网页设计 2017-09-05 15:19:35
计算机显示器是由一个个被称为像素的小点构成的,利用电子束表现色彩。像素把光的三原色红、黄、蓝组合成的色彩按照科学的原理表现出来。一 ...查看全文

企尚网络开通站长博客

网页设计 2017-09-05 15:19:35
陕西企尚网络与2015年8月7日开通站长博客,在其中探讨网站运营的各种知识,希望大家多多支持,博客的网址是:http: www sxqswl net blog ...查看全文

网页设计中的专业术语

网页设计 2017-09-05 15:19:35
学习网页设计,有必要对网页设计中的专业术 语做一个较为全面的了解。(1)网页HTML语言HTML是HyperText Marked Language 的缩写,意为超 ...查看全文

平面设计中,有哪些简

网页设计 2017-09-05 15:19:35
当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道 ...查看全文

西安seo之网站优化之

网页设计 2017-09-05 15:19:35
西安seo之网站优化之图片优化技巧网站优化的最终目的是抓住精准客户,然而要想在千千万万的网站中脱颖而出,需要靠程序、美工、策划、编辑 ...查看全文

网页设计、平面设计的

网页设计 2017-09-05 15:19:35
因为了解平面设计,总觉得网页设计是一件非常简单的事情,于是就在没有弄清楚网页设计的具体要求的时候就按照平面设计的规则走,最后弄得网页不像网页,平面不像平面。...查看全文

西安网页设计欣赏【02

网页设计 2017-09-05 15:19:35
【如何让你的网站看起来更加专业】如何让用户产生信任感是医疗类网页设计考虑的重要因素,干净、简约的画面能够表现其专业性。...查看全文

最佳网页设计中的简约

网页设计 2017-09-05 15:19:35
层次结构是一个网站构建的整体框架,但当你进入排版步骤,还必须建立相关的页面上特定的文本层次。在这一块,我们将解释如何才能使文本同页 ...查看全文
返回全部新闻

Copyright © 2015 企尚网络 陕ICP备15000158号-1

网络警察 12321垃圾信息举报 不良信息举报 中国文明网

关注&咨询

QQ咨询
新浪微博
微信公众号
建站帮助