青岛天琥教育分享网页设计布局的方法

  所谓T型布局，使指页面上部为横条(网站标志+广告条)、下方左半部为主菜单、右由半部分显示内容的布局。因为看上去像英文字母“T”，所以称为T型布局。下面青岛天琥教育介绍网页设计布局的方法，希望这些内容对您有帮助。

  l T型布局

  T型布局的优点是页面结构清晰，主次分明，强调秩序，能给人以稳重、可信赖的感觉，比较容易上手。缺点是规矩呆板，如果细节和色彩搭配上不注意，容易让人乏味。

  2 口型布局

  口型布局的页面上下各有一个广告条，左侧是主菜单，右侧放置友情链接等内容，中间是主要内容。

  口型布局的优点是充分利用版面，信息量大。其缺点是页面拥挤，不够灵活。

  3 POP布局

  POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单，如图 (c)所示。这种布局不讲究上下左右对称，但要平衡和有韵律，能达到强调、动感、高注目性的效果，常用于时尚类网站。其优点是漂亮吸引人，缺点是速度慢。

  网页设计的布局要点

  一、基于模块或网络

  有些排版方式是建立在模块化或类似网格的结构上的，在这些设计中，每个模块都力图根据屏幕尺寸伸缩调整。实际上这并不是什么新的方式，不过响应式网页设计让它变得更加有用，它暗示了一种自适应布局模式，可以像搭积木一样，由各种模块组件创建而成。

  二、无边界

  无边界的布局模式，只是画出了一个大致的框架图，也许你只是想说这只是框架，因为设计规划前期很多素材还并不完善。一段文字和一张图片，甚至一个图标，在你进行布局的时候，由于素材并不是立刻手到擒来，因此布局总是喜欢用一个个矩形来代表一段文字或一张图片，这本没有错，但这个做法也会让人陷入“框架陷阱”。

  可以肯定的是，这样设计网页并没有多少呼吸的空间，整个网页都被信息所填满，如果稍微改变一下布局的元素大小和位置，其实就会展示出不一样的版面效果，这样的排版也是更灵活的。

  三、垂直分割

  垂直分割式的布局在上一篇文章中我们也有提到过，使用垂直分割布局，原因有两个。有时候在一套设计中，的确存在两个同等重要的主体元素。网页设计的通常方法，是按照重要性给内容排序。然后重要性会体现在设计的层次和结构上。但是假如你就是要推广两样东西呢?这种方式，可以让你突出两者，并让用户迅速在其中做出选择。第二是要表现出重要的两面性。

  四、几何图形

  网页设计布局几乎都是由几何构成的，三角形、圆形、矩形等等，都经常被使用。加之显示屏本身就是矩形，因此在布局时常用到的也是矩形。

  在实际的设计过程中一定是花样百出的，绝不可能用一两种布局模式就轻松完成，多思考多改变，总不会出错。但不管如何变化设计方式，还是要围绕着“美观”与“用户”进行的。

尊重原创文章，转载请注明出处与链接：http://qdthjy.5zix.com/news/109906/ 违者必究！ 以上就是青岛天琥设计培训学校 小编为您整理青岛天琥教育分享网页设计布局的方法的全部内容。

---

• ← 如何设计用户喜欢的滚动页面
• photoshop在平面设计中如何应用 →