网页设计的内容

<返回列表

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


1、网站结构


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


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


(1)层级结构链接


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


层级结构链接.png


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


(2)并列结构链接


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


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


关键词: 网页设计 内容

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

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

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

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

西安网页设计告诉你如

网页设计 2017-09-05 15:19:35
随着涌入互联网的网民的增多,各种各样网站也层出不穷,如何创建一个吸引人的网 站就显得非常重要了。如果是一个收益性的网站,良好的设计 ...查看全文

谈谈用户体验设计中的

网页设计 2017-09-05 15:19:35
设计大型电商网站或者复杂的在线服务时,你很可能需要设计一套系统,来梳理顺序与结构。把它设计得简单直观,让用户顺利通过,是提升转化率 ...查看全文

网站设计的未来发展趋

网页设计 2017-09-05 15:19:35
随着现代科技的高速发展,不断更替,人们对网的要求也在逐渐提高,近年来,人们对响应式的各类设计的讨论也在逐渐提高,响应式一下成了 ...查看全文

网站设计解析网站种类

网页设计 2017-09-05 15:19:35
网站的分类按对象来划分可以分为 To C端和 To B端两种。To C端就是面向用户和消费者,例如门户网站、企业网站、产品网站、电商网站、 ...查看全文

重点强调:网站建设和

网页设计 2017-09-05 15:19:35
对建站的一些概念,很多人都是模糊的,实际上外行人很难分清它们的不同,只有行内人士才知道到底是怎么回事。以网站设计和网站建设为例,很 ...查看全文

在网页设计中如何对文

网页设计 2017-09-05 15:19:35
由于文字是网站内容的核心主体,而且对于搜索引擎而言,所需要采集的内容主要也是文字,因此文字内容往往就是网页的主体部分,我们在设计网 ...查看全文

一组非常酷的版面设计

网页设计 2017-09-05 15:19:35
这是一份非常精美的排版,每次要西安网页设计排版排版的时候都会来借鉴一下,推荐给您希望您喜欢。...查看全文

网页设计工作流程解析

网页设计 2017-09-05 15:19:35
首先让我们来看一下网站设计的工作流程吧,除了之前介绍过的用户研究、撰写产品需求文档、市场文档、做竞品调研等工作之外,与设计师密切相 ...查看全文

使用HTML5的十大原因

网页设计 2017-09-05 15:19:35
你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因;它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML ...查看全文

专注网站的用户体验研

网页设计 2017-09-05 15:19:35
每次我们为客户建设网站的时候,总是在强调用户体验至关重要。经过小编的观察,大部分公司将用户体验挂在嘴上,其实都是忽悠客户的,为什么 ...查看全文

Ps Play – 在手机

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

15个布局创意力MAX的

网页设计 2017-09-05 15:19:35
安利一波创意超棒的网站,这15个网站布局的脑洞已经突破天际了,花样百出无一不是亮点,而且进入网站发现大多数动效做得都特别赞,即使是产 ...查看全文
返回全部新闻

Copyright © 2015 陕西企尚网络科技有限公司 陕ICP备15000158号-1

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