任何关于微信投票的计划都与使用重复和重复不可分割

做任何规划都与大而重复的使用是分不开的，这样我们的规划才能更加合理和科学，我们才能坚持下去。让我们讨论如何在产品规划中使用这种方法。

如上图所示，球会吸引我们阅读比右侧的b球更多。大物体的视觉成分会更大，我们眼睛的视觉方向会主动转向他。

在产品规划中使用尺寸和重复

如上图所示，让我们坚持原始尺寸，改变透明度，视觉成分是否会发生变化为什么

当我们减少球的视觉成分时，即使b球很小，他也会吸引我们的眼睛，因为b球的视觉成分相对较大。

在产品规划中使用尺寸和重复

如上所示，如果两个球的大小相同怎么办它仍然是b球将吸引我们的眼睛，因为B球彩色光首先进入我们的眼睛

我们如何在产品规划中应用这些原则

在产品规划中使用尺寸和重复

如上图所示，它们的可视组件按顺序排列。最大的是序列1。最小的是4，不重要的元素可以通过减少它们或降低透明度来削弱它们。

微信刷票

例如：

在产品规划中使用尺寸和重复

在产品规划中反复使用

重复有没有人打个问号看到这个标题在我写一篇名为Common Criteria的文章之前，我让方重复一遍。我当时不是很详细，今天我会重温它。

重复的重要性可以使产品的规划更有节奏和高质量。为什么我们说有许多原子单位可以重复，颜色，距离，大小，组件，圆角值，功能特征等。与同一特征交互的多个页面重复交互是常见的

示例显示
重复距离

在产品规划中使用尺寸和重复

在上图中，我总共使用了3个距离。

特别如验证：

在产品规划中使用尺寸和重复

微信刷票

在字线中，虽然距离重复，但主页的布局不严，但没有节奏。图像共享也相当古怪，多行段落文本看起来很松散。

结果：

产品设计的尺寸和重复

重复组件样式（截图到网易蜗牛阅读）

产品设计的尺寸和重复

如果上面的屏幕截图被标记，控制倒角是一致的，形成一个看不见的视觉基因

以下是相反的例子（截图到UC标题）

产品设计的尺寸和重复

UC标题的底部图标非常圆润，图标设计师延续了品牌LOGO Deer的流线。这里的设计语言与底部图标冲突。大多数按钮设计没有圆角，尖锐的轮廓（1,3），很少的按钮有圆角，即2









不一致，整体设计不知道要传达什么设计语言。

经过仔细观察蜗牛阅读的产品设计，从图片圆角到按钮，标签，图标设计的设计语言都带有圆角和产品标志的氛围。

重复的颜色

这是什么这意味着由相同操作的功能表达的视觉含义是一致的。
产品设计中应用程序的大小和重复与相同属性的颜色相同，例如上面的IOS系统软件。界面截图，可点击的局部颜色是一致的，IOS设计在这方面确实非常好，控制效果更好。

微信刷票

总结

设计界面时要注意的要点：

学会用大小来区分层次结构，以不同的方式区分信息级别，如颜色，降低透明度，粗体等;

产品设计中的重复使用可以扩展到颜色，间距，尺寸，组件，圆角值，功能属性等。

做任何规划都与大而重复的使用是分不开的，这样我们的规划才能更加合理和科学，我们才能坚持下去。让我们讨论如何在产品规划中使用这种方法。

如上图所示，球会吸引我们阅读比右侧的b球更多。大物体的视觉成分会更大，我们眼睛的视觉方向会主动转向他。

在产品规划中使用尺寸和重复

如上图所示，让我们坚持原始尺寸，改变透明度，视觉成分是否会发生变化为什么

当我们减少球的视觉成分时，即使b球很小，他也会吸引我们的眼睛，因为b球的视觉成分相对较大。

在产品规划中使用尺寸和重复

如上所示，如果两个球的大小相同怎么办它仍然是b球将吸引我们的眼睛，因为B球彩色光首先进入我们的眼睛

我们如何在产品规划中应用这些原则

在产品规划中使用尺寸和重复

如上图所示，它们的可视组件按顺序排列。最大的是序列1。最小的是4，不重要的元素可以通过减少它们或降低透明度来削弱它们。

微信刷票

例如：

在产品规划中使用尺寸和重复

在产品规划中反复使用

重复有没有人打个问号看到这个标题在我写一篇名为Common Criteria的文章之前，我让方重复一遍。我当时不是很详细，今天我会重温它。

重复的重要性可以使产品的规划更有节奏和高质量。为什么我们说有许多原子单位可以重复，颜色，距离，大小，组件，圆角值，功能特征等。与同一特征交互的多个页面重复交互是常见的

示例显示
重复距离

在产品规划中使用尺寸和重复

在上图中，我总共使用了3个距离。

特别如验证：

在产品规划中使用尺寸和重复

微信刷票

在字线中，虽然距离重复，但主页的布局不严，但没有节奏。图像共享也相当古怪，多行段落文本看起来很松散。

结果：

产品设计的尺寸和重复

重复组件样式（截图到网易蜗牛阅读）

产品设计的尺寸和重复

如果上面的屏幕截图被标记，控制倒角是一致的，形成一个看不见的视觉基因

以下是相反的例子（截图到UC标题）

产品设计的尺寸和重复

UC标题的底部图标非常圆润，图标设计师延续了品牌LOGO Deer的流线。这里的设计语言与底部图标冲突。大多数按钮设计没有圆角，尖锐的轮廓（1,3），很少的按钮有圆角，即2









不一致，整体设计不知道要传达什么设计语言。

经过仔细观察蜗牛阅读的产品设计，从图片圆角到按钮，标签，图标设计的设计语言都带有圆角和产品标志的氛围。

重复的颜色

这是什么这意味着由相同操作的功能表达的视觉含义是一致的。
产品设计中应用程序的大小和重复与相同属性的颜色相同，例如上面的IOS系统软件。界面截图，可点击的局部颜色是一致的，IOS设计在这方面确实非常好，控制效果更好。

微信刷票

总结

设计界面时要注意的要点：

学会用大小来区分层次结构，以不同的方式区分信息级别，如颜色，降低透明度，粗体等;

产品设计中的重复使用可以扩展到颜色，间距，尺寸，组件，圆角值，功能属性等。