网页设计中，，
，，内容组织生怕是最至关主要、最影响设计品质的方面了。。。
。。。怎样将信息组织到好的结构中，，
，，是一个网站的基础，，
，，并且应该在思量外观之前就决议好。。。
。。。没有好的结构，，
，，网页信息流就不可准确转达，，
，，所有工具都不可建设起合理的联系。。。
。。。

在这篇文章中，，
，，我们将讨论八个结构解决计划/技巧，，
，，这些计划和技巧将有助于你建设整齐有序的内容结构。。。
。。。这八个技巧包括：滑门(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. 超大下拉菜单

导航纷歧定非得是几个简朴的超链接组合。。。
。。。最近，，
，，导航设计有一个盛行趋势：不但仅提供“航向”选择，，
，，也提供网站内各“终点站”位置以及“终点站”之间的隶属关系。。。
。。。所谓“超大”下拉菜单常见于电子常务网站，，
，，用于展示他们庞杂的商品分类。。。
。。。这种样式正成为设计趋势，，
，，由于它能通过通俗的翻转就提供大宗分类信息，，
，，而不需要用户特另外点击。。。
。。。

本文来自腾博诚信官网网络营销 转载请注明