网页设计中，内容组织生怕是最至关沉要、最影响设计品质的方面了。若何将信息组织到好的布局中，是一个网站的基础，并且应该在思考表观之前就决定好。没有好的布局，网页信息流就不能正确传递，所有器材都不能成立起合理的联系。

在这篇文章中，我们将会商八个布局解决规划/技巧，这些规划和技巧将有助于你创建整洁有序的内容布局。这八个技巧蕴含：滑门(sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴成效(accordions)以及超大下拉菜单(mega drop-down-menus)。

1. 滑动形状与传送带(Sliders and Carousels)

滑门(Sliders)，也可称为传送带(carousels)，是一种有序的、交互性强、极度滑润地展示内容的方式
；判巫词且桓黾仁⑿械募记，各人都感触它很好用，能让你在固定的区块内填充上大量内容。没有滑门的援手，这些内容可能就要分盛开到页面中的各个处所。而大无数时辰，你在使用页面空间时总是左支右绌
；蛘，有些内容是你但愿“用户要求”后才出现。这有助于让用户一次只关注一个内容区块，也切合他们自己的方便需要。

2.标签卡导航元素

性质上标签卡导航和滑门成效是差不多的技巧。它们都能助你把一大片内容放到一幼块区域里。标签卡导航很常见，但也有好多不常见的使用方式。我们这里关注的是在一个页面内部的标签卡，而不是用于在分歧页面之间跳转的标签形状主导航。标签卡很显著地将内容划分到分歧区块，最终又把他们融合到占地面积很幼的一个区块中。

3. 模态窗口

模态窗口（Modal windows），或者称为浮窗，通常用于在空间严重的页面中展示额表信息。在模态窗口中，你能够搁置放大版的图像、额表内容、忠告/提醒信息、视频等等。用模态窗口展示信息时，记得要同时明确地提醒用户若何干关它。

同时，用于打开模态窗口的链接、缩略图、图标或者其他图形元素，肯定要保障与模态窗口要展示的内容有足够的关联。类似的图标、提要、图形元素都能援手用户成立原始链接与打开的窗口的联系。

4. 翻转元素 Rollover Elements

翻转元素目前被越来越多地使用于贸易网站、文章集站点和产品展示页。翻转元素的主题概想就是当用户鼠标移到某个按钮或网页元素上时，处于另一个布局区域的元素就自动显示出来。请看下面的例子深刻相识我说的“翻转元素”到底是什么。

5. 渐进布局Progressive Layouts

“渐进布局”的意思是站点内容依照肯定的挨次一块一块地显示给用户。这种组织内容的做法比力畸形，但也能在好多网站上看到。渐进布局能援手用户更容易地深刻一长串信息。

6. 网格

会商布局的文章是不成能避开网格不谈的。网格通常被以为是任何平衡、有序、简练的网页布局的基础。好多设计师都以为网格是处置信息容量很大的页面时的必备兵器。有时辰单独使用网格就能很好的展示信息，甚至不必要其他技巧。好的网格可能将一个页面中的全数内容都整合进流动布局里，而内容的可读性，或者若是用户想急剧浏览，都不会受到影响。

7. 手风琴成效（折叠菜单）

折叠菜单和滑动门以及标签卡涉及统一个概想：把大量信息压缩到一幼块区域里。“手风琴成效”指的是一些被水平或垂直组织的区块，通过点击，一个内容区块滑向另一个区块，并将其内部内容展示出来，和手风琴的推拉过程有点类似。

8. 超大下拉菜单

导航不愿定非得是几个单一的超链接组合。最近，导航设计有一个盛行趋向：不仅仅提供“航向”选择，也提供网站内各“终点站”地位以及“终点站”之间的隶属关系。所谓“超大”下拉菜单常见于电子常务网站，用于展示他们错杂的商品分类。这种形状正成为设计趋向，由于它能通过通常的翻转就提供大量分类信息，而不必要用户额表的点击。

本文来自J9集团网络营销 转载请注明