网页设计 锚定，网页设计锚记

每一种设计技巧和工具，都有喜欢这个概念的人和那些讨厌它的人。在大多数情况下，任何一方都不是本质上对错的；因此，在处理此类项目之前，权衡所有注意事项非常重要。

滚动的优点：

鼓励互动 – 随着不断变化的元素不断**，它可以是一种有趣的讲故事方法，鼓励用户交互 - 尤其是高雅执行的视差滚动。

更快 – 长滚动比单击复杂的导航路径更快，并且不会减慢或限制用户体验。如Interaction Design Best Practices中所述，对时间的感知通常比实际时间的流逝更重要。

吸引用户 – 易用性可促进交互性，增加现场时间。对于无限滚动网站尤其如此，您可以在其中帮助用户发现他们可能甚至没有想到的相关内容。

响应式设计 – 页面设计在具有不同屏幕大小和功能的设备之间可能会变得复杂，但滚动有助于简化差异。

手势控制 – 滚动似乎与触摸有着有机的联系，因为向下轻扫比在屏幕上不同区域重复点击要自然得多。用户（尤其是移动设备）通常接受这一方式来显示信息。

令人愉快的设计 – 不需要多次单击即可获得更快的交互，从而获得更类似于应用或游戏的用户体验。

滚动的缺点

固执用户 –一些用户总是毫无理由地去**改变。尽管如此，该技术现在非常普遍（特别是在移动体验期间），可以说大多数用户都习惯了这种技术。

SEO缺点 - 只有一个页面可能对网站的SEO产生负面影响。

迷失方向 - 滚动和内容之间的断开可能会使用户感到困惑或脱节。

导航困难 – "返回"页面上的先前内容可能会很尴尬。为了对付这种情况，您可以创建一个持久的顶部导航，其中每个部分都锚定到页面。

网站速度 – 视频或图像图库等大量内容可能会降低网站速度，尤其是视差滚动网站，它们依赖于 Javascript 和 jQuery

没有页脚 – 使用无限滚动网站，我们建议使用简约的"粘性"页脚，这样您就不会牺牲可导航性。否则，用户可能会因为页面底部缺少进一步的导航而感到困惑。

撇开优点和缺点不谈，某些类型的网站更适合长滚动设计。更长的滚动网站更适合……

...包含很大一部分移动流量（大多数用户）

...包括频繁更新或新内容（如博客）

...有很多信息以单一的方式呈现，以便理解（如信息图）

...不包含富媒体，因为这可能导致负载时间的消耗

长滚动、视差效应和类似机制在设计领域中仍然比较新（约4年历史），但仍从试错经验中可以获取一些基本的最佳实践。

从 2015 和 2016 的 Web 设计趋势总结，以下是成功实现长滚动的一些日常技巧。

不用担心短滚动和长滚动交替使用。 让内容决定滚动长度，而不是反过来。 使用短滚动主页和长滚动着陆页（如产品，旅游等）非常好（并且非常受欢迎）。

考虑粘性导航，以便用户始终可以快速"返回"或从滚动中的元素跳转到另一个元素。

将滚动与设计元素或工具结合，以便每个用户都能快速了解网站的工作方式。箭头、动画按钮或类似的用户界面工具是帮助用户确定下一步操作的有趣且简单的方法。有些网站甚至包含一个小按钮，其中包含"滚动更多"或"开始"等说明，来提高页面的导航性。

明确区分滚动点击和其他CTA元素，以便网站获得所需的交互。

做一些研究，看看用户如何与滚动交互。例如，在 Google 分析中，可以打开"网页分析"选项卡，查看屏幕下方（第二屏及之后）用户的点击数。然后，你可以根据需要调整设计。

不要过分。长滚动并不意味着 500 页的连续内容 - 长滚动也可以很简单。讲述你的故事，然后适可而止，不要喋喋不休 。

专注于用户目标，并接受即使是无限滚动网站也不是真正无穷无尽的。 创建长滚动网站时，要了解用户仍需要方向感（当前位置）和导航（其他可能的路径）。

包括有助于在滚动中定位用户的视觉提示，例如左下方用于“七种类型的摩托车骑手”站点的头盔图标。

滚动可能是一把双刃剑，所以坚持使用它的建议用法，以避免它弊大于利。

平时用墨刀设计原型时候，可以直接拖动，增加页面长度，进行滚动设计。

锚点在心理学中的应用

锚点在心理学中的应用如下：

指对某一主题不相关的信息对该人的信念及判断产生影响，即心理污染的一个范畴。

例如：人们在对某一事物进行估算（估计）时，常会由于外界原因锚定一个参考起点，并在此基础上随意的开始移动，直到找到他们想要的答案为止。这也是所谓的“锚定与调整”现象。

锚点：

锚点是网页制作中超级链接的一种，又叫命名锚记，像一个迅速定位器一样，是一种页面内的超级链接，运用相当普遍。

使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。

1、锚点是通过HTML中的标签来实现的，通过为标签添加一个name属性和一个href属性，可以将一个网页中的某个元素与另一个网页中的某个元素关联起来。当用户点击这个链接时，浏览器会将滚动条自动滚动到目标元素的位置。

2、例如，在一个包含多个章节的长篇文章中，可以为每个章节标题添加一个锚点，这样用户就可以通过点击章节标题快速跳转到相应的内容。

3、锚点在网页设计中的应用非常广泛，在导航栏上：在长页面或多页面的网站中，可以使用锚点来实现导航栏的功能。用户可以通过点击导航栏上的链接快速跳转到页面的指定位置。

理解的概念

1、理解的过程：理解是一个过程，不是一蹴而就的。理解需要人们运用已有的知识和经验，对所遇到的问题或现象进行逐步深入的分析和认识。理解的过程包括对问题的初步认识、对问题的分解和分析、对问题的推理和判断、对问题的总结和归纳等环节。

2、理解的对象：理解的对象是事物或现象的本质、规律、意义、关系等。这些对象可以是抽象的概念、理论或思想，也可以是具体的物体、事件或现象。理解的对象不同，需要的背景知识和经验也不同。

3、理解的层次：理解的层次可以分为表面理解和深层理解两个层次。表面理解只是对所遇到的问题或现象进行初步的认识和描述，而深层理解则是对问题或现象的本质、规律、意义、关系等进行深入的分析和认识。深层理解需要更强的逻辑推理和抽象思维能力。

4、理解的方法：理解的方法包括直接理解和间接理解两种。直接理解是指直接通过感官和直觉对事物或现象进行认识和理解，而间接理解则是通过中介或工具对事物或现象进行认识和理解。间接理解需要更强的抽象思维和判断能力。