欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > 网页制作 >  网页设计学习之认识网页与网站

网页设计学习之认识网页与网站

来源:培训无忧网 发布人:云朵

2022-01-29 13:52:28|已浏览:169次

网页设计学习之认识网页与网站

认识网页与网站

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

      网站(Web Site)是各种各样网页的集合,有的网站内容众多,如新浪、搜狐等门户网站;有个网站只有几个页面,如个人网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页(Home Page)。例如,当浏览者输入搜狐网站地址“www.sohu.com”后出现在第一个页面,即sohu网站的首页。浏览者可以根据首页的导航进入其他页面,了解更多内容。

网页的基本构成要素

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

网站建设的基本流程

      规范的网站建设应遵循一定的流程,主要由规划设计阶段、实施发布阶段、评价阶段组成。

网页版式设计

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

网页布局

      网页布局是网页设计的基础,目前网页的布局主要可归为三大类型:分栏式结构、区块分布式结构、无框架局限式结构。

      1.分栏式结构

      2.区域分布式结构

      3.无框架局限式结构

导航设计

      导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标,有了它就不会在浏览网站时“迷路”。导航链接着各个页面,只要单击导航中的超级链接就能进入相应的页面。

      导航设计的好坏,决定着用户是否能很方便地使用网站。导航设计应直观明确,最大限度地为用户使用考虑,尽可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求,不同的网站会采用不同的导航方式。一般来说,在网页的上端或左侧设置导航栏是比较普遍的方式。网站采用上端文字作为一级导航,左侧树状结构菜单作为二级导航。

导航设计应遵循以下原则:

      让用户了解当前所处的位置;

      让用户能根据走过的路径,确定下一步的前进方向和路径;

      不需要浏览太多的页面才能找到需要的信息,让用户能快速而简捷地找到所需的信息,并以最佳的路径到达这些信息;

      让用户使用网站遇到困难时,能寻求到解决困难的方法,找到最佳路径;

      让用户清楚地了解整个网站的结构概况,产生整体性感知;

      对使用频率不同的信息作有序处理

网页风格设计

      同样的版式设计,配色不同,文字样式不同,也可以呈现出多种不同的网页风格。本节将结合实例从网页配色、文字艺术两个方面对网页风格设计进行具体分析。

网页配色

      设计精美的网站都有其色调构成的总体倾向。以一种或几种临近颜色为主导,使网页全局呈现某种和谐、统一的色彩倾向。下面介绍一些网页配色的具体经验。

      运用色系。先根据网页主题,选定一种主色,然后调整透明度或饱和度,也就是将色彩变浅或加深,调配出新的色彩。这样的页面看起来色彩一致,有层次感。IBM网站运用蓝色系营造出蓝色海洋的感觉。

      使用对比色。可以充分利用对比色进行设计,同时注意使用灰色调进行调和。这样的作品页面色彩丰富。

文字艺术

      文字在版面中一般占有绝大部分空间,是网页信息的主要载体。处理好文字关系到网页设计的成败。字体的选择、字号的大小、文字的颜色、行与行的距离、段落与段落的安排,都需要认真考虑。好的文字设计会给网页增色不少。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-19163.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注网页制作频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!