对于所有的网站，组织内容可能是一个问题。由于内容定位不当，访问者可能不知道在哪里看，或什么时候。解体也可能看起来很sl and，让访客很快离开。对于内容繁多，功能丰富的网站来说，这可能是一个更大的问题。
对于所有的网站，组织内容可能是一个问题。由于内容定位不当，访问者可能不知道在哪里看，或什么时候。解体也可能看起来马虎，让访客很快离开。对于内容繁多，功能丰富的网站来说，这可能是一个更大的问题。
无论网站上是否有大量的内容，或者是否有许多可以使访问者或网站受益的附加功能，例如twitter提要，rss内容，精选帖子等，都是如此。一个博客。
在这篇文章中，我们将介绍一些关于如何保持设计简单和有组织的技术，同时处理很多额外的功能和内容。通过提前规划，网页设计可以变得更加方便用户，从而更好地实现网站的目标，无论是增加用户数量，获得更多注册，还是让更多的客户进入离线位置。
需要突出什么？
在开始为内容繁重的网站进行智能设计之前，必须知道哪些内容和功能应该突出其他内容。用户应该注意哪些内容？哪些部分反映了网站的主要目的？当然，这些问题的答案对于每种类型的网站来说都会有很大的不同。比萨店的网站可能希望将“立即订购”按钮放在最重要的位置，而当前的特价则直接放在后面。相比之下，公司的历史，员工，服务条款或其他方面，可能不是大多数访问者进入网站时的主要关注点，尽管如果需要的话可以获得内容。相反，博客会希望最先发现的内容，以及任何指定的精选帖子。其他社交媒体或强大的品牌存在将是第二位。
虽然上述两个例子相当明显，但是一些网站规划可能会更困难。为了简单起见，将过程分解成几个步骤：
首先，确定什么内容需要存在。为主页，内部页面和任何特殊页面分别计划。切块; 改变; 修改。上面的所有内容都需要特色吗？内容丰富的网站可以在每个网页上有很多，但是在那里没有真正不必要的内容。确保每个功能都有明确的目的。根据层次结构组织列表中的每个内容。不需要确定每个布局中的哪个位置，或者它将如何突出 - 只需将每个特征放在一个有序的列表中，从最引人注目的位置到最不显眼的位置。
在以这种方式组织内容之后，尽可能简单地考虑如何从设计角度组织这些内容。在下一节中，我们将讨论如何组织这个有组织的清单，并将其实施为一个整洁，平衡和结构良好的设计。
从客户端获取内容
这几乎是一个方面的说明，但如果处理客户端功能丰富的网页设计，这个技巧是必要的。在任何内容大量设计的线框和设计过程之前获取内容是绝对必要的。在与客户合作的大部分时间，内容可能会被要求提前，但是稍后还有很多内容变化。对于设计中的有限空间，简单的拼写错误可能很容易修正，但如果内容更改比先前计划更长或更短，那么设计将内容粘贴到特定空间时，肯定会变得更加困难。
为了让客户马上为网站提供所有内容的最终副本，首先解释为什么重要的是立即将其交给客户，并解释为什么会影响设计。然后，在合同中添加任何额外的费用和顾虑，不仅增加了内容更改所花费的时间，还增加了相应地修改设计以适应任何内容更改的时间。大多数情况下，只需一个简单的协议和解释就足以让客户花时间计划最终的内容。
适合所有并保持组织
你有最终的内容，你一直头脑风暴，并相应地组织所需的内容的视觉顺序。现在唯一的问题是你必须把它实现成一个网页设计。wireframing对于任何设计过程都很重要，但是这个功能丰富的网站应该花费更长的时间，并且需要更多的规划。
类型和布局的层次结构
许多功能丰富的网站主要是通过保持简单的方式来组织内容，并利用视觉层次结构的力量引导用户在需要的地方。有很多东西可以影响层次结构，包括视觉重量，但是许多内容丰富的网站带有附加功能选择走简单的路线：用有效的排版创建层次结构，并在布局中放置内容。
较大的部分组织在较小的部分中，靠近左上角的部分比朝右下方的部分受到更多的关注。遵循f模式放置视觉层次结构始终是一件值得记住的事情。此外，或者定义内容部分并根据重要性组织这些部分，可以使用印刷术。更大的字体大小，更独特的字体，文本颜色等等都可以影响网站上某个功能的视觉重要性。
只要看看aiga / ny网站的打击：
本网站的每个页面上都有很多内容，但是由于内容的组织方式以及页面内的类型设计的智能使用，它仍然很容易导航。对于内容重的网站，即使不是像这个例子那样的简约设计，总是把层次和排版作为创建组织的两个主要影响因素。
网格状设计
将内容粘贴到网格也是保持大量内容组织的好方法。它不仅可以帮助组织如上所述的更好的层次结构，而且还可以帮助保持物理和视觉上分离的内容区域。
要么使用网格框架，要么在设计内容大的页面时至少设置标尺。组织信息将去的地方，然后保持整个网格边际和填充规则一致，没有例外。
页面和目录结构
对于内容较重的网站，请首先创建一个详细的网站地图。在站点地图中，确定页面将如何连接或如何互相交互。还要确定哪些内容应该放在单个页面上，哪些内容应该分开。
目录结构也可以与页面结构并行。如果使用博客平台或其他cms来组织内容，目录结构可能不是你最大的问题，因为它将全部自动化。但是，如果建立一个自定义的网站结构，目录结构的规划就是设计阶段的一部分。在设计时考虑到这一点，或者与上述网站的开发人员合作，想出一个合理的目录和页面结构计划，设计师可以有效地进行设计。
技术
虽然规划功能丰富的网站是必不可少的，正如设计良好的组织一样，也有大量的技术在网络上使用，使网页设计师和开发人员能够适应更多的内容，而不会从设计分心。以下仅仅是这些技巧中的一小部分，尽管新的方法和想法也一直在出现。
只显示悬停或点击
现在有更多的网站正在做这些事情：只在点击或悬停时显示内容或功能。一个例子是twitter和facebook的feed更新形式。两者都显示一个简单的输入字段，点击并激活后，弹出“发送”按钮和其他选项。
这项技术的应用可以得到创造性，以上只是一个例子。下面是一些更鼓舞人心的使用教程，并介绍如何实现这个技术，或者像教程一样，或者用于其他用途。
在上面的教程中，面板中的内容是登录表单。但是，所有类型的滑动内容都可以添加到内容较重的网站，只有在访问者需要时才能查看。详细的导航或关于blurb是更多的例子。
这是登录的另一个例子，但它也包含一个快速注册过程和附加内容，以更好地展示这种技术的多功能性。
标签内容
选项卡式内容是根据访问者请求显示或隐藏内容的另一种简单方法。这通常用于侧面的小部件，并在标签之间包含相关的内容以更好的导航。但是，一些整个网站都是标签页，或者标签页用于从左到右的选项卡创建“信息流”。选项卡是将内容分离为步骤或部分以便访问者轻松导航的好方法。
当然，选项卡可以用于不同的原因，如突出显示内容，以及不同的方向和布局，如下面的示例和教程。
有很多创造性的方式可以使用标签，所以不要限制他们习惯于最常用的东西，或者是最“合理”的东西。标签是一个很好的界面技术，它提供了一个非常实用的清理功能丰富的功能网站，同时仍然保持所有需要或想要的信息在网页或网站上。
展示滑块
内容量大的网站最受欢迎的功能是展示精选，近期，热门或分组内容。这是让访问者在网站上搜索整个内容的好方法，也是让他们参与其中的好方法。然而，在单个网页上有不止一个重要的内容，也可能成为设计灾难的秘诀。
输入特色内容滑块的时代。很像标签，很多内容可以适合一个区域，游客可以根据需要选择和选择。但是，滑块可以提供更多的交互性，包括引起注意的动画和自动滚动。
滑块或精选内容选取器可以具有上述内容，非常适合博客文章之类的内容，或者更多地用于投资组合中的图像。
与其他许多方法一样，上面的例子采用了不太常用的布局方法。仅仅因为我们可能在网络上重复使用一些最常用的技术，并不意味着我们需要坚持相同的设计原则。
下拉菜单和内容
当然，下拉菜单对于网络来说并不是什么新东西，但是现在我们正在寻找更多的下拉内容或者详细的导航菜单。白宫的导航栏乍一看很简单，但通过下拉菜单有组织地覆盖了几乎所有的网站内容。
创建详细的下拉菜单实际上只是使用适当的智能标记和必要的样式。以下是一个伟大的下拉菜单的教程：
当然，事件内容和图像也可以在下拉菜单中使用，使其更有用：
可拆卸的＆可折叠的箱子
访问者请求可以退出不需要保留的内容区域，如警报或新的功能建议。模型框，警报或可以关闭或最小化的内容区域都是很好的例子。
允许访问者显示，隐藏或完全退出内容也是非常用户友好的。用户现在不想尝试新版本的网站？然后退出。他们对某些内容不感兴趣吗？然后摆脱它。通过允许访问者删除对网站不重要的某些内容部分，可以让他们更容易地关注他们感兴趣的内容，可能导致更多的行动和交互性。
橱窗
内容大量的网站无处不在，有些仅限于基本的内容，而另一些则以交互式推文，滑块等多种元素为特色，以有效的方式在单个页面上共享大量内容，同时保持设计的整洁和整洁。下面是功能丰富的网站展示，并看看他们如何能够把它关闭。
下午好
这个简单的网格设计让我们的网站能够浏览一些最新的博客文章，包括标题，博客和后期图片。由于三个可以横跨横向宽度，因此很容易在少量空间中显示大量内容。这里没有很多交互功能，但是通过在头版上使用良好的组织和相关的导航，仍然有大量的内容可用。
简化的安全
这个首页包含一个滑块，可以在一个区域内包含四个内容，同时增加交互性和极好的视觉体验。在底部，我们通过带有标题的缩略图看到更多的内容区域，在悬停的时候，它们显示了内容的简短内容。
agentia kairos
对于这个网站上的许多标签项目，它们实际上是不同的页面。有些网站选择走这条路线，而另一些则选择将所有内容放在一个页面上，根据用户的选项显示或隐藏。无论哪种方式，对于一个网站来说，这是一个很好的解决方案。除了选项卡式的内容之外，还有一些javascript滑块可显示多个选项卡中的各种内容，从而在空间有限的情况下允许更多的内容。
change.org
自从facebook和twitter等许多流行的社交网站兴起以来，“feed”的外观和布局已经流行起来。现在，甚至博客都采用这种节省空间的布局方案来配置博客帖子。在change.org网站上，有三个请愿的“供稿”：特色，最受欢迎，最近。这三个提要在三个标签页之间动态加载。我们还可以在右侧看到简单的导航，以清晰有组织的方式设计的其他特色内容，以及用于反馈的新“测试”选项卡功能，用户可以根据需要将其删除。
csr360
csr360网站有很多复杂的导航，当然，这往往会在很多时候与内容重的网站相伴随。为了组织所有这些导航，不同的部分在标题，左右，标签和标签下的子导航之间是分开的。此外，在内容的下方还有更多链接和行动号召，以帮助访问者进行导航。这种设计的其他显着特征是交互式滑块，清单和图像，用于围绕复杂和繁重的内容创建层次结构。
现场直播
livestream上的所有主要内容都被分成顶部的标签页，并分成可管理的部分。在每个部分中，更多的内容被组织到更多的标签中，或者以类似于网格的方式，允许类似的内容被放置在一个页面上而不会混乱。
纯手柄
再次，我们看到顶部的标签类似的模式，主要和次要导航分开。这个设计在网格内部组织内容方面做得非常出色，而且在图表的右侧列表中还有一些图标可以吸引注意力。对于交互式功能，或“技巧”来显示，隐藏，或让用户选择内容几乎没有。不过，这是一个内容和功能很重的网站的一个很好的例子，所有的内容都是公开的。
blik
关于blik网站的独特之处在于，尽管这个展示中的许多其他网站的功能很重要，但还是需要大量的图像。图像通常应该保持在最低限度，而简单的设计对于内容繁重的网站来说是必须的，但是blik使其能够处理所有的图像，还有一些图像。为了保持设计的完整性和复杂性，其他领域的内容被直观的牺牲了。我们有简单的排版，导航，网格和侧面的内容。
的zendesk
zendesk使用主导航功能，但将导航导航功能包括在下面的设计页面中。通过使用易于导航的选项卡，访问者可以显示所有需要的内容，但不必在每个页面上查看太多内容。在每个页面中，我们都有一个简单的网格来组织内容，而其中一些内容可能很多，但是从来没有变得过于强大，因为它在每个页面上都遵循一致的模式。
结论
设计功能丰富�...