使用强调来吸引观众的眼球
强调网页设计会创建一个区域或对象,它是页面的焦点。 这是在设计中突出一个元素的一种方式。 焦点可能比设计的其他元素更大或颜色鲜艳 - 两者都倾向于吸引眼球。 当你设计一个网页时,你可以通过选择一个单词或短语来增加重点,并为它指定一种颜色,字体或大小以使其突出,但在设计中使用重点还有很多其他方法。
强调设计中的使用
设计师能够做出的最大错误之一就是试图让设计中的所有东西都脱颖而出。 当所有事情都有同样的重点时,设计看起来很忙碌,令人困惑,或者更加枯燥乏味,没有吸引力。 要在网页设计中创建一个焦点,请不要忽略以下内容的使用:
- 线条:通过对比创造强调。 如果几个元素是水平的,则一个垂直元素成为焦点。
- 颜色:如果设计中的大多数元素都是黑色或静音的,任何带有颜色的物体都会吸引眼球。
- 形状:大多数形状不规则时,几何形状突出。
- 接近度:当几个项目分组时,一个与组分开,眼睛转到单个项目。
- 放置:虽然也有例外,但放置在设计中心的元素通常会吸引眼球。
- 重量:沉重的元素吸引观众的注意力。
- 重复:当重复一个简单的图形到元素类型元素时,眼睛会将重复元素跟在焦点上。
- 对比度:除了由颜色和线条创建的对比度外,还可以通过尺寸,纹理或字体更改生成对比度。 这种变化导致焦点元素脱颖而出。
- 白色空间:由白色(或空白)空间包围的元素成为焦点。
Web设计中的层次结构
层次结构是设计元素的视觉排列,表示按大小显示重要性。 最重要的因素是最重要的; 不太重要的元素更小。 专注于在您的网页设计中创建视觉层次结构。 如果您已经努力为HTML标记创建语义流,这很容易,因为您的网页已经具有层次结构。 您的设计需要做的就是强调正确的元素 - 比如H1标题 - 最重要。
除了标记层次结构之外,还要识别访客的眼睛从屏幕左上角开始以Z模式查看网页。 这使得页面的左上角成为诸如公司徽标等重要项目的好地方。 右上角是重要信息的第二好位置。
如何将重点放在Web设计中
网页设计的重点可以通过多种方式实现:
- 即使没有任何样式,也可以使用语义标记来强调。
- 在设计中改变字体或图像的大小以强调或不强调它们。
- 使用对比色来强调。
- 尺寸计数。 页面或屏幕上的巨大单词会立即引起注意。
- 用白色空间围绕焦点。
- 重复一个单词或图像以引起注意。
从属地位在哪里?
当您调低设计中的其他元素以突出焦点时,会出现从属关系。 一个例子是一张鲜艳的彩色图形,放置在黑色和白色背景照片上。 当您使用与焦点后面的背景混合的柔和颜色或颜色时,会产生同样的效果,从而使其脱颖而出。