网页设计常见错误1
内容不会分解为逻辑块 假如将信息分组到网站解结构中,用户就更容易消化它们
设置内边距为 120 px-180 px,使用彩色背景分隔文本块
NO: 在相关信息集之间几乎没有填充,而且这种制定必须要颜色块来将内容划分为内容结构
结果,这些信息难以消化,也不清楚每个块应该包涵哪些文本 YES: 字迹足够大,块之间用颜色隔开,这使一件事马上清楚这些块包涵不同类型的内容 2
网页内容之间不均匀的间隔 相同大小的空间应该围绕内容结构设置
否则,您的页面看起来会很乱,用户可能不会对每个部分给予同等的合计
NO: 不同宽度的空间看起来不均匀,给人一种公司信息链接到标题的印象,无论每个块都同样重要 YES: 标题四周的相同大小的空格和正文复制有助于将逻辑块理解为包涵同等重要的信息 3
填充太小意味着用户不能将内容分解成内容结构 为了避开结构部件混合,将它们分开,并在它们之间插入一个大空间(至少 120 px)
NO: 使用狭窄的填充,组成站点的块互相粘连
这会使页面超载,并且相当混乱网站访问者会认为这是一个纯文本,而不是具有不同含义的部分 YES: 填充足够大,因此可以马上看到这两个块之间的差异 4
避开图像上文本的对比度低 文本和背景之间应该有足够的对比
为了特别复制,在图像上放置一个对比度较高的滤镜
黑色是一种很流行的颜色,但你也可以用明亮的颜色混合搭配
另一种选择是从一开始就使用对比度高的图像,并将副本放在照片的暗部
NO: 此图像太亮,这使得阅读文本的难度太大 YES: 应用于照片的滤镜易于阅读 5
一页上的样式太多 一个页面上太多的字体和制定样式会让它看起来不专业,难以阅读
为了避开这种状况,您可以限制自己使用单一字体和两个饱和度选项,例如一般和粗体
NO: 由于人们使用了太多的字体样式,所以不清楚重点在哪里 YES: 一种字体,一种颜色和两种饱