你可能已经掌握了某些方面的使用对比度和重复(或相似性),你如何设计网页进行网站建设,甚至没有意识到,你一直在做什么。你可能已经将某些元素在一页因为他们视觉上或美学上相似。在同一个呼吸中,你还包括其他元素,以提供相反的一切,在页面上停止您的设计寻找“平淡”。这些都是基本的设计原则,你很有可能已经学会或使用直觉,但我相信它总是很好,回到基础,以提高你的工作。所以让我们在设计上更接近对比和重复。
对比是什么?
在尽可能多的人类思维的“更高”的大脑中,我们更倾向于更依赖于我们的“蜥蜴”的大脑,专注于识别变化的情况下或我们周围的环境。事实上,这是“蜥蜴”的大脑,确保了我们的生存,而我们的许多“祖先”只是死了。
我们很快就认识到图案或形状的变化,然后对它们作出反应。在你的设计中使用对比度将有助于吸引注意力到某个站点的特定区域或元素,或者至少它会在使用时使用。这是一个非常简单的例子,这是一个文本元素的大胆,立即对比它在页面上的每一个其他字。事实上,技术作家做这相当一点,因为它允许读者快速扫描文档,以了解什么步骤是需要完成一个给定的过程。
工作对比与重复。颜色的对比度,形状的重复
确保使用对比度的关键是在适当的情况下使用它,只有在适当的情况下才可以使用它。少是肯定的,当它来对比。
在网络设计中,对比度可以用在颜色、大小和排列上。大多数人会想到的颜色,当他们听到这个词对比,但对比的原则是远远不限于颜色。事实上,对比是不可缺少的,当它涉及到帮助用户区分一个页面元素从另一个。
这里的一个例子,大多数网页都有一个标题,一个脚注和一个内容区域,这些区域是不同的,需要在视觉上分离。通过使用对比背景颜色,你将实现。
背景色对比。注:你可以下载的WordPress主题。
你可以用几种方式在文本中使用对比度。你可以给标题,字幕和段落文本不同的颜色,从而使它们彼此分离。或者你可以给他们不同的大小,从而创建层次结构。你可能已经注意到我在这里发表的每一篇文章都使用这种方法。或者你可以使用这两种方法在一起。
这两种方法在文本一起使用的对比度
用对比度的大小,或者说比别人更大的东西,是一个很好的方法来创建层次,你不能依靠颜色。例如,如果你的设计有简约的配色方案,主要内容是在中间的一个流行的三柱布局,你可以使中柱多大的比其他两个,从而让客人知道他应该更多地关注它。
对齐的对比度如何?我会说这种方法很谨慎。对齐可以使或打破一个设计,你完全可以不这样做。但我不能说,一个正确的对比在对齐是一个无效的方式去。一个例子?嗯,你可以用左对齐的段落来使用居中的标题,这是我如何做到的。虽然我们在它-从来没有过大的段落,它使文本非常难以阅读。
以左对齐段为中心的标题
我总结了所有我所知道的设计对比。如果你想要到知道更多,我强烈建议你学习更多)琳达有良好的课程设计的原则,这里是一个链接对比的一课,意识到查看这一课你需要订阅。
什么是重复?
我们与生俱来的能力,在形状,图案和周围的行为,我们的能力,也符合我们的能力,看到均匀的形状,颜色和图案-一组对象的相似性。它是我们理解模式的能力,而欣赏对比度,这使我们能够更快地学习,更快速地适应。
当你在设计中使用重复的时候,你就已经说明了某些元素是一样的,并且你可以依赖这些元素在你的设计和所有类似的设计元素中保持一致。在前面的例子中我提到粗体文本的水平线其他文本提供一个直接的对比。如果我们看一下如何重复可以影响用户行为,我们只需要看超链接格式。