成都驰锐科技

在网页设计， 网页布局的设计元素和位置就是一切。 因此，许多很酷的，令人兴奋的技术是可以帮助我们奠定了我们的设计（尤其是与我们所掌握的CSS3 ），我们常常忘记，结构是作为美学的重要性。

你如何确定的内容应该出现的地方，如何才能运转良好的接口增加网站的可读性？ 这就是我们将在这篇文章旨在揭示。
我们要研究的基本技术，可以帮助你改善你的一般内容流，以及缺乏一个更好的词，我会打电话到该技术的proxority原则（一混成词，结合“接近”和“优先级“）。

通过设计的通信
设计师已经明白，页面上的物质对象之间的关系。 这就是为什么当我们创建了一个设计，我们认为的视觉层次 ， 视觉重量 ， 格式塔心理学的重要组成部分的独特性，并影响其他成都网页设计的各个组成部分之间的关系原则。 它的原因，我们往往得到神经质，当涉及到一个导航菜单 ，页眉或页脚。

有了这么多的平均网页，在正确的地方，并在合适的时间正确的内容给用户，是了不起的成就！

如果你的内容没有适当的结构，可以有一些缺点，如：

迷路的关键信息或跳过
类似的错误倾向或混乱的用户交互问题
减少屏幕阅读器的无障碍网页
proxority原则，概括地说，提出，如果我们可以优先考虑我们的内容，以确保最相关的物质是可见的和吸引力，用户将立即被吸引到它的想法。

这项原则声称，所有相关的重要内容，应分组或联手尽可能让流和反馈。

这种技术的艺术，是不是在理论，因为我们经常布置的内容在逻辑上为我们写（标题，副标题，要点等）;相反，它是在规划阶段。

网站导航proxority原则
考虑的东西像一个导航菜单 。 一个网站的信息架构的第一件事情，我们做生产时，组织成一个整体结构，之后，我们添加类别或小节，如果适当的网页和链接。

这种技术导致以发展下拉菜单和其他独特的浏览艾滋病，这有助于我们进一步结合的内容，缺乏proxority。

规划导航菜单时，一定要特别密切关注的网页和其连接的价值，以使他们的行动proxority完美的例子。

这种特殊的技术适用于任何风格的网站，所以不管你是一个巨大的繁重，但服务内容的灯光布局（如亚马逊）或内容繁重，但光功能设计（如博客）扩展，应该是技术使用。

更好，但原则可以帮助你组织你的网站的信息架构;成都网页设计的proxority页之间是存在个别网页的重要。

如果你发现自己努力，以确定应放在东西 ，这一战略的指南将帮助您。

优先：升压，去除最坏的
我们中的许多人只知道太优先的好处。 我们给我们的内容优先起着页面后在感知价值的很大一部分。

例如，一个网站的标志/名称，是识别，因为它极为高的位置，通常在顶部的左上角，它保持在位置，每一个网站的页面上的知名度。

一个标志应该是页面上的所有其他对象，占主导地位。
这其proxority。

每个元素的值
以确定哪些网页件是最关键和最重要的，我们需要开始研究布局中的每一个对象，不管多么小。

率，他们根据他们的感知价值 （根据需要知道或有可能想知道您的访问者）和其功能价值 （根据作出什么贡献，他们的网站，如功能或广告）。

为此，您可以通过屏幕捕获整个页面（或打印）和注释，或由生产列表的页面上出现的一切。 这个练习将帮助你重新审视你的网站内容的价值。

率图像，媒体，内容（在段一级），并根据这个编号系统的一切：

等级   Element的说明
1      该网站不能没有这个功能。
2      这增加了好处，但非必要。
3      这补充或重申的内容。
4      这是多余的浪费空间，或在一些其他的方式。
消除不必要的元素
当你通过了一切，审查的结果。

之前，我们去任何进一步的，它可能是值得一提的，如果你找到的内容，链接或对象不再有用或没有任何贡献，删除它们。

消除杂波从一个接口是艰难的，但还原提高网站的用户体验。

对于3额定元素 ，去除可能有点苛刻，所以考虑重新措辞或附加的东西增加价值。

本网站安排成明确定义的段可读性的关键信息。

当你发现的东西，可以删除，合并，迁移，看一切你给的2分 。 这些元素可以是最难处理的，因为你想游客从中受益，但你不想覆他们。

给予的一种解决方案这些这些需要，但非必要元素1适当proxority使用逐步披露 ：使内容出现需求与下拉菜单或工具提示，或显示在页面中向下，进一步以便它是仍然可用，但不太突出。

许多网站使用逐步披露，以避免淹没他们的用户与细节。

接近：流，信息反馈和功能
我们认为优先考虑网页上的所有资产，确定哪些位比别人有更多的挥洒，消除已累计绒毛，结合成一个强大的结构薄弱材料和推动视野不太重要的数据的重要性。

现在，我们需要采取所有，其余内容，并按照通过第二部分过程：连接一切逻辑，并把它全部重新走到一起，就好像它是一个拼图游戏 - 或故事书，其中情节发展在连续点。

一切需要您的网站上，补充内容隐藏页或等待提示和可扩展的数据框，在其最摊薄的形式，你应该离开。

率的重要元素，在彼此的关系
回去了一切您已分配1和2的行列，并再次对他们进行排名;数目一切按什么顺序你相信读者需要了解它。

如果一切都结束了，它应该结束了，它都将做出完美的感觉，当你大声读出来。

这个网站背后的设计师和开发商认清组织和反馈的需要。

重新设计
一旦你得到了一切标记，重新洗牌的源代码相匹配的新的阅读顺序。 要特别注意位内容连接到或依赖于其他部分的内容（如图片说明），并把它们一起尽可能接近。

然后，让你的CSS和JavaScript进行必要的修改。

proxority：例子和行动模式
许多网站已经表现出我定义为高proxority中，他们采取非常谨慎的使用技术，为优先（将注意力集中在某些元素）和接近（作出反应的发生直接互动的对象旁边或以上） 。

下面是一个展示使用的最佳做法的几个例子。 一些我们已经简要地提到过，和其他正在这里介绍的。 你可以按照类似的做法，避免用户混淆，提高阅读效率。

使用累进披露跟踪形式的进度：

proxority：折纸网站
proxority原则，分配一个值和一个序列中的位置，在环绕它的对象，你在网页上找到的一切可以断定。 这种想法已经存在的Web初期以来，而是太少，设计师给予足够的重视。 想想通过什么实际需要，在需要的地方，当它应该出现（而不是简单地把在屏幕上的所有内容，在其全部的顺序，“小艾”，“）。 这种技术的需求正在增加，尤其是考虑到手持设备的扩散和“移动第一”的理念设计的想法。

如果内容是不值得的限制性移动布局，它为什么需要在桌面上的布局？

如果你有10个空闲时间，给这个简单的活动，一试。 通过您的网站和淘汰什么，不提供它应该去。 使现有的对象提供给用户更大的价值（或使用更少的空间），不要害怕重组，以确保您的代码，其内容，我们需要的是什么出现。 哦，如果你觉得诱惑，使行动引起的反应，确保用户知道您的网站响应;毕竟，你不希望他们点击“提交”在连续十次，只有失败。