网页设计的布局理念

2016-02-19 22:40 10 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是网页设计的布局理念,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。

  网页布局类型

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。

  1、“国”字型:
  也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

  2、拐角型:
  这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。

  3、标题正文型:
  这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  4、左右框架型:
  这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然

本新闻共3页,当前在第1页  1  2  3  

来源:http://www.tulaoshi.com/n/20160219/1628688.html

延伸阅读
在互联网上有数不清的网站,但大部分的设计布局都是大同小异的,特别是一些企业网站,就像只改改配色和内容,其它布局排版都是一个样的,这实在是没点创新啊,对于要求高的客户来说,这样是不合格的。 所以我们应该大胆的尝试一些新的排版,挑战自己,这样才会进步,这里由line25整理的《25 Innovative Websites that Buck the Design Trends...
扁平化网页设计的表现大多体现在配色、字体以及布局排版方面,这三样结合得当都能制作出漂亮的网站。在国内很多企业网站的布局架构几乎是一样的,最多就是LOGO和一点颜色变化,看不出什么特色和创新。 作为设计师,应该多花点心思在创新上,比如网页上的布局,其实它是可以变化多样的,正如今天为大家分享40个布局排版好看的网页设计作品,大...
随着互联网的高速发展,各种各样的网站层出不穷。在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。 作为网页设计师,我们...
基本的页面设计元素布局比例,给大家做个参考 标志图案 : 位置 统计结果 左上角 84% 右上角 6% 上方居中 6% 其他位置 4%   搜索功能 : 位置 统计结果 右上角 35% 左上角 ...
标签: Web开发
设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。 版面指的是浏览器看到的完整的一个页面(可以包含框...

经验教程

926

收藏

38
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部