4、应用正确的布局

正如我们所知，用户体验很大程度上取决于网站的布局。对于媒体丰富的网站，常见的布局选择通常是网格。这是因为网格的模式**地显示了一组图像，而且每个图像都并排显示。

下面的部分描述了三种主要的网格类型，每个类型都有一个示例。

应用一个经典网格

典型的网格是包含大小相等的正方形图像拇指的网格。它带来了一种平衡感和和谐感，适用于图像不是主要扫描项目的页面。卡片列表是一个经典网格的选项。想想常见的用例，比如YouTube和Dribbble。

应用一个BRUTALIST网格

下面是一个投资组合站点的例子，该站点不遵循非常熟悉的网格布局，但仍然关注内容。马库斯·埃里克森（Marcus Eriksson）是一位炙手可热的摄影师，他的客户包括耐克（Nike）和ESPN等**品牌。他的网站以非传统的网格布局为特色，在不牺牲可用性的前提下吸引观众的注意力。这个站点的延迟加载也非常好。

如果你想让你的访问者关注几个单独的图片，使用这个模式。混乱的布局是非常迷人的，有一个惊喜的元素。然而，要注意的是，有些图片可能会从所有的喧嚣中“迷失”。

应用砌体网格

谷歌艺术与文化的艺术调色板实验将流行的艺术品分解成基本的调色板。相反，它还可以根据您选择的调色板显示艺术形式。

对于我们的目的，艺术调色板网站是鼓舞人心的。这是一个很好的砌体网格的例子，显示不同大小的图像，同时保持它们“有序”。这是显示大量图像的*佳方式，同时保持原来的长宽比。

（你可以用这个插件建立你自己的砌体网格。）

关于性能的补充说明：还记得前面提到的骨架技术吗?艺术调色板站点通过首先加载一个延迟加载的、占主导地位的色块，然后逐步加载低质量的图像占位符（LQIP），使其达到一个新的高度。强烈推荐的举动!

5、为目标添加动作

运动元素增加了网站的视觉天赋。然而，就像文本一样，在处理大量图像时，要确保运动和图像一起工作。

在谷歌的材料设计中提到了一些运动设计原则的*佳实践。下面是一些如何在网站中使用动画来支持用户体验的例子。

宣布布局变化

在很多情况下，页面布局的变化会让访问者感到不安，就好像页面上的所有东西都在改变位置，地面也在改变一样。动画可以帮助你的访问者软化变化。

考虑这个例子，它在一个典型的网格中显示图像。当鼠标移到一个图像上时，一个微妙的动作会将访问者的注意力转移到这个元素上。换句话说，动画巧妙地将访问者从网格布局引导到单图像布局。简单而有效。

负载轻松

另一个有趣的例子是优步的设计网站。由于用户的主要操作是简单地向下滚动页面，这会触发图像加载，因此网站通过平滑的过渡和微妙的动画来丰富浏览体验，同时以一种清晰、容易访问的方式呈现相关信息。

切换图像

Fubiz使用动画技术在图片库中的图片之间切换，显示出每个图片的内部信息。

加入动画来讲述一个故事

*后一个例子是Avocode的2017年设计报告，在这份报告中，每一页都有一个故事与一些世界顶尖设计人才创作的插图分享。这份报告就像连环画一样，每一个插图的制作和动画都是为了加强报告的关键发现。

不要忘记视频的优点

这里有一个很好的经验法则：如果你可以发布视频而不是图片，那就这么做。看看这个耐克产品图库的例子，其中一个项目，伪装成一个图像，实际上，是一个视频。在加载视频之前会显示一个图像，这样购物者的体验就不会被抽象出来。

结论

必须处理大量图像或视觉媒体的显示并不意味着你应该忽略设计原则，设计一个不考虑用户体验的时尚网站总是失败的。规划图片作为你网站目标的一部分，执行性能，并结合动画可以使壮观的体验和枯燥的体验完全不同。

给网站增加一个网站地图，是每个网站建设公司或者是企业网站建设所必须的，因为网站地图能够给搜索引擎提供一个快速的索引途径。

给网站增加网站地图有什么好处呢？北京网站建设来讲一下。

首先网站增加了网站地图能够增强搜索引擎的抓取，虽然说现在的搜索引擎爬虫技术在不断的改进，但说到底他还不是完全的智能，有的时候你网站更新了文章或者页面，爬虫也不一定回来爬行抓取你的网站，这个时候就需要给搜索引擎一个专门的地图，让爬虫知道我们网站的链接，进而爬行这些URL，建立索引和收录。

对于网站的访客来说，网站地图也是很有帮助的，网站地图位网站的访问者指明了方向，帮助迷失的访客找到他们想要查看的页面，不至于因为找不到想要的页面而离开网站。无形中增加网站访客的浏览量，减少了跳出率。对网站的运营维护，SEO优化都有着非常重要的意义。

给网站增加网站地图能够增加搜索引擎爬虫抓取网站的频率，还能够有效的维护网站的原创内容所有权，现在的互联网，有很多人利用手段窃取你网站的原创内容发布到其他平台，但是如果你的网站增加了网站地图，当你发布了网站内容，搜索引擎会很快的爬行你的网站，抓取收录你的网站内容，这样搜索引擎就会意识到你的文章才是*原始的发布者，就消除了搜索引擎对你网站文章来源的疑惑，不会判定你的文章是伪原创。