3个你应试图打破的网页设计规则

设计中有大量的规则,它们来自前辈设计师的建议,设计理论或课程中的经验教训。但是,有时候你应该试着打破他们。

随着时间的推移,设计趋势和概念会发生变化,尤其是是技术的进步使得一些规则也变化了。设计是不断发展的,今天有效的方式,明天可能就已过时。从这一点出发,下面的3个规则,是你应该试着打破的。

1.使用无衬线字体进行网页设计

74423609 - design, sharing - 3个你应试图打破的网页设计规则

39529327 - design, sharing - 3个你应试图打破的网页设计规则

曾经几乎每个设计师都主张应该使用无衬线字体,而现在已经不是这样了。

可读性良好的字体混用,是现在的普遍做法。这可以包括衬线字体、无衬线字体甚至异形字体和手写字体。选择正确的字体的关键,是保障可读性。

相关研究验证了这个管带你。Nielsen Norman集团的Jakob Nielsen专注用户体验的研究和培训,他表示随着屏幕技术的进步,网页排版的规则也在改变。他的主要观点如下:

旧的网页字体提倡使用无衬线字体,主要是因为计算机屏幕交叉,无法对衬线进行良好渲染,导致衬线字体在正文尺寸下会产生模糊。

然而根据最新的研究,衬线字体未必就比非衬线字体的可读性差——它们的阅读速度差异非常小,因此没有什么理由说就只能用某一种,您可以根据其他因素来对字体进行选择,比如需要特定风格或传达特定情感。

所以,无衬线字体的规则是可以打破的。在选择字体和鉴别可读性时,可以注意以下几点:

  • 选择线宽均匀,而且线宽在中等水平的字体。太细或太粗的字体可能难以阅读。
  • 选择x高度在平均水平的字体。偏瘦或偏高的字体对可读性会产生影响。
  • 选择字母间隔足够且一致的字体,不要过度使用连笔字或然人眼花缭乱的字体。
  • 除非真的有必要,否则不要在小块文本上使用很绚丽的字体。
  • 大文本快选用衬线字体或非衬线字体,可以保障字母清晰易读。

2.不使用绚丽的背景色

14606477 - design, sharing - 3个你应试图打破的网页设计规则

96917056 - design, sharing - 3个你应试图打破的网页设计规则

有一段时间,大家只接受白色或中性颜色的网站背景。现在已经不是这样了。

大胆明亮的颜色,可以成为很好的背景,色彩可以给用户很好的第一印象,为设计定调。更何况,这很好地打破了以往乏味的设计模式。

更多的网站和大品牌都在试图使用颜色创造更有趣、更有魅力的页面,增强用户体验,它们也似乎确实有效果。

另外,过去还倾向于限制颜色的数量。虽然有独特的品牌颜色不是坏事,但你也可以选择个性化的设计项目。

网页背景可以使用更大胆的配色和更多种颜色组合,创造优雅脱俗的感觉,用户往往也是买账的。同样地,很多大品牌也在这么做。

你需要准备一组颜色,来保障全站的颜色一致性,然后逐步添加进去。然而你不必重新设计所有内容,也不必将背景换位大绿大紫的颜色,还有很多颜色融入方式可以供你选择:

  • 给照片叠加颜色
  • 为标题选择明亮的颜色
  • 将中性颜色的背景换掉
  • 为按钮或“点击购买”等按钮添加明亮的颜色
  • 为悬停加上颜色叠加效果,鼓励用户交互

3.使用对称创建平衡

65525091 - design, sharing - 3个你应试图打破的网页设计规则

33645407 - design, sharing - 3个你应试图打破的网页设计规则

在我刚入行的时候,经验丰富的设计师对对称无比推崇,认为它才可以创造和谐和平衡。回头看来,这样“安全”的策略是没有必要的。

不对称可以使得排版更加有趣,也不见得会破坏平衡性——你需要在重量、空间和相互影响的元素之间寻找平衡,这一过程是很有趣的。

为了充分利用不对称带来的好处,你可以考虑下面几个方面,来创造和谐感和视觉流畅感:

  • 元素和空间的抵消:沉重的元素和空白空间搭配,会显得更平衡。
  • 预期用户视线的移动:一般人们是如何阅读的?大多情况下,用户会选择从左边较重的文本开始向右移动。
  • 使用颜色创建视觉焦点。
  • 使用网格来对其所有元素,形成组织感和流动感。
  • 注意重量。即使不对称,也不过应该让用户感到不平衡,这会加大阅读的难度。你可以使用导航等静态元素作为不对称元素的容器。

 

英文来源:Designshack

英文标题:3 Web Design Rules You Should Actually Try to Break

原作者:Carrie Cousins

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注