网站专业知识传播,可承接全国企业网站建设、电商网站建设、微信小程序开发、APP开发、SEO优化排名 客服微信:CQWT666
当前位置:网站建设知识>网站>网站设计>网站设计资讯>网站设计布局基本常识总结

网站设计布局基本常识总结

2016-04-16 网站设计 7.61万阅读 投稿:luoke

网站作为新媒体,具有很多与传统媒体不同的特征与特性,在开始制作网页之前,需要对网站的设计有全面的了解和认识。这一章首先介绍网页的基本概念及构成要素,帮助大家理解网页的特点与结构;接下来学习网站建设的基本流程,了解网站是如何从无到有的;此外,网页版式与风格设计是建设一个成功网站的关键,学习基本的规律有助于设计出更美观、实用的网站。

认识网页与网站

网页(Web Page)实际上是一个文件,网页经由网址(URL)来识别与存取。当浏览者输入一个网址或单击某个链接,在浏览器中显示出来的就是一个网页。

网站(Web Site)是各种各样网页的集合,有的网站内容众多,如新浪、搜狐等门户网站;有个网站只有几个页面,如个人网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页(Home Page)。例如,当浏览者输入搜狐网站地址“

网页的基本构成要素

虽然网页种类繁多,形式内容各有不同。但网页的基本构成要素大体相同,包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等,如图所示。网页设计就是要将上述构成要素有机整合,表达出美与和谐。

网站建设的基本流程

规范的网站建设应遵循一定的流程,主要由规划设计阶段、实施发布阶段、评价阶段组成,各个阶段的具体环节如图所示。

页头

页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。

页脚

页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。

文本

文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着dhtml的兴起,文本已经可以按照自己的要求放置到页面的任何位置。

图片

图片和文本是网站设计的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。

网页版式设计

网页的版式设计是网页设计的核心,主要内容包括网页整体布局设计和导航样式的设计。本节将介绍常见的几种网页布局,以及网页导航设计应遵循的原则。

整体造型

造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。对于不同的形状,它们所代表的意义是不同的。虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。

页面尺寸

由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620x311个象素;分辨率在1024x768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。

声明:重庆建站无忧科技有限公司所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。

本文标题:网站设计布局基本常识总结

本文链接:http://www.jianzhan51.com.cn/article/865.html

910