计算机视觉学习内容_视觉内容指导：您需要了解的内容

内容的视觉方向尚未得到广泛讨论，但却是高转换Web设计的关键方面。 每个访问者都会在首页加载中“吸收”一个新站点，无论他们是否有意识地这样做。

美学确实起着作用，但是更多的是关于设计的整体感觉 。 这种感觉可能会受到空白， 版式 ，对称性的影响，但主要受页面元素之间的关系影响 。

设计师希望访问者留在页面上，并通过吸引他们的注意力并使他们对该站点保持兴趣来保持滚动 。 设计原则应始终侧重于形式之前的功能 。 这意味着设计应该补充内容 ，而不是事后才推论。

在本文中，我想向您展示一些有关如何改善网站布局和视觉内容流的提示。

专注于构图

网站的每个部分都基于整体布局 。 这种总体布局遵循格式塔理论的规则构成，该规则指出整体总是大于各个部分的和 。

页面的各个区域组合成一个整体 。 设计元素需要在内容上产生引力 。 页面上的所有内容自然应该引导访客进一步向下，直到他们到达页面底部 。

这就是为什么内容的不同部分（视觉，文本，按钮等）之间的关系对设计如此重要的原因。

您的目标应该是鼓励人们以自己的意愿浏览网站。 说起来容易做起来难，但是通过学习真实的例子您可以学到很多东西。

Monkop的主页是一个很好的示例，显示了文本和视觉效果的视觉层次结构。 元素之间使用了足够的空间，版式补充了品牌矢量图。

滚动时，您会注意到笔直的水平页面块除以颜色，边框和图形。 这些都是在考虑设计模式的基础上构建的，以提供整个页面的一致性 。

在底部，您会发现一个两列的拆分 ，一侧是图像，另一侧是文本。 图像还以左右-左右-左右的模式交换边 。 这引起了注意，并打破了典型页面的单调性 ，同时仍保持内容的自然流动 。

可以在Picjumbo的网站上找到类似的设计美学 ，该网站是Photoshop和Sketch用户的照片插件的登录页面。

主页将重点放在徽标和预览视频上。 滚动时，您会注意到自定义动画在整个页面中移动。 这个动画确实引起了观众的注意 ，并且使观众对保持滚动感兴趣 。

总体而言，页面感觉很开放 ， 易于浏览 。 内容分为带有清晰字体和简洁图标的水平块 。

考虑不同页面元素平衡的方式，元素之间的间隔，颜色之间的对比度以及不同的形状。 所有这些都在整体构成中发挥作用。 每个站点自然都会在内容上施加一定的分量。

没有绝对的答案，因为每个站点都不同。 例如， 某些导航链接较大或过大时看起来会更好 。 当其他字母大写的字母较小时，其他字母更适合。

我建议您研究利基市场中的其他网站。 真正分析它们如何组合在一起。 甚至尝试重建布局，以查看哪些元素最终使设计“融合在一起”。

字体设计事项

设计排版的方式将影响网站的内容方向 。 这与类型层次结构以及不同页面元素（如段落，标题，项目符号列表，引号）和特殊布局元素（如列或表格）的设计风格有关 。

视觉效果也会影响布局，因此，以自然的方式设计内容是一个好主意。 以顺着页面向下流动的方式编写内容， 并使人们不断阅读每一段。

您拥有的最大工具就是对设计的关注 。 学习识别印刷元素的差异，以及它们与其他页面元素的关系。 在页面部分之间创建关系以区分内容区域。

您可能会考虑的一些事项：

• 字体大小
• 字体系列
• 色彩对比
• 页面部分的关系
• 行高和段落边距
• 字母间距和大写/小写